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, 22 insertions, 10 deletions

diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index 332a846..ee1a816 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,12 +1,24 @@
-<header class="c-page__header">
-    <h1 class="c-page__prefixed c-page__prefixed--h1 c-page__header__title">$title$</h1>
-    $if(date)$
-        <h2 class="c-page__header__meta">$date.yyyy_mm_dd$$if(category)$ in $category.name$$endif$</h2>
-    $elseif(category)$
-        <h2 class="c-page__header__meta">in $category.name$</h2>
-    $endif$
-</header>
+<main class="c-page l-container l-container--content l-container--pad-v">
+    <div class="c-page__content">
+        <header class="c-page__header">
+            $if(menus.main.active)$
+                <div class="c-page__prefixed c-page__prefixed--backref c-page__header__backlink">
+                    <a class="c-page__header__backlink__link" href="$menus.main.active.url$">
+                        $menus.main.active.label$
+                    </a>
+                </div>
+            $endif$
+            <h1 class="c-page__prefixed c-page__prefixed--h1 c-page__header__title">$title$</h1>
+            $if(date)$
+                <h2 class="c-page__header__meta">$date.yyyy_mm_dd$$if(category)$ in $category.name$$endif$</h2>
+            $elseif(category)$
+                <h2 class="c-page__header__meta">in $category.name$</h2>
+            $endif$
+        </header>
 
-<section>
+        <section class="s-page">
 $body$
-</section>
+        </section>
+    </div>
+</main>
+