description list

posts/hello.yaml

@@ -2,4 +2,4 @@ title: Hello
 author: pagwin
 tags: [hello, this is a list]
 draft: false
-date: 2024-8-1
+date: 2024-08-01

static/css/layout.css

@@ -139,21 +139,17 @@ p {
     /*https://pearsonified.com/golden-ratio-typography-intro/ is where this came from and tbh having a bigger line height does make things more readable although I tune it down a bit*/
     line-height: 1.5;
 }
-/*TODO specify for posts list*/
-#content > ul {
+
+dl{
   padding: 0;
   list-style: none;
 }
 
-#content > ul > li {
-  display: flex;
-  align-items: center;
+
+dt > a, dl > div > time, dl > time{
+  /*margin: 1rem;*/
 }
 
-#content > ul > li > a {
-  margin: 1rem;
-}
-}
 /* we really want to make sure this doesn't stick around when colors load in regardless of when/how colors get loaded in*/
 @layer pre-load{
     #content {

templates/posts.html

@@ -1,9 +1,18 @@
-<ul>
+<dl>
     {{#posts}}
-    <li>
-        <h3><a href="{{link}}">{{title}}</a></h3>
+    <div>
+        <dt><a href="{{link}}">{{title}}</a> </dt>
         <time datetime="{{{iso_date}}}">{{date}}</time>
-    </li>
-    <hr />
+        <dd>
+            <p>Bacon ipsum dolor amet kielbasa corned beef alcatra t-bone, turkey tri-tip swine pork loin. Boudin
+                buffalo
+                sirloin, turkey chislic pork loin beef ribs alcatra andouille jerky. Burgdoggen pork belly shankle swine
+                jerky. Buffalo ham hock shankle prosciutto landjaeger capicola turducken shank kielbasa short ribs
+                tongue
+                short loin frankfurter pork chop. Pork chop boudin pig bresaola ball tip beef ribs sausage corned beef
+                ham
+                hock.</p>
+        </dd>
+    </div>
     {{/posts}}
-</ul>
+</dl>