From fdaa36bb68f9ea4b62cb8e2d9810dbf5b8316955 Mon Sep 17 00:00:00 2001
From: ache <ache@ache.one>
Date: Tue, 13 Sep 2022 10:38:40 +0200
Subject: Create an HID template

---
 src/build/index.mjs        | 2 ++
 src/templates/article.tmpl | 4 ++--
 src/templates/hid.tmpl     | 1 +
 src/templates/index.tmpl   | 2 +-
 4 files changed, 6 insertions(+), 3 deletions(-)
 create mode 100644 src/templates/hid.tmpl

(limited to 'src')

diff --git a/src/build/index.mjs b/src/build/index.mjs
index b30ba8c..73ab0bb 100644
--- a/src/build/index.mjs
+++ b/src/build/index.mjs
@@ -87,11 +87,13 @@ const headerTmpl = fs.readFileSync('src/templates/header.tmpl', 'utf8');
 const articleTmpl = fs.readFileSync('src/templates/article.tmpl', 'utf8');
 const indexTmpl = fs.readFileSync('src/templates/index.tmpl', 'utf8');
 const tagTmpl = fs.readFileSync('src/templates/tag.tmpl', 'utf8');
+const hidTmpl = fs.readFileSync('src/templates/hid.tmpl', 'utf8');
 const baseUrl = 'https://ache.one/';
 
 const partials = {
   header: headerTmpl,
   leftPanel: leftPanelTmpl,
+  hid: hidTmpl,
 };
 
 const svg = loadSVG();
diff --git a/src/templates/article.tmpl b/src/templates/article.tmpl
index 33ce8f4..e5267ff 100644
--- a/src/templates/article.tmpl
+++ b/src/templates/article.tmpl
@@ -10,7 +10,7 @@
       </article>
       <div class="sidenotes"></div>
     </div>
-    {{> leftPanel }}
-    <div id="hid"><div class="sun">{{{svg.sun}}}</div><div class="moon">{{{svg.moon}}}</div></div>
+    {{>leftPanel }}
+    {{>hid }}
   </body>
 </html>
diff --git a/src/templates/hid.tmpl b/src/templates/hid.tmpl
new file mode 100644
index 0000000..fe83407
--- /dev/null
+++ b/src/templates/hid.tmpl
@@ -0,0 +1 @@
+<div id="hid"><div role="button" class="sun">{{{svg.sun}}}</div><div role="button" class="moon">{{{svg.moon}}}</div></div>
diff --git a/src/templates/index.tmpl b/src/templates/index.tmpl
index 230db27..61d1221 100644
--- a/src/templates/index.tmpl
+++ b/src/templates/index.tmpl
@@ -12,6 +12,6 @@
       </div>
     {{/articles}}
     {{> leftPanel }}
-    <div id="hid"><div class="sun">{{{svg.sun}}}</div><div class="moon">{{{svg.moon}}}</div></div>
+    {{>hid }}
   </body>
 </html>
-- 
cgit v1.3-2-g11bf