4 files changed, 178 insertions, 0 deletions
diff --git a/src/_includes/internet.njk b/src/_includes/internet.njk
new file mode 100644
index 0000000..b9dbc0f
--- /dev/null
+++ b/src/_includes/internet.njk
@@ -0,0 +1,45 @@
+<!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>
+    <header>
+      <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>
+      <hr>
+      <h1>{{ title }}</h1>
+      <p class="post-date">{{ date | dateFormat("MMMM dd, yyyy") }}</p>
+    </header>
+
+    <article>
+      <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>
+      <a href="/archive/internet" class="back-button">⬅ Back to internet</a>
+    </footer>
+
+  </body>
+</html>
+
diff --git a/src/_includes/layout.njk b/src/_includes/layout.njk
new file mode 100644
index 0000000..30f50b0
--- /dev/null
+++ b/src/_includes/layout.njk
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ title }}</title>
+    <link rel="stylesheet" href="/assets/css/main.css">
+  </head>
+  <body>
+    <header>
+      <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>
+      <hr>
+    </header>
+    <main>
+      {{ content | safe }}
+    </main>
+  </body>
+  <footer>
+    <center>
+      <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre>
+    </center>
+  </footer>
+</html>
+
diff --git a/src/_includes/linux.njk b/src/_includes/linux.njk
new file mode 100644
index 0000000..c3f7541
--- /dev/null
+++ b/src/_includes/linux.njk
@@ -0,0 +1,43 @@
+<!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>
+    <header>
+      <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>
+      <h1>{{ title }}</h1>
+      <p class="post-date">{{ date | dateFormat("MMMM dd, yyyy") }}</p>
+    </header>
+    <article>
+      <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>
+      <a href="/archive/linux" class="back-button">⬅ Back to Linux</a>
+    </footer>
+
+  </body>
+</html>
+
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>