diff options
| author | Volpeon <git@volpeon.ink> | 2020-12-24 22:07:49 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2020-12-24 22:07:49 +0100 |
| commit | 94e30b971e93669810d8a4889d60340900ad60f3 (patch) | |
| tree | 8a3512a74042cd075a0409d873c1a3bf7cf768b5 /templates | |
| parent | Added header, improved SCSS structure, use metadata file instead of param, im... (diff) | |
| download | volpeon.ink-94e30b971e93669810d8a4889d60340900ad60f3.tar.gz volpeon.ink-94e30b971e93669810d8a4889d60340900ad60f3.tar.bz2 volpeon.ink-94e30b971e93669810d8a4889d60340900ad60f3.zip | |
Various improvements: CSS classes, favicon, design
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/base.html | 28 | ||||
| -rw-r--r-- | templates/pageHeaderSm.html | 2 |
2 files changed, 17 insertions, 13 deletions
diff --git a/templates/base.html b/templates/base.html index cc05840..96dd4ff 100644 --- a/templates/base.html +++ b/templates/base.html | |||
| @@ -15,38 +15,42 @@ | |||
| 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(ismain)$$else$$title$ – $endif$$sitetitle$</title> | 18 | <title>$if(isHome)$$else$$title$ – $endif$$site.title$</title> |
| 19 | <link rel="stylesheet" href="/style.css" /> | 19 | <link rel="stylesheet" href="/style.css" /> |
| 20 | $if(id)$ | 20 | $if(id)$ |
| 21 | <style> | 21 | <style> |
| 22 | .c-nav__item--$id$ { | 22 | .c-nav__item--$id$ { |
| 23 | font-weight: bold; | 23 | font-weight: bold; |
| 24 | color: var(--fg-plus); | 24 | color: var(--nav-item-active-fg); |
| 25 | border-bottom-color: var(--nav-item-active-fg); | ||
| 25 | } | 26 | } |
| 26 | </style> | 27 | </style> |
| 27 | $endif$ | 28 | $endif$ |
| 28 | </head> | 29 | </head> |
| 29 | 30 | ||
| 30 | <body> | 31 | <body> |
| 31 | <main class="s-page"> | 32 | <nav class="c-nav"> |
| 32 | <nav class="c-nav"> | 33 | <div class="c-nav__items l-container"> |
| 34 | <span class="c-nav__logo">$site.logo$</span> | ||
| 33 | $for(menus.main)$ | 35 | $for(menus.main)$ |
| 34 | <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> |
| 35 | $endfor$ | 37 | $endfor$ |
| 36 | </nav> | 38 | </div> |
| 39 | </nav> | ||
| 37 | 40 | ||
| 38 | <header class="c-page-header" role="presentation"> | 41 | <main class="l-container l-container--narrow l-container--pad-v"> |
| 39 | $if(ismain)$ | 42 | <div class="s-page"> |
| 43 | $if(isHome)$ | ||
| 44 | <header class="c-page-header" role="presentation"> | ||
| 40 | ${pageHeader()} | 45 | ${pageHeader()} |
| 41 | $else$ | 46 | </header> |
| 42 | ${pageHeaderSm()} | ||
| 43 | $endif$ | 47 | $endif$ |
| 44 | </header> | ||
| 45 | 48 | ||
| 46 | $body$ | 49 | $body$ |
| 50 | </div> | ||
| 47 | </main> | 51 | </main> |
| 48 | 52 | ||
| 49 | $if(ismain)$ | 53 | $if(isHome)$ |
| 50 | <template id="header-sm"> | 54 | <template id="header-sm"> |
| 51 | ${pageHeaderSm()} | 55 | ${pageHeaderSm()} |
| 52 | </template> | 56 | </template> |
diff --git a/templates/pageHeaderSm.html b/templates/pageHeaderSm.html index 9386b8c..e673a73 100644 --- a/templates/pageHeaderSm.html +++ b/templates/pageHeaderSm.html | |||
| @@ -4,7 +4,7 @@ | |||
| 4 | '| .´ ,~'\ ).,__,)/,," ' . ' | | | ' .' | 4 | '| .´ ,~'\ ).,__,)/,," ' . ' | | | ' .' |
| 5 | |_ `~´ (/\\, (/\\, _' '_ _| ' |_ _' '_ | 5 | |_ `~´ (/\\, (/\\, _' '_ _| ' |_ _' '_ |
| 6 | --> | 6 | --> |
| 7 | <pre class="$if(ismain)$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> ' . ' | | | ' .' |