diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/footer.html | 41 | ||||
| -rw-r--r-- | templates/header.html | 15 |
2 files changed, 39 insertions, 17 deletions
diff --git a/templates/footer.html b/templates/footer.html index a55d9be..834f1f2 100644 --- a/templates/footer.html +++ b/templates/footer.html @@ -1,12 +1,31 @@ -<div class="layout-footer"> - <div class="bar-fill"></div> - <div class="footer-r3"></div> - <div class="footer-lcsb"></div> - <div class="footer-text"> - <div>Share this page: <a href="#">...</a></div> - <div>The contents are available under the <a href="#">Creative Commons Attribution-ShareAlike License (CC-BY-SA 4.0)</a>.</div> - <div><a href="#">Privacy Policy</a> (Only necessary cookies accepted — <a href="#">change</a>)</div> + <div class="content-footer"> + <div class="flex-fill"></div> + <div class="footer-r3"></div> + <div class="footer-lcsb"></div> + <div class="footer-text"> + <div> + The contents are available under the <a href="#">Creative Commons Attribution-ShareAlike License (CC-BY-SA 4.0)</a>. + </div> + <div> + <a href="#">Privacy Policy</a> (Only necessary cookies accepted — <a href="#">change</a>) + </div> + </div> + <div class="flex-fill"></div> + </div> </div> - <div class="bar-fill"></div> -<div> -</div> + <div class="width-sidebar sidebar-box"> + <div class="sidebar-header"> + Page categories + </div> + <div class="sidebar-values"> + a → b → c + </div> + <div class="sidebar-header"> + Last modification + </div> + <div class="sidebar-values"> + January 2023 + </div> + </div> + <div class="flex-sidefill"></div> +</main> diff --git a/templates/header.html b/templates/header.html index 7ca4749..a790e26 100644 --- a/templates/header.html +++ b/templates/header.html @@ -1,5 +1,5 @@ -<div class="layout-topbar"> - <div class="bar-fill topbar-borderbottom"></div> +<header> + <div class="flex-sidefill topbar-borderbottom"></div> <div class="width-content same-height"> <div class="topbar-unilu topbar-borderbottom"> <div class="logo-unilu"></div> @@ -8,11 +8,14 @@ <div class="header-title">LCSB How-To Cards</div> <div class="header-subtitle">The practical and handy reference</div> </div> - <div class="bar-fill topbar-borderbottom"></div> + <div class="flex-fill topbar-borderbottom"></div> <div class="topbar-lcsb topbar-borderbottom"> <div class="logo-lcsb"></div> </div> </div> - <div class="bar-fill topbar-borderbottom"></div> -</div> -<div class="width-content margin-center"> + <div class="flex-sidefill topbar-borderbottom"></div> +</header> +<main> + <div class="flex-sidefill"></div> + <div class="width-sidebar sidebar-box"></div> + <div class="width-content"> |