diff options
| author | Volpeon <git@volpeon.ink> | 2020-12-24 15:05:32 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2020-12-24 15:05:32 +0100 |
| commit | 714d8f7ff8425e4177ff6bde4d214ef75be6b1ab (patch) | |
| tree | bc343dd424b14bcadef61a80bfe7d423c139445c /templates | |
| parent | Improved typography (diff) | |
| download | volpeon.ink-714d8f7ff8425e4177ff6bde4d214ef75be6b1ab.tar.gz volpeon.ink-714d8f7ff8425e4177ff6bde4d214ef75be6b1ab.tar.bz2 volpeon.ink-714d8f7ff8425e4177ff6bde4d214ef75be6b1ab.zip | |
Added header, improved SCSS structure, use metadata file instead of param, improved folder structure
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/base.html | 28 | ||||
| -rw-r--r-- | templates/pageHeader.html | 2 | ||||
| -rw-r--r-- | templates/pageHeaderSm.html | 2 |
3 files changed, 21 insertions, 11 deletions
diff --git a/templates/base.html b/templates/base.html index 25232dc..cc05840 100644 --- a/templates/base.html +++ b/templates/base.html | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html> | 2 | <html lang="en"> |
| 3 | 3 | ||
| 4 | <head> | 4 | <head> |
| 5 | <meta charset="utf-8" /> | 5 | <meta charset="utf-8" /> |
| @@ -17,28 +17,38 @@ | |||
| 17 | $endif$ | 17 | $endif$ |
| 18 | <title>$if(ismain)$$else$$title$ – $endif$$sitetitle$</title> | 18 | <title>$if(ismain)$$else$$title$ – $endif$$sitetitle$</title> |
| 19 | <link rel="stylesheet" href="/style.css" /> | 19 | <link rel="stylesheet" href="/style.css" /> |
| 20 | $if(id)$ | ||
| 21 | <style> | ||
| 22 | .c-nav__item--$id$ { | ||
| 23 | font-weight: bold; | ||
| 24 | color: var(--fg-plus); | ||
| 25 | } | ||
| 26 | </style> | ||
| 27 | $endif$ | ||
| 20 | </head> | 28 | </head> |
| 21 | 29 | ||
| 22 | <body> | 30 | <body> |
| 23 | <main class="s-page"> | 31 | <main class="s-page"> |
| 24 | $if(ismain)$ | 32 | <nav class="c-nav"> |
| 33 | $for(menus.main)$ | ||
| 34 | <a class="c-nav__item c-nav__item--$it.id$" href="$it.url$">$it.label$</a> | ||
| 35 | $endfor$ | ||
| 36 | </nav> | ||
| 37 | |||
| 25 | <header class="c-page-header" role="presentation"> | 38 | <header class="c-page-header" role="presentation"> |
| 39 | $if(ismain)$ | ||
| 26 | ${pageHeader()} | 40 | ${pageHeader()} |
| 27 | </header> | 41 | $else$ |
| 28 | $else$ | ||
| 29 | <header class="c-page-header c-page-header--nohide" role="presentation"> | ||
| 30 | ${pageHeaderSm()} | 42 | ${pageHeaderSm()} |
| 43 | $endif$ | ||
| 31 | </header> | 44 | </header> |
| 32 | $endif$ | ||
| 33 | 45 | ||
| 34 | $body$ | 46 | $body$ |
| 35 | </main> | 47 | </main> |
| 36 | 48 | ||
| 37 | $if(ismain)$ | 49 | $if(ismain)$ |
| 38 | <template id="header-sm"> | 50 | <template id="header-sm"> |
| 39 | <header class="c-page-header c-page-header--sm" role="presentation"> | ||
| 40 | ${pageHeaderSm()} | 51 | ${pageHeaderSm()} |
| 41 | </header> | ||
| 42 | </template> | 52 | </template> |
| 43 | 53 | ||
| 44 | <script> | 54 | <script> |
| @@ -46,7 +56,7 @@ ${pageHeaderSm()} | |||
| 46 | var headerTemplateEl = document.getElementById("header-sm"); | 56 | var headerTemplateEl = document.getElementById("header-sm"); |
| 47 | var headerSmEl = headerTemplateEl.content.cloneNode("true"); | 57 | var headerSmEl = headerTemplateEl.content.cloneNode("true"); |
| 48 | 58 | ||
| 49 | headerEl.parentElement.insertBefore(headerSmEl, headerEl.nextElementSibling); | 59 | headerEl.appendChild(headerSmEl); |
| 50 | </script> | 60 | </script> |
| 51 | $endif$ | 61 | $endif$ |
| 52 | </body> | 62 | </body> |
diff --git a/templates/pageHeader.html b/templates/pageHeader.html index 93cab59..9fe1867 100644 --- a/templates/pageHeader.html +++ b/templates/pageHeader.html | |||
| @@ -8,7 +8,7 @@ | |||
| 8 | ___\___.___:____(:/\_-,______\:.\_-,____.__\_.\______.__:___\__.___)_.___,/____ | 8 | ___\___.___:____(:/\_-,______\:.\_-,____.__\_.\______.__:___\__.___)_.___,/____ |
| 9 | ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ | 9 | ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ |
| 10 | --> | 10 | --> |
| 11 | <pre> | 11 | <pre class="u-hidden@sm-down"> |
| 12 | ' | ' ' ' ' ' | | | ' ' | 12 | ' | ' ' ' ' ' | | | ' ' |
| 13 | | ' ' ' <strong>//\_</strong> ' | ' . | ' ' | 13 | | ' ' ' <strong>//\_</strong> ' | ' . | ' ' |
| 14 | .| ' <strong>____,...,______..,_~`` -`..,</strong> ' | ' | ' ' | 14 | .| ' <strong>____,...,______..,_~`` -`..,</strong> ' | ' | ' ' |
diff --git a/templates/pageHeaderSm.html b/templates/pageHeaderSm.html index 16a029d..9386b8c 100644 --- a/templates/pageHeaderSm.html +++ b/templates/pageHeaderSm.html | |||
| @@ -4,7 +4,7 @@ | |||
| 4 | '| .´ ,~'\ ).,__,)/,," ' . ' | | | ' .' | 4 | '| .´ ,~'\ ).,__,)/,," ' . ' | | | ' .' |
| 5 | |_ `~´ (/\\, (/\\, _' '_ _| ' |_ _' '_ | 5 | |_ `~´ (/\\, (/\\, _' '_ _| ' |_ _' '_ |
| 6 | --> | 6 | --> |
| 7 | <pre> | 7 | <pre class="$if(ismain)$u-hidden@sm-up$endif$"> |
| 8 | .| <strong> //\__</strong> ' .' | . | ' . ' | 8 | .| <strong> //\__</strong> ' .' | . | ' . ' |
| 9 | | <strong> _.~-"""-----~`` ,-´</strong> ' ' |' | ' ' | 9 | | <strong> _.~-"""-----~`` ,-´</strong> ' ' |' | ' ' |
| 10 | '| <strong>.´ ,~'\ ).,__,)/,," </strong> ' . ' | | | ' .' | 10 | '| <strong>.´ ,~'\ ).,__,)/,," </strong> ' . ' | | | ' .' |