summaryrefslogtreecommitdiffstats
path: root/templates
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
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')
-rw-r--r--templates/base.html57
-rw-r--r--templates/categoryRef.html12
-rw-r--r--templates/feed.xml22
-rw-r--r--templates/pageHeaderSm.html2
-rw-r--r--templates/pagelistByYear.html18
5 files changed, 67 insertions, 44 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
diff --git a/templates/categoryRef.html b/templates/categoryRef.html
index 9a363cf..5715fa8 100644
--- a/templates/categoryRef.html
+++ b/templates/categoryRef.html
@@ -1,7 +1,7 @@
1$if(categories)$ 1$if(it)$
2<ul class="c-hlist"> 2 <ul class="c-hlist">
3 $for(categories)$ 3 $for(it/pairs)$
4 <li class="c-hlist__item"><strong>$it.key/uppercase$</strong>: $it.value$</li> 4 <li class="c-hlist__item"><strong>$it.key/uppercase$</strong>: $it.value$</li>
5 $endfor$ 5 $endfor$
6</ul> 6 </ul>
7$endif$ 7$endif$
diff --git a/templates/feed.xml b/templates/feed.xml
new file mode 100644
index 0000000..68d2fc4
--- /dev/null
+++ b/templates/feed.xml
@@ -0,0 +1,22 @@
1<?xml version="1.0" encoding="utf-8"?>
2<feed xmlns="http://www.w3.org/2005/Atom">
3 <title>$if(is_home)$$else$$title$ – $endif$$site.title$</title>
4 <link href="$feed.url.full$" rel="self"/>
5 <link href="$url.full$"/>
6 <updated>$feed.last_update.rfc3339$</updated>
7 <id>$url.full$</id>
8
9 $for(pages)$
10 $for(it.all)$
11 $if(it.date.rfc3339)$
12 <entry>
13 <id>$it.url.full$</id>
14 <title type="html"><![CDATA[$it.title$]]></title>
15 <link href="$it.url.full$"/>
16 <published>$it.date.rfc3339$</published>
17 <updated>$it.date.rfc3339$</updated>
18 </entry>
19 $endif$
20 $endfor$
21 $endfor$
22</feed>
diff --git a/templates/pageHeaderSm.html b/templates/pageHeaderSm.html
index 232b5b2..4db186c 100644
--- a/templates/pageHeaderSm.html
+++ b/templates/pageHeaderSm.html
@@ -3,7 +3,7 @@ $-- | _.~-"""-----~`` ,-´ ' ' |' | ' '
3$-- '| .´ ,~'\ ).,__,)/,," ' . ' | | | ' .' 3$-- '| .´ ,~'\ ).,__,)/,," ' . ' | | | ' .'
4$-- |_ `~´ (/\\, (/\\, _' '_ _| ' |_ _' '_ 4$-- |_ `~´ (/\\, (/\\, _' '_ _| ' |_ _' '_
5 5
6<pre class="c-page__prefixed c-page__prefixed--pre u-mt0 $if(ishome)$u-hidden@sm-up$endif$"> 6<pre class="c-page__prefixed c-page__prefixed--pre u-mt0 $if(is_home)$u-hidden@sm-up$endif$">
7.| <strong> //\__</strong> ' .' | . | ' . ' 7.| <strong> //\__</strong> ' .' | . | ' . '
8 | <strong> _.~-"""-----~`` ,-´</strong> ' ' |' | ' ' 8 | <strong> _.~-"""-----~`` ,-´</strong> ' ' |' | ' '
9'| <strong>.´ ,~'\ ).,__,)/,," </strong> ' . ' | | | ' .' 9'| <strong>.´ ,~'\ ).,__,)/,," </strong> ' . ' | | | ' .'
diff --git a/templates/pagelistByYear.html b/templates/pagelistByYear.html
index b884d89..ff55f0f 100644
--- a/templates/pagelistByYear.html
+++ b/templates/pagelistByYear.html
@@ -1,13 +1,11 @@
1$for(pages)$ 1$for(pages)$
2$for(it.by_year)$ 2 $for(it.by_year)$
3$-- <hr class="c-spacer" /> 3 <ul>
4$-- <h2>$it.key$</h2> 4 $for(it.value)$
5<ul> 5 <li class="c-page__prefixed c-page__prefixed--ref">
6 $for(it.value)$ 6 <a href="$it.url.rel$">$it.category/uppercase$ $it.date.yyyy_mm_dd$ - $it.title$</a>
7 <li class="c-page__prefixed c-page__prefixed--ref"> 7 </li>
8 <a href="$it.url_rel$">$it.category/uppercase$ $it.date$ - $it.title$</a> 8 $endfor$
9 </li> 9 </ul>
10 $endfor$ 10 $endfor$
11</ul>
12$endfor$
13$endfor$ 11$endfor$