diff options
| author | Volpeon <git@volpeon.ink> | 2020-12-25 13:22:37 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2020-12-25 13:22:37 +0100 |
| commit | e7d6404ab184a5f6a8645bd0ac90b3676b8c5efc (patch) | |
| tree | 3d09f5793e666f27c888f536bbe54839974c4fbc /templates | |
| parent | Various improvements: CSS classes, favicon, design (diff) | |
| download | volpeon.ink-e7d6404ab184a5f6a8645bd0ac90b3676b8c5efc.tar.gz volpeon.ink-e7d6404ab184a5f6a8645bd0ac90b3676b8c5efc.tar.bz2 volpeon.ink-e7d6404ab184a5f6a8645bd0ac90b3676b8c5efc.zip | |
Improved CSS definitions, more fine-grained content build script
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/base.html | 8 | ||||
| -rw-r--r-- | templates/pageHeaderSm.html | 16 |
2 files changed, 12 insertions, 12 deletions
diff --git a/templates/base.html b/templates/base.html index 96dd4ff..d381984 100644 --- a/templates/base.html +++ b/templates/base.html | |||
| @@ -31,15 +31,15 @@ | |||
| 31 | <body> | 31 | <body> |
| 32 | <nav class="c-nav"> | 32 | <nav class="c-nav"> |
| 33 | <div class="c-nav__items l-container"> | 33 | <div class="c-nav__items l-container"> |
| 34 | <span class="c-nav__logo">$site.logo$</span> | 34 | <a class="c-nav__logo" href="/" title="$site.title$">$site.logo$</a> |
| 35 | $for(menus.main)$ | 35 | $for(menus.main)$ |
| 36 | <a class="c-nav__item c-nav__item--$it.id$" href="$it.url$">$it.label$</a> | 36 | <a class="c-nav__item c-nav__item--$it.id$" href="$it.url$">$it.label$</a> |
| 37 | $endfor$ | 37 | $endfor$ |
| 38 | </div> | 38 | </div> |
| 39 | </nav> | 39 | </nav> |
| 40 | 40 | ||
| 41 | <main class="l-container l-container--narrow l-container--pad-v"> | 41 | <main class="s-page l-container l-container--content l-container--pad-v"> |
| 42 | <div class="s-page"> | 42 | <div class="s-page__content"> |
| 43 | $if(isHome)$ | 43 | $if(isHome)$ |
| 44 | <header class="c-page-header" role="presentation"> | 44 | <header class="c-page-header" role="presentation"> |
| 45 | ${pageHeader()} | 45 | ${pageHeader()} |
| @@ -56,7 +56,7 @@ ${pageHeaderSm()} | |||
| 56 | </template> | 56 | </template> |
| 57 | 57 | ||
| 58 | <script> | 58 | <script> |
| 59 | var headerEl = document.querySelector(".s-page > header"); | 59 | var headerEl = document.querySelector(".c-page-header"); |
| 60 | var headerTemplateEl = document.getElementById("header-sm"); | 60 | var headerTemplateEl = document.getElementById("header-sm"); |
| 61 | var headerSmEl = headerTemplateEl.content.cloneNode("true"); | 61 | var headerSmEl = headerTemplateEl.content.cloneNode("true"); |
| 62 | 62 | ||
diff --git a/templates/pageHeaderSm.html b/templates/pageHeaderSm.html index e673a73..6092f30 100644 --- a/templates/pageHeaderSm.html +++ b/templates/pageHeaderSm.html | |||
| @@ -1,11 +1,11 @@ | |||
| 1 | <!-- | 1 | <!-- |
| 2 | .| //\__ ' .' | . | ' . ' | 2 | .| //\__ ' .' | . | ' . ' |
| 3 | | _.~-"""-----~`` ,-´ ' ' |' | ' ' | 3 | | _.~-"""-----~`` ,-´ ' ' |' | ' ' |
| 4 | '| .´ ,~'\ ).,__,)/,," ' . ' | | | ' .' | 4 | '| .´ ,~'\ ).,__,)/,," ' . ' | | | ' .' |
| 5 | |_ `~´ (/\\, (/\\, _' '_ _| ' |_ _' '_ | 5 | |_ `~´ (/\\, (/\\, _' '_ _| ' |_ _' '_ |
| 6 | --> | 6 | --> |
| 7 | <pre class="$if(isHome)$u-hidden@sm-up$endif$"> | 7 | <pre class="$if(isHome)$u-hidden@sm-up$endif$"> |
| 8 | .| <strong> //\__</strong> ' .' | . | ' . ' | 8 | .| <strong> //\__</strong> ' .' | . | ' . ' |
| 9 | | <strong> _.~-"""-----~`` ,-´</strong> ' ' |' | ' ' | 9 | | <strong> _.~-"""-----~`` ,-´</strong> ' ' |' | ' ' |
| 10 | '| <strong>.´ ,~'\ ).,__,)/,," </strong> ' . ' | | | ' .' | 10 | '| <strong>.´ ,~'\ ).,__,)/,," </strong> ' . ' | | | ' .' |
| 11 | |_ <strong>`~´ (/\\, (/\\, </strong> _' '_ _| ' |_ _' '_</pre> | 11 | |_ <strong>`~´ (/\\, (/\\, </strong> _' '_ _| ' |_ _' '_</pre> |