Simplified metadata processing, improved design

1 files changed, 18 insertions, 17 deletions

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 5e2d4a5..0b445ee 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,30 +1,31 @@
 <section class="l-section l-section--fullscreen l-section--no-head">
     <div class="l-container l-container--pad-x l-container--pad-y l-container--content s-colored-links">
-        <div class="s-headlines s-body">
+        <div class="s-headlines">
             <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
 
 $body$
         </div>
 
-        $for(pages.by_category)$
-            <h2 class="s-body__h3">
-                $for(it.value/first/first)$
-                    $it.category.name$
-                $endfor$
-            </h2>
-            <ul>
-                $for(it.value)$
-                    <li>
-                        $if(it.category.show_date)$
-                            $it.date.yyyy_mm_dd$: 
-                        $endif$
-                        <a href="$it.url.rel$">
+        <div class="c-post-list">
+            $for(pages.by_category)$
+                <h2 class="c-post-list__category-header">
+                    $it.name$
+                </h2>
+                $for(it.pages)$
+                    <div class="c-post-list__post">
+                        <a href="$it.url.rel$" class="c-post-list__post-title">
                             $it.title$
                         </a>
-                    </li>
+
+                        $if(it.category.show_date)$
+                            <time datetime="$it.date.yyyy_mm_dd$" class="c-post-list__post-date">
+                                $it.date.long$
+                            </time>
+                        $endif$
+                    </div>
                 $endfor$
-            </ul>
-        $endfor$
+            $endfor$
+        </div>
     </div>
 </section>