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/base.html | |
| 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/base.html')
| -rw-r--r-- | templates/base.html | 8 |
1 files changed, 4 insertions, 4 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 | ||