actor profile page

1 files changed, 36 insertions, 3 deletions

diff --git a/static/style.css b/static/style.css
index 95244cb..fc548fc 100644
--- a/static/style.css
+++ b/static/style.css
@@ -64,6 +64,11 @@ h1 {
   padding: 0;
 }
 
+hr {
+  border: none;
+  border-top: 1px solid #5554;
+}
+
 article.note {
   background: #fee4;
   border: 1px solid #3b005e44;
@@ -74,15 +79,15 @@ article.note {
   grid-template-columns: max-content 1fr;
   gap: 16px;
 
-  img.authorAvatar {
+  picture.avatar,
+  picture.avatar > * {
     width: 64px;
     aspect-ratio: 1;
   }
 
   .infoLine {
     display: grid;
-    grid-auto-columns: max-content 1fr max-content;
-    grid-auto-flow: column;
+    grid-template-columns: max-content 1fr max-content;
     align-items: baseline;
     margin-bottom: 4px;
     gap: 8px;
@@ -113,3 +118,31 @@ article.note {
     padding: 0;
   }
 }
+
+.fullProfile {
+  border-radius: 8px;
+  margin: 16px;
+  padding: 16px;
+  border: 1px solid #23f4;
+  background: #e6eaff44;
+
+  .basicInfo {
+    display: grid;
+    grid-template-columns: max-content 1fr;
+    gap: 16px;
+
+    picture.avatar,
+    picture.avatar > * {
+      width: 96px;
+      aspect-ratio: 1;
+    }
+    .displayName {
+      font-size: 16pt;
+      font-weight: bold;
+    }
+    .handle,
+    .joinedDate {
+      font-size: 10pt;
+    }
+  }
+}