diff options
Diffstat (limited to 'templates/base.html')
| -rw-r--r-- | templates/base.html | 57 |
1 files changed, 30 insertions, 27 deletions
diff --git a/templates/base.html b/templates/base.html index 3fca9f1..0704388 100644 --- a/templates/base.html +++ b/templates/base.html | |||
| @@ -7,24 +7,27 @@ | |||
| 7 | <meta name="robots" content="noindex" /> | 7 | <meta name="robots" content="noindex" /> |
| 8 | <link rel="shortcut icon" href="/favicon.ico" /> | 8 | <link rel="shortcut icon" href="/favicon.ico" /> |
| 9 | $for(author-meta)$ | 9 | $for(author-meta)$ |
| 10 | <meta name="author" content="$author-meta$" /> | 10 | <meta name="author" content="$author-meta$" /> |
| 11 | $endfor$ | 11 | $endfor$ |
| 12 | $if(date-meta)$ | 12 | $if(date-meta)$ |
| 13 | <meta name="dcterms.date" content="$date-meta$" /> | 13 | <meta name="dcterms.date" content="$date-meta$" /> |
| 14 | $endif$ | 14 | $endif$ |
| 15 | $if(keywords)$ | 15 | $if(keywords)$ |
| 16 | <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" /> | 16 | <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" /> |
| 17 | $endif$ | 17 | $endif$ |
| 18 | <title>$if(ishome)$$else$$title$ – $endif$$site.title$</title> | 18 | $if(feed.url.abs)$ |
| 19 | <link href="$feed.url.abs$" type="application/atom+xml" rel="alternate" title="$if(is_home)$$else$$title$ – $endif$$site.title$" /> | ||
| 20 | $endif$ | ||
| 21 | <title>$if(is_home)$$else$$title$ – $endif$$site.title$</title> | ||
| 19 | <link rel="stylesheet" href="/style.css" /> | 22 | <link rel="stylesheet" href="/style.css" /> |
| 20 | $if(section)$ | 23 | $if(section.id)$ |
| 21 | <style> | 24 | <style> |
| 22 | .c-nav__item--$section$ { | 25 | .c-nav__item--$section.id$ { |
| 23 | border-color: var(--nav--item--active--fg); | 26 | border-color: var(--nav--item--active--fg); |
| 24 | color: var(--nav--item--active--fg); | 27 | color: var(--nav--item--active--fg); |
| 25 | font-weight: bold; | 28 | font-weight: bold; |
| 26 | } | 29 | } |
| 27 | </style> | 30 | </style> |
| 28 | $endif$ | 31 | $endif$ |
| 29 | </head> | 32 | </head> |
| 30 | 33 | ||
| @@ -33,14 +36,14 @@ | |||
| 33 | <div class="c-nav__items l-container"> | 36 | <div class="c-nav__items l-container"> |
| 34 | <a class="c-nav__logo" href="/" title="$site.title$">$site.logo$</a> | 37 | <a class="c-nav__logo" href="/" title="$site.title$">$site.logo$</a> |
| 35 | $for(menus.main)$ | 38 | $for(menus.main)$ |
| 36 | <a class="c-nav__item c-nav__item--$it.id$" href="$it.url$">$it.label$</a> | 39 | <a class="c-nav__item c-nav__item--$it.id$" href="$it.url$">$it.label$</a> |
| 37 | $endfor$ | 40 | $endfor$ |
| 38 | </div> | 41 | </div> |
| 39 | </nav> | 42 | </nav> |
| 40 | 43 | ||
| 41 | <main class="c-page s-page l-container l-container--content l-container--pad-v"> | 44 | <main class="c-page s-page l-container l-container--content l-container--pad-v"> |
| 42 | <div class="c-page__content"> | 45 | <div class="c-page__content"> |
| 43 | $if(ishome)$ | 46 | $if(is_home)$ |
| 44 | <header class="c-page-header u-hidden@sm-down" role="presentation"> | 47 | <header class="c-page-header u-hidden@sm-down" role="presentation"> |
| 45 | ${pageHeader()} | 48 | ${pageHeader()} |
| 46 | </header> | 49 | </header> |
| @@ -48,26 +51,26 @@ ${pageHeader()} | |||
| 48 | 51 | ||
| 49 | $body$ | 52 | $body$ |
| 50 | 53 | ||
| 51 | $if(isblog)$ | 54 | $if(section.is_blog)$ |
| 52 | ${categoryRef()} | 55 | ${categories.blog:categoryRef()} |
| 53 | ${pagelistByYear()} | 56 | ${pagelistByYear()} |
| 54 | $endif$ | 57 | $endif$ |
| 55 | </div> | 58 | </div> |
| 56 | </main> | 59 | </main> |
| 57 | 60 | ||
| 58 | $if(ishome)$ | 61 | $if(is_home)$ |
| 59 | <template id="header-sm"> | 62 | <template id="header-sm"> |
| 60 | ${pageHeaderSm()} | 63 | ${pageHeaderSm()} |
| 61 | </template> | 64 | </template> |
| 62 | 65 | ||
| 63 | <script> | 66 | <script> |
| 64 | var headerEl = document.querySelector(".c-page-header"); | 67 | var headerEl = document.querySelector(".c-page-header"); |
| 65 | var headerTemplateEl = document.getElementById("header-sm"); | 68 | var headerTemplateEl = document.getElementById("header-sm"); |
| 66 | var headerSmEl = headerTemplateEl.content.cloneNode("true"); | 69 | var headerSmEl = headerTemplateEl.content.cloneNode("true"); |
| 67 | 70 | ||
| 68 | headerEl.classList.remove("u-hidden@sm-down"); | 71 | headerEl.classList.remove("u-hidden@sm-down"); |
| 69 | headerEl.appendChild(headerSmEl); | 72 | headerEl.appendChild(headerSmEl); |
| 70 | </script> | 73 | </script> |
| 71 | $endif$ | 74 | $endif$ |
| 72 | </body> | 75 | </body> |
| 73 | 76 | ||
