summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
Diffstat (limited to 'templates')
-rw-r--r--templates/base.html67
-rw-r--r--templates/pageHeader.html18
-rw-r--r--templates/pageHeaderSm.html11
3 files changed, 96 insertions, 0 deletions
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..1f7613c
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,67 @@
1<!DOCTYPE html>
2<html>
3
4<head>
5 <meta charset="utf-8" />
6 <meta name="viewport" content="width=device-width, initial-scale=1" />
7 $for(author-meta)$
8 <meta name="author" content="$author-meta$" />
9 $endfor$
10 $if(date-meta)$
11 <meta name="dcterms.date" content="$date-meta$" />
12 $endif$
13 $if(keywords)$
14 <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" />
15 $endif$
16 <title>$if(ismain)$$else$$title$ – $endif$$sitetitle$</title>
17 <link rel="stylesheet" href="/style.css" />
18 <style>
19 @font-face {
20 font-family: "Iosevka Term SS09";
21 font-style: normal;
22 font-weight: normal;
23 src: url("/iosevka-term-ss09-regular.woff2") format("woff2");
24 }
25
26 @font-face {
27 font-family: "Iosevka Term SS09";
28 font-style: normal;
29 font-weight: bold;
30 src: url("/iosevka-term-ss09-bold.woff2") format("woff2");
31 }
32 </style>
33</head>
34
35<body>
36 <main class="s-page">
37 $if(ismain)$
38 <header class="c-page-header" role="presentation">
39${pageHeader()}
40 </header>
41 $else$
42 <header class="c-page-header c-page-header--nohide" role="presentation">
43${pageHeaderSm()}
44 </header>
45 $endif$
46
47 $body$
48 </main>
49
50 $if(ismain)$
51 <template id="header-sm">
52 <header class="c-page-header c-page-header--sm" role="presentation">
53${pageHeaderSm()}
54 </header>
55 </template>
56
57 <script>
58 var headerEl = document.querySelector(".s-page > header");
59 var headerTemplateEl = document.getElementById("header-sm");
60 var headerSmEl = headerTemplateEl.content.cloneNode("true");
61
62 headerEl.parentElement.insertBefore(headerSmEl, headerEl.nextElementSibling);
63 </script>
64 $endif$
65</body>
66
67</html>
diff --git a/templates/pageHeader.html b/templates/pageHeader.html
new file mode 100644
index 0000000..160cbaa
--- /dev/null
+++ b/templates/pageHeader.html
@@ -0,0 +1,18 @@
1<!--
2 ' | ' ' ' ' ' | | | ' '
3 | ' ' ' //\_ ' | ' . | ' '
4 .| ' ____,...,______..,_~`` -`.., ' | ' | ' '
5 | _,~´"' , . ,~--´ ' _| | . |~~.__ ' '
6 | | ,-" _.-|~/ |..,____,) ,/,,"' '_( | ' |) ) ' '
7 '| \__,~"´ /:) / |:\ \ ,~( ) . | | ) `, ' _.._
8 ___\___.___:____(:/\_-,______\:.\_-,____.__\_.\______.__:___\__.___)_.___,/____
9 ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
10-->
11<pre>
12' | ' ' ' ' ' | | | ' '
13 | ' ' ' <strong>//\_</strong> ' | ' . | ' '
14 .| ' <strong>____,...,______..,_~`` -`..,</strong> ' | ' | ' '
15 | <strong>_,~´"' , . ,~--´</strong> ' _| | . |~~.__ ' '
16| | <strong>,-" _.-|~/ |..,____,) ,/,,"'</strong> '_( | ' |) ) ' '
17 '| <strong>\__,~"´ /:) / |:\ \</strong> ,~( ) . | | ) `, ' _,--.
18 \ . : <strong>(:/\_-, \:.\_-,</strong> . \ .\ . : \ . ) . ' ,/ </pre>
diff --git a/templates/pageHeaderSm.html b/templates/pageHeaderSm.html
new file mode 100644
index 0000000..7f0f4f9
--- /dev/null
+++ b/templates/pageHeaderSm.html
@@ -0,0 +1,11 @@
1<!--
2 .| //\__ ' .' | . | ' . '
3 | _.~-"""-----~`` ,-´ ' ' |' | ' '
4 '| .´ ,~'\ ).,__,)/,," ' . ' | | | ' .'
5 |_ `~´ (/\\, (/\\, _' '_ _| ' |_ _' '_
6-->
7<pre>
8 .| <strong> //\__</strong> ' .' | . | ' . '
9 | <strong> _.~-"""-----~`` ,-´</strong> ' ' |' | ' '
10 '| <strong>.´ ,~'\ ).,__,)/,," </strong> ' . ' | | | ' .'
11 |_ <strong>`~´ (/\\, (/\\, </strong> _' '_ _| ' |_ _' '_</pre>