Added section link to the header in regular pages, improved template structure, improved CSS variable names, keep prefix for specific page items on mobile

1 files changed, 20 insertions, 17 deletions

diff --git a/templates/layouts/dated_list.html b/templates/layouts/dated_list.html
index 0a279f0..8c5de69 100644
--- a/templates/layouts/dated_list.html
+++ b/templates/layouts/dated_list.html
@@ -1,22 +1,25 @@
-<h1 class="c-page__prefixed c-page__prefixed--h1">$title$</h1>
-
+<main class="c-page s-page l-container l-container--content l-container--pad-v">
+    <div class="c-page__content">
+        <h1 class="c-page__prefixed c-page__prefixed--h1">$title$</h1>
 $body$
 
-$if(categories)$
-    <ul class="c-hlist">
-        $for(categories)$
-            <li class="c-hlist__item"><strong>$it.key/uppercase$</strong> $it.value.name$</li>
-        $endfor$
-    </ul>
-$endif$
+        $if(categories)$
+            <ul class="c-hlist">
+                $for(categories)$
+                    <li class="c-hlist__item"><strong>$it.key/uppercase$</strong> $it.value.name$</li>
+                $endfor$
+            </ul>
+        $endif$
 
-$for(pages.by_year)$
-    <ul>
-        $for(it.value)$
-            <li class="c-page__prefixed c-page__prefixed--ref">
-                <a href="$it.url.rel$">$it.category.id/uppercase$ $it.date.yyyy_mm_dd$ - $it.title$</a>
-            </li>
+        $for(pages.by_year)$
+            <ul>
+                $for(it.value)$
+                    <li class="c-page__prefixed c-page__prefixed--ref">
+                        <a href="$it.url.rel$">$it.category.id/uppercase$ $it.date.yyyy_mm_dd$ - $it.title$</a>
+                    </li>
+                $endfor$
+            </ul>
         $endfor$
-    </ul>
-$endfor$
+    </div>
+</main>