1 files changed, 54 insertions, 0 deletions
diff --git a/src/_includes/post.njk b/src/_includes/post.njk
new file mode 100644
index 0000000..0becf21
--- /dev/null
+++ b/src/_includes/post.njk
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="/assets/css/main.css">
+    <title>{{ title }}</title>
+  </head>
+  <body>
+    <article>
+      <nav class="site-nav">
+        <div class="nav-container">
+          <div class="nav-left">
+            <a href="/" class="site-title">Shipwreckt</a>
+          </div>
+          <ul class="nav-right">
+            <li><a href="/">Home</a></li>
+            <li><a href="/archive/">Archive</a></li>
+            <li><a href="/links/">Links</a></li>
+            <li><a href="/contact/">Contact</a></li>
+          </ul>
+        </div>
+      </nav>
+      <header>
+        <h1>{{ title }}</h1>
+        <p class="post-date">{{ date | dateFormat("MMMM dd, yyyy") }}</p>
+      </header>
+      <div class="post-content">
+        <hr>
+        {{ content | safe }}
+      </div>
+    </article>
+
+    {% set postTags = (page and page.data and page.data.tags) or tags or [] %}
+    {% set displayTags = postTags | reject("equalto", "post") | list %}
+
+    <footer class="post-footer">
+      <!-- 🌟 Back button -->
+      <a href="/" class="back-button">⬅ Back to Home</a>
+
+      {% if displayTags | length %}
+      <p class="post-tags">
+      {% for tag in displayTags %}
+      <a href="/tags/{{ tag | lower | replace(' ', '-') }}/"
+         aria-label="View posts tagged {{ tag }}">
+        {{ tag }}
+      </a>
+      {% endfor %}
+      </p>
+      {% endif %}
+    </footer>
+
+  </body>
+</html>