indie photo

WaylonWalker · Dec 19, 2023 · 9980c20 · 9980c20
1 parent d35152f
commit 9980c20
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 12 deletions.
diff --git a/pages/templates/feed_card.html b/pages/templates/feed_card.html
@@ -1,18 +1,21 @@
-<li class="post group {{post['templateKey']}}">
-    <a href="/{{markata.config.path_prefix}}{{ post.slug }}/">
+<li class="post group {{post['templateKey']}} h-entry hentry">
+    <a href="/{{markata.config.path_prefix}}{{ post.slug }}/" class="u-url" rel="bookmark">
         {% if title | length > 50 %}
-        <h2>{{ title[:50] }}...</h2>
+        <h2 class="p-name entry-title">{{ title[:50] }}...</h2>
         {% else %}
-        <h2>{{ title }}</h2>
+        <h2 class="p-name entry-title">{{ title }}</h2>
         {% endif %}
-        <p class="description p-0 px-1 m-0">{{ post.description|e }}</p>
+        <p class="description p-0 px-1 m-0 p-summary entry-summary">
+            {{ post.description|e }}
+        </p>
         <div class="card-footer">
-            <p class="m-0 p-0 text-white/60 group-hover:text-white">
+            <p rel="category tag" class="p-category m-0 p-0 text-white/60 group-hover:text-white">
                 {{post['templateKey'].replace('til', 'TIL: Today I Learned')}}
             </p>
-            <p class="m-0 p-0 text-white/60 group-hover:text-white">
+            <time class="dt-published published m-0 p-0 text-white/60 group-hover:text-white"
+                datetime="{{ post.date }}">
                 {{ post.date.year }}-{{ post.date.month }}-{{ post.date.day }}
-            </p>
+            </time>
         </div>
     </a>
 </li>
diff --git a/static/app.css b/static/app.css
@@ -962,6 +962,10 @@ video {
   aspect-ratio: 800/450;
 }
 
+.h-16 {
+  height: 4rem;
+}
+
 .h-5 {
   height: 1.25rem;
 }
@@ -970,6 +974,10 @@ video {
   height: 100vh;
 }
 
+.w-16 {
+  width: 4rem;
+}
+
 .w-32 {
   width: 8rem;
 }
@@ -1040,6 +1048,10 @@ video {
   flex-wrap: wrap;
 }
 
+.items-center {
+  align-items: center;
+}
+
 .justify-center {
   justify-content: center;
 }
@@ -1076,6 +1088,10 @@ video {
   border-radius: 0.25rem;
 }
 
+.rounded-full {
+  border-radius: 9999px;
+}
+
 .rounded-lg {
   border-radius: 0.5rem;
 }

diff --git a/static/index.html b/static/index.html
@@ -219,9 +219,10 @@
             </ul>
         </nav>
         <div class='inner absolute'>
-            <a href="https://waylonwalker.com/" class="h-card" rel="me">
+            <a href="https://waylonwalker.com/" class="h-card flex gap-4 flex-wrap justify-center items-center"
+                rel="me">
+                <img class="u-photo w-16 h-16 rounded-full" src="https://images.waylonwalker.com/8bitc.png" />
                 <h1 class='flair'>Waylon Walker</h1>
-                <img class="u-photo" src="https://images.waylonwalker.com/8bitc.png" />
             </a>
             <h2 class='font-bold'>Always Learning</h2>
             <h3>
@@ -242,8 +243,7 @@ <h3>
                 <p class='p-note'>
                     I am a Husband, Father of two beautiful children, Senior Python
                     Developer currently working in the Data Engineering platform
-                    space. I am a continuous learner, and share my learning in public.
-                </p>
+                    space. I am a continuous learner, and share my learning in public. </p>
 
 
             </div>