summaryrefslogtreecommitdiffstats
path: root/templates/base.html
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2020-12-29 21:05:48 +0100
committerVolpeon <git@volpeon.ink>2020-12-29 21:05:48 +0100
commit1bea0b7b1ecf0b04f724e2cda575df8bdbb70ad2 (patch)
treeb3f1f5dcc11fd235521fd443cb39251eb8532f17 /templates/base.html
parentImproved CSS classes for page content, added proper ref list macro, build scr... (diff)
downloadvolpeon.ink-1bea0b7b1ecf0b04f724e2cda575df8bdbb70ad2.tar.gz
volpeon.ink-1bea0b7b1ecf0b04f724e2cda575df8bdbb70ad2.tar.bz2
volpeon.ink-1bea0b7b1ecf0b04f724e2cda575df8bdbb70ad2.zip
Improved metadata generation, added ATOM feeds
Diffstat (limited to 'templates/base.html')
-rw-r--r--templates/base.html57
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