Converted article.html to template

2022-01-24 16:52:17 +01:00
parent cbf5b814fc
commit 77e7c15e0e
2 changed files with 92 additions and 74 deletions
--- a/html/article.gohtml
+++ b/html/article.gohtml
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="de" dir="ltr">
+
+  <head>
+    <meta charset="utf-8">
+    <title>{{.Title}}</title>
+    <link rel="stylesheet" href="../sass/index.css">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <meta name="title" content="{{.Title}}">
+    <meta name="og:title" content="{{.Title}}">
+    <meta name="description" content="{{.Summary}}">
+    <meta name="og:description" content="{{.Summary}}">
+    <link rel="img" src="{{.Image}}">
+    <meta name="og:image" content="{{.Image}}">
+    {{if .Authors}}
+      <meta name="author" content="{{index .Authors 0}}">
+    {{end}}
+    <meta name="keywords" content="{{.Tags}}">
+  </head>
+
+  <body>
+
+    <div class="navigation">
+      <img id="logo" src="../img/logodark.svg">
+      <a href="#">Home</a>
+      <a href="#">About</a>
+      <a href="#">Categories</a>
+    </div>
+
+    <div class="content">
+      <div class="articles">
+        <div class="article">
+
+          <div class="article-header">
+            <h3>{{.Title}}</h3>
+          </div>
+
+          {{if .Image}}
+            <div class="article-image">
+              <img src="{{.Image}}" alt="">
+            </div>
+          {{end}}
+
+          <div class="article-date">
+            <p>{{.Date}}</p>
+            {{if .Modified}}
+              <i>(modified)</i>
+            {{end}}
+          </div>
+
+          <div class="article-authors">
+            {{range .Authors}}
+              <p>{{.}}</p>
+            {{end}}
+          </div>
+
+          <div class="article-tags">
+            {{range .Tags}}
+              <p>{{.}}</p>
+            {{end}}
+          </div>
+
+          {{if .Summary}}
+            <div class="article-summary">
+              <p>{{.Summary}}</p>
+            </div>
+          {{end}}
+
+          <div class="article-body fulltext">
+            {{.Content}}
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </body>
+
+  <footer>
+    <div class="foot">
+      <a>ABOUT</a>
+      <a>IMPRINT</a>
+      <a>CONTACT</a>
+    </div>
+  </footer>
+
+</html>