✨ push changes

src/pages/blog/author.rs

@@ -4,7 +4,7 @@ use crate::pages::blog::content::BlogEntry;
 
 #[derive(Clone, Debug, Eq, PartialEq, Properties)]
 pub struct Props {
-  pub seed: u64,
+  pub seed: u8,
 }
 
 pub struct Author {
@@ -25,8 +25,26 @@ impl Component for Author {
 
   fn view(&self, _ctx: &Context<Self>) -> Html {
     let Self { author } = self;
-
     html! {
+      <div class="tile is-parent container box is-small is-flex-shrink-5 mb-5 mt-5">
+        <img alt="insert pfp here" loading="eager" class="image is-128x128 is-square is-inline-block mg-small" src={author.image_url.clone()} />
+        <div class="columns is-narrow ml-3 is-inline-block is-vcentered is-centered is-gapless is-multiline is-0 mt-4" style="vertical-align: top !important;">
+          <p class="column is-narrow" style="filter: url(post.bloom.svg#process) !important; color: #B4BEFE !important;">{author.name.clone()}</p>
+          <p class="column is-narrow" style="background-clip: text !important; background-image: linear-gradient(45deg, #5BCEFAFF, #F5A9B8FF, #FFFFFFFF) !important;">
+            { for author.keywords.iter().map(|tag| html! { <p>{ tag }</p> }) }
+          </p>
+        </div>
+        <hr style="background-color: #B4BEFE60 !important;" />
+        <p class="subtitle">{r#"about me"#}</p>
+        <div class="content is-size-7">
+          { author.about.clone() }
+        </div>
+      </div>
+    }
+  }
+}
+
+      /* 
       <div class="section container">
         <div class="tile is-ancestor is-vertical">
           <div class="tile is-parent">
@@ -53,7 +71,7 @@ impl Component for Author {
                 <div class="content">
                   <p class="title">{ "About me" }</p>
                   <div class="content">
-                    { "This author has chosen not to reveal anything about themselves" }
+                    { author.about.clone() }
                   </div>
                 </div>
               </article>
@@ -61,6 +79,4 @@ impl Component for Author {
           </div>
         </div>
       </div>
-    }
-  }
-}
+      */