Use the HyperLisp preprocessor for all html

:D

Signed-off-by: Raymonzut <me@raymon.dev>

client/templates/post_index_page.html

@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta
-  name="description"
-  content="Raymon typing nonsense on his blog">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Raymon Zutekouw</title>
-
-  <link defer
-    rel="stylesheet"
-    href="https://cdn.statically.io/gh/dragonprojects/dragondesign/master/main.min.css"
-    media="all"
-  >
-  <link defer rel="stylesheet" href="/css/general.css" media="all">
-
-  <script type="text/javascript">
-    document.addEventListener('DOMContentLoaded',
-      () => document.body.textContent = 'Please disable JavaScript to view the blog posts.',
-      false);
-  </script>
-
-</head>
-<body>
-  <main>
-    <nav>
-      <a href="/">Home</a>|
-      <a href="/posts">Posts</a>|
-      <a href="/qa">QA</a>
-    </nav>
-    <header>
-      <h1>Post listing</h1>
-    </header>
-    {{index}} 
-</main>
-</body>
-</html>

client/templates/post_index_page.lisp

@@ -0,0 +1,31 @@
+(html :lang 'en
+  (head
+    (meta :charset 'utf-8)
+    (meta :name    'description
+          :content "Raymon typing nonsense on his blog")
+    (meta :name    'viewport :content "width=device-width, initial-scale=1.0")
+    (title "Raymon Zutekouw")
+
+    (link :rel 'dns-prefetch :href "https://cdn.statically.io")
+
+    (link :defer '
+          :rel   'stylesheet
+          :href  "https://cdn.statically.io/gh/dragonprojects/dragondesign/master/main.min.css"
+          :media 'all)
+    (link :defer '
+          :rel   'stylesheet
+          :href  "/css/general.css"
+          :media 'all)
+    (script :type 'text/javascript "
+      document.addEventListener('DOMContentLoaded',
+         () => document.body.textContent = 'Please disable JavaScript to view the blog posts.',
+         false);"))
+  (body
+    (main
+      (nav
+        (a :href "/" "Home") "|"
+        (a :href "/posts" "Posts") "|"
+        (a :href "/qa" "QA"))
+      (header
+        (h1 "Post listing"))
+      "{{index}}")))

client/templates/post_single_page.html

@@ -1,36 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta
-  name="description"
-  content="Raymon typing nonsense on his blog">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Raymon Zutekouw</title>
-
-  <link defer
-    rel="stylesheet"
-    href="https://cdn.statically.io/gh/dragonprojects/dragondesign/master/main.min.css"
-    media="all"
-  >
-  <link defer rel="stylesheet" href="/css/general.css" media="all">
-</head>
-<body>
-  <main>
-    <nav>
-      <a href="/">Home</a>|
-      <a href="/posts">Posts</a>|
-      <a href="/qa">QA</a>
-    </nav>
-
-    <article>
-      <header>
-        <h1>{{title}}</h1>
-        <p><strong>For those using a RSS reader, subscribe here: <a href="/posts/rss.xml">rss.xml</a></strong></p>
-      </header>
-      <time datetime="{{date}}"></time>
-      {{content}}
-    </article>
-  </main>
-</body>
-</html>

client/templates/post_single_page.lisp

@@ -0,0 +1,35 @@
+(html :lang 'en
+  (head
+    (meta :charset 'utf-8)
+    (meta :name    'description
+          :content "Raymon typing nonsense on his blog")
+    (meta :name    'viewport :content "width=device-width, initial-scale=1.0")
+    (title "Raymon Zutekouw")
+
+    (link :rel 'dns-prefetch :href "https://cdn.statically.io")
+
+    (link :defer '
+          :rel   'stylesheet
+          :href  "https://cdn.statically.io/gh/dragonprojects/dragondesign/master/main.min.css"
+          :media 'all)
+    (link :defer '
+          :rel   'stylesheet
+          :href  "/css/general.css"
+          :media 'all)
+    (script :type 'text/javascript "
+      document.addEventListener('DOMContentLoaded',
+         () => document.body.textContent = 'Please disable JavaScript to view the blog posts.',
+         false);"))
+  (body
+    (main
+      (nav
+        (a :href "/" "Home") "|"
+        (a :href "/posts" "Posts") "|"
+        (a :href "/qa" "QA"))
+      (article
+        (header
+          (h1 "{{title}}")
+          (p (strong "For those using a RSS reader, subscribe here: ")
+             (a :href "/posts/rss.xml" "rss.xml")))
+        (time :datetime "{{date}}")
+        "{{content}}"))))