summaryrefslogtreecommitdiffstats
path: root/templates/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'templates/layouts')
-rw-r--r--templates/layouts/dated_list.html22
-rw-r--r--templates/layouts/index.html44
-rw-r--r--templates/layouts/page.html12
3 files changed, 78 insertions, 0 deletions
diff --git a/templates/layouts/dated_list.html b/templates/layouts/dated_list.html
new file mode 100644
index 0000000..0a279f0
--- /dev/null
+++ b/templates/layouts/dated_list.html
@@ -0,0 +1,22 @@
1<h1 class="c-page__prefixed c-page__prefixed--h1">$title$</h1>
2
3$body$
4
5$if(categories)$
6 <ul class="c-hlist">
7 $for(categories)$
8 <li class="c-hlist__item"><strong>$it.key/uppercase$</strong> $it.value.name$</li>
9 $endfor$
10 </ul>
11$endif$
12
13$for(pages.by_year)$
14 <ul>
15 $for(it.value)$
16 <li class="c-page__prefixed c-page__prefixed--ref">
17 <a href="$it.url.rel$">$it.category.id/uppercase$ $it.date.yyyy_mm_dd$ - $it.title$</a>
18 </li>
19 $endfor$
20 </ul>
21$endfor$
22
diff --git a/templates/layouts/index.html b/templates/layouts/index.html
new file mode 100644
index 0000000..144d1ed
--- /dev/null
+++ b/templates/layouts/index.html
@@ -0,0 +1,44 @@
1<header class="c-hero u-hidden@sm-down" role="presentation">
2 $-- ' | ' ' ' ' ' | | | ' '
3 $-- | ' ' ' //\_ ' | ' . | ' '
4 $-- .| ' ____,...,______..,_~`` -`.., ' | ' | ' '
5 $-- | _,~´"' , . ,~--´ ' _| | . |~~.__ ' '
6 $-- | | ,-" _.-|~/ |..,____,) ,/,,"' '_( | ' |) ) ' '
7 $-- '| \__,~"´ /:) / |:\ \ ,~( ) . | | ) `, ' _,--.
8 $-- ___\___.___:____(:/\_-,______\:.\_-,____.__\_.\______.__:___\__.___)_.___,/_____
9 $-- ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
10
11 <pre class="c-hero__pre c-page__prefixed c-page__prefixed--pre u-mt0 u-hidden@sm-down">
12' | ' ' ' ' ' | | | ' '
13 | ' ' ' <strong>//\_</strong> ' | ' . | ' '
14 .| ' <strong>____,...,______..,_~`` -`..,</strong> ' | ' | ' '
15 | <strong>_,~´"' , . ,~--´</strong> ' _| | . |~~.__ ' '
16| | <strong>,-" _.-|~/ |..,____,) ,/,,"'</strong> '_( | ' |) ) ' '
17 '| <strong>\__,~"´ /:) / |:\ \</strong> ,~( ) . | | ) `, ' _,--.
18 \ . : <strong>(:/\_-, \:.\_-,</strong> . \ .\ . : \ . ) . ' ,/ </pre>
19
20</header>
21
22$body$
23
24<template id="header-sm">
25 $-- .| //\__ ' .' | . | ' . '
26 $-- | _.~-"""-----~`` ,-´ ' ' |' | ' '
27 $-- '| .´ ,~'\ ).,__,)/,," ' . ' | | | ' .'
28 $-- |_ `~´ (/\\, (/\\, _' '_ _| ' |_ _' '_
29
30 <pre class="c-hero__pre c-page__prefixed c-page__prefixed--pre u-mt0 $if(section.is_index)$u-hidden@sm-up$endif$">
31.| <strong> //\__</strong> ' .' | . | ' . '
32 | <strong> _.~-"""-----~`` ,-´</strong> ' ' |' | ' '
33'| <strong>.´ ,~'\ ).,__,)/,," </strong> ' . ' | | | ' .'
34 |_ <strong>`~´ (/\\, (/\\, </strong> _' '_ _| ' |_ _' '_</pre>
35</template>
36
37<script>
38 var headerEl = document.querySelector(".c-hero");
39 var headerTemplateEl = document.getElementById("header-sm");
40 var headerSmEl = headerTemplateEl.content.cloneNode("true");
41
42 headerEl.classList.remove("u-hidden@sm-down");
43 headerEl.appendChild(headerSmEl);
44</script>
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
new file mode 100644
index 0000000..332a846
--- /dev/null
+++ b/templates/layouts/page.html
@@ -0,0 +1,12 @@
1<header class="c-page__header">
2 <h1 class="c-page__prefixed c-page__prefixed--h1 c-page__header__title">$title$</h1>
3 $if(date)$
4 <h2 class="c-page__header__meta">$date.yyyy_mm_dd$$if(category)$ in $category.name$$endif$</h2>
5 $elseif(category)$
6 <h2 class="c-page__header__meta">in $category.name$</h2>
7 $endif$
8</header>
9
10<section>
11$body$
12</section>