about summary refs log tree commit diff stats
path: root/templates
diff options
context:
space:
mode:
authorAlan Pearce2024-06-18 16:46:22 +0200
committerAlan Pearce2024-06-18 16:46:22 +0200
commit1d247493e05cdc659e46cd3d8a01d5da1e893867 (patch)
tree221e9ee2f5e3f171dfd937f04fae7ad6a33588d8 /templates
parenta238c7e0889cbe7dfaa1a700dea30686a4e2139a (diff)
downloadwebsite-1d247493e05cdc659e46cd3d8a01d5da1e893867.tar.lz
website-1d247493e05cdc659e46cd3d8a01d5da1e893867.tar.zst
website-1d247493e05cdc659e46cd3d8a01d5da1e893867.zip
switch to templ for rendering HTML templates
Diffstat (limited to 'templates')
-rw-r--r--templates/404.html37
-rw-r--r--templates/count.html8
-rw-r--r--templates/dev.html8
-rw-r--r--templates/homepage.html63
-rw-r--r--templates/list.html52
-rw-r--r--templates/post.html78
-rw-r--r--templates/style.css1
-rw-r--r--templates/tags.html42
8 files changed, 1 insertions, 288 deletions
diff --git a/templates/404.html b/templates/404.html
deleted file mode 100644
index 81b2a54..0000000
--- a/templates/404.html
+++ /dev/null
@@ -1,37 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Site Title</title>
-    <link
-      rel="alternate"
-      type="application/atom+xml"
-      title=""
-      href="/atom.xml"
-    />
-    <style></style>
-  </head>
-  <body>
-    <a class="skip" href="#main">Skip to main content</a>
-    <header>
-      <h2>
-        <a href="/" class="title">Site title</a>
-      </h2>
-      <nav>
-        <a href="/">Home</a>
-      </nav>
-    </header>
-    <main id="main">
-      <h1>404</h1>
-      <h2>ʕノ•ᴥ•ʔノ ︵ ┻━┻</h2>
-    </main>
-    <footer>
-      Content is
-      <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"
-        >CC BY 4.0</a
-      >. <a href="https://git.alanpearce.eu/website/">Site source code</a> is
-      <a href="https://opensource.org/licenses/MIT">MIT</a>
-    </footer>
-  </body>
-</html>
diff --git a/templates/count.html b/templates/count.html
deleted file mode 100644
index 46d5ac4..0000000
--- a/templates/count.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<body>
-  <script data-goatcounter="https://alanpearce-eu.goatcounter.com/count"
-        async src="https://gc.zgo.at/count.v4.js" crossorigin="anonymous"
-        integrity="sha384-nRw6qfbWyJha9LhsOtSb2YJDyZdKvvCFh0fJYlkquSFjUxp9FVNugbfy8q1jdxI+"></script>
-  <noscript>
-    <img src="https://alanpearce-eu.goatcounter.com/count?p=/updated-in-template.go" />
-  </noscript>
-</body>
diff --git a/templates/dev.html b/templates/dev.html
deleted file mode 100644
index 0ca383e..0000000
--- a/templates/dev.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<body>
-  <script defer>
-    new EventSource("/_/reload").onmessage = event => {
-      console.log("got message", event)
-      window.location.reload()
-    };
-  </script>
-</body>
diff --git a/templates/homepage.html b/templates/homepage.html
deleted file mode 100644
index 60bedb8..0000000
--- a/templates/homepage.html
+++ /dev/null
@@ -1,63 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Site Title</title>
-    <link
-      rel="alternate"
-      type="application/atom+xml"
-      title=""
-      href="/atom.xml"
-    />
-    <link href="" rel="canonical" />
-    <style></style>
-  </head>
-  <body>
-    <a class="skip" href="#main">Skip to main content</a>
-    <header>
-      <h2>
-        <a href="/" class="title">Site title</a>
-      </h2>
-      <nav>
-        <a href="/">Home</a>
-      </nav>
-    </header>
-    <main id="main">
-      <div id="content"></div>
-      <section>
-        <h2>Latest Posts</h2>
-        <ul class="h-feed">
-          <li class="h-entry">
-            <span>
-              <time class="dt-published" datetime="2000-12-31T12:33:02+02:00">
-                2000-12-31
-              </time>
-            </span>
-            <a class="p-name u-url" href="/post/lorem-ipsum/">Lorem Ipsum</a>
-          </li>
-        </ul>
-      </section>
-      <section>
-        <h2>Elsewhere on the Internet</h2>
-        <ul class="elsewhere">
-          <li>
-            <a class="u-email" rel="me" href="mailto:user@example.com"
-              >user@example.com</a
-            >
-          </li>
-          <li>
-            <a class="u-url" rel="me" href="http://example.com">Example</a>
-          </li>
-        </ul>
-      </section>
-    </main>
-    <footer>
-      Content is
-      <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"
-        >CC BY 4.0</a
-      >. <a href="https://git.alanpearce.eu/website/">Site source code</a> is
-      <a href="https://opensource.org/licenses/MIT">MIT</a>
-    </footer>
-  </body>
-</html>
diff --git a/templates/list.html b/templates/list.html
deleted file mode 100644
index 1c0b32b..0000000
--- a/templates/list.html
+++ /dev/null
@@ -1,52 +0,0 @@
-<!doctype html>
-<html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Site Title</title>
-    <link
-      rel="alternate"
-      type="application/atom+xml"
-      title="Site Title"
-      href="/atom.xml"
-    />
-    <link href="" rel="canonical" />
-    <style></style>
-  </head>
-  <body>
-    <a class="skip" href="#content">Skip to main content</a>
-    <header>
-      <h2>
-        <a href="/" class="title">Site Title</a>
-      </h2>
-      <nav>
-        <a href="/">Home</a>
-      </nav>
-    </header>
-    <main id="content">
-      <div class="filter">
-        <h3 class="filter">Tag</h3>
-        <small>
-          <a href="../">Remove filter</a>
-        </small>
-      </div>
-      <ul class="h-feed">
-        <li class="h-entry">
-          <span>
-            <time class="dt-published" datetime="2000-12-31T12:33:02+02:00">
-              2000-12-31
-            </time>
-          </span>
-          <a class="p-name u-url" href="/post/lorem-ipsum/">Lorem Ipsum</a>
-        </li>
-      </ul>
-    </main>
-    <footer>
-      Content is
-      <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"
-        >CC BY 4.0</a
-      >. <a href="https://git.alanpearce.eu/website/">Site source code</a> is
-      <a href="https://opensource.org/licenses/MIT">MIT</a>
-    </footer>
-  </body>
-</html>
diff --git a/templates/post.html b/templates/post.html
deleted file mode 100644
index 3dad16c..0000000
--- a/templates/post.html
+++ /dev/null
@@ -1,78 +0,0 @@
-<!doctype html>
-<html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title></title>
-    <link
-      rel="alternate"
-      type="application/atom+xml"
-      title=""
-      href="/atom.xml"
-    />
-    <link href="" rel="canonical" />
-    <style></style>
-  </head>
-  <body>
-    <a class="skip" href="#main">Skip to main content</a>
-    <header>
-      <h2>
-        <a href="/" class="title"></a>
-      </h2>
-      <nav>
-        <a href="/">Home</a>
-      </nav>
-    </header>
-    <main id="main">
-      <article class="h-entry">
-        <h1 class="p-name">Post Title</h1>
-        <p>
-          <time class="dt-published">2000-12-31</time>
-        </p>
-        <div class="e-content">
-          Enim lobortis scelerisque fermentum dui faucibus in ornare quam
-          viverra. Eget egestas purus viverra accumsan in nisl nisi, scelerisque
-          eu ultrices vitae, auctor eu augue ut lectus arcu, bibendum at.
-
-          <code>/bin/test</code>
-
-          <pre>
-            <code class="language-conf">
-foo=bar
-            </code>
-          </pre>
-
-          <table>
-            <thead>
-              <tr>
-                <th>One</th>
-                <th>Two</th>
-                <th>Three</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>1</td>
-                <td>2</td>
-                <td>3</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-        <div class="tags">
-          Tags:
-          <ul class="p-categories tags">
-            <li><a class="p-category" href="/tags/sample/">#sample</a></li>
-          </ul>
-        </div>
-      </article>
-    </main>
-    <footer>
-      Content is
-      <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"
-        >CC BY 4.0</a
-      >. <a href="https://git.alanpearce.eu/website/">Site source code</a> is
-      <a href="https://opensource.org/licenses/MIT">MIT</a>
-    </footer>
-  </body>
-</html>
diff --git a/templates/style.css b/templates/style.css
index b386843..84ce1ce 100644
--- a/templates/style.css
+++ b/templates/style.css
@@ -198,6 +198,7 @@ ul.tags {
 .tags li {
   list-style: none;
   display: inline-block;
+  margin-inline-end: 1ex;
 }
 
 svg.rss-icon {
diff --git a/templates/tags.html b/templates/tags.html
deleted file mode 100644
index 1ff18c0..0000000
--- a/templates/tags.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<!doctype html>
-<html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Site Title</title>
-    <link
-      rel="alternate"
-      type="application/atom+xml"
-      title="Site title"
-      href="/atom.xml"
-    />
-    <link href="" rel="canonical" />
-    <style></style>
-  </head>
-  <body>
-    <a class="skip" href="#content">Skip to main content</a>
-    <header>
-      <h2>
-        <a href="/" class="title">Site title</a>
-      </h2>
-      <nav>
-        <a href="/">Home</a>
-      </nav>
-    </header>
-    <main id="content">
-      <h3 class="filter">Tags</h3>
-      <ul class="tags">
-        <li class="h-feed">
-          <a href="/tags/tag">#tag</a>
-        </li>
-      </ul>
-    </main>
-    <footer>
-      Content is
-      <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"
-        >CC BY 4.0</a
-      >. <a href="https://git.alanpearce.eu/website/">Site source code</a> is
-      <a href="https://opensource.org/licenses/MIT">MIT</a>
-    </footer>
-  </body>
-</html>