1 files changed, 71 insertions, 0 deletions
diff --git a/templates/main.html b/templates/main.html
new file mode 100644
index 0000000..88b935e
--- /dev/null
+++ b/templates/main.html
@@ -0,0 +1,71 @@
+<html lang="en" prefix="og: https://ogp.me/ns#">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title> <!-- set automatically, see soupault.toml --> </title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="author" content="Thomas Letan">
+    <meta name="twitter:creator" content="@_lthms_" />
+    <meta name="twitter:site" content="@_lthms_" />
+    <meta property="og:image" content="https://soap.coffee/~lthms/img/thinking.png" />
+    <meta property="og:type" content="article" />
+    <meta property="og:locale" content="en_US">
+    <meta property="og:site_name" content="Thomas Letan’s website">
+    <meta property="twitter:domain" content="soap.coffee/~lthms">
+    <meta property="twitter:image" content="https://soap.coffee/~lthms/img/thinking.png" />
+    <meta name="twitter:card" content="summary">
+    <link href="https://soap.coffee/+vendor/katex/0.16.4/katex.min.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'">
+    <link href="/styles/highlight.css" rel="stylesheet">
+    <link rel="icon" type="image/png" href="/img/thinking.png" />
+    <link rel="alternate" type="application/rss+xml" title="RSS" href="/posts/index.xml">
+    <style> /* set automatically, see soupault.toml */ </style>
+  </head>
+  <body>
+    <main>
+      <span id="whoami" class="marginblock">
+        <a href="/" title="Home">
+          <img class="avatar" alt="lthms' avatar, a hand drawing looking person, wearing a headset, close to a window on a raining night" src="/img/thinking.png" />
+        </a>
+        <p class="full-only">
+          Hi, I’m Thomas Letan (<strong>lthms</strong>) (<em>he/him</em>).
+        </p>
+
+        <p class="full-only">
+          You read something which caught your attention and you are interested
+          in starting a discussion? Don’t hesitate to <a
+            href="mailto:~lthms/public-inbox@lists.sr.ht">shoot me an
+            email</a>.
+        </p>
+      </span>
+      <nav id="main-nav">
+        <ul>
+          <li>
+            <a href="/">
+              <span class="icon"><svg><use href="/img/icons.svg#home"></use></svg></span>
+              Home
+            </a>
+          </li>
+          <li>
+            <a href="/posts">
+              <span class="icon"><svg><use href="/img/icons.svg#scroll"></use></svg></span>
+              Archives
+            </a>
+          </li>
+          <li>
+            <a href="/tags">
+              <span class="icon"><svg><use href="/img/icons.svg#tags"></use></svg></span>
+              Tags
+            </a>
+          </li>
+          <li>
+          <a href="/series">
+            <span class="icon"><svg><use href="/img/icons.svg#book"></use></svg></span>
+            Series
+          </a>
+          </li>
+        </ul>
+      </nav>
+
+    </main>
+  </body>
+</html>