some gravatar and profile tweaks

ryanfaerman · Feb 2, 2024 · 54ba62e · 54ba62e
1 parent 9bd30fe
commit 54ba62e
Show file tree

Hide file tree

Showing 5 changed files with 85 additions and 67 deletions.
diff --git a/internal/handlers/static/custom.css b/internal/handlers/static/custom.css
@@ -402,7 +402,6 @@ html {
 .grid-container.split {
   grid-template-columns: 5fr 2fr;
   text-align: left;
-
 }
 
 .grid-container.split .sticky {
@@ -1219,3 +1218,10 @@ i.swap-icon:hover i.hover {
   display: inline-block !important;
 }
 
+
+
+
+.profile.avatar {
+  border: 2px solid var(--border-color-softer);
+  border-radius: 50%;
+}
diff --git a/internal/views/account.templ b/internal/views/account.templ
@@ -18,14 +18,20 @@ func (v Account) Nav() Menu {
 
 templ (v Account) Profile() {
 	@Page(v.Nav()) {
-		<div class="grid-container split">
-			<div>
-				<h1>{ v.Account.Name }</h1>
-				@Image(ImageAttrs{
+		<div class="grid-container left-split">
+			<div class="profile-sidebar">
+				<div class="profile-card">
+					@Image(ImageAttrs{
             URL: GravatarURL(ctx, v.Account, 250),
             Width: 250,
-            Height: 250, 
+            Height: 250,
+            Extra: templ.Attributes{
+                "class": "profile avatar",
+            },
           })
+					<h1>{ v.Account.Name }</h1>
+					<h2>{ v.Account.Callsign().Call }</h2>
+				</div>
 				@templ.Raw(v.Account.About)
 			</div>
 			<div>

diff --git a/internal/views/account_templ.go b/internal/views/account_templ.go
diff --git a/internal/views/image.templ b/internal/views/image.templ
@@ -38,7 +38,6 @@ templ Image(attrs ImageAttrs) {
 	} else {
 		<img
 			src={ attrs.URL }
-			class={ attrs.Classes }
 			width={ attrs.width() }
 			height={ attrs.height() }
 			{ attrs.Extra... }

diff --git a/internal/views/image_templ.go b/internal/views/image_templ.go