diff --git a/_src/_includes/base.njk b/_src/_includes/base.njk
index 16fb0a6..a549be8 100644
--- a/_src/_includes/base.njk
+++ b/_src/_includes/base.njk
@@ -1,84 +1,118 @@
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="description" content="
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="description"
+      content="
     {% if description %}
       {{ description }}
     {% else %}
       {{ site.description }}
     {% endif %}"
-  />
-  <!-- STYLE SHEETS AND FAVICON -->
-  <link href="/style.css" rel="stylesheet" />
-  <link rel="icon" type="image/x-icon" href="/_media/favicon.png" />
-  <!-- GOOGLE FONTS -->
-  <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=Fira+Sans:wght@400;600&display=swap" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
-  <!-- SYNTAX HIGHLIGHTING FONT -->
-  <link rel="stylesheet" href="https://unpkg.com/dracula-prism/dist/css/dracula-prism.css">
-  <title>{{ title }}</title>
-</head>
-<body class="page--{% if page.fileSlug %}{{ page.fileSlug }}{% endif %}">
-<div class="reader-bar-start">
-  <div class="header">
-    <h1 class="website-title"><i>{{ title }}</i></h1>
-  </div>
-  
-  <div class="row">
-    <div class="column left">
-      <strong>Navigation</strong>
-      {% include "partials/nav-list.njk" %}
-    </div>
+    />
+    <!-- STYLE SHEETS AND FAVICON -->
+    <link href="/style.css" rel="stylesheet" />
+    <link rel="icon" type="image/x-icon" href="/_media/favicon.png" />
+    <!-- GOOGLE FONTS -->
+    <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=Fira+Sans:wght@400;600&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"
+      rel="stylesheet"
+    />
+    <!-- SYNTAX HIGHLIGHTING FONT -->
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/dracula-prism/dist/css/dracula-prism.css"
+    />
+    <title>{{ title }}</title>
+  </head>
+  <body class="page--{% if page.fileSlug %}{{ page.fileSlug }}{% endif %}">
+    <div class="reader-bar-start">
+      <div class="header">
+        <h1 class="website-title"><i>{{ title }}</i></h1>
+      </div>
 
-    <div class="column right content">
-      {% if content | toc | safe %}
-        <details class="table-of-contents">
-          <summary class="toc-header">Table of Contents</summary>
-          <p>
-            {{ content | toc | safe}}
-          </p>
-        </details>
-      {% endif %}
+      <div class="row">
+        <div class="column left">
+          <strong>Navigation</strong>
+          {% include "partials/nav-list.njk" %}
+        </div>
 
-      {{ content | safe}}
-    </div>
-  </div>
+        <div class="column right content">
+          {% if dateCreated %} Published:
+          <i
+            >{{ dateCreated.toLocaleString("en-AU", { weekday: "long", year:
+            "numeric", month: "long", day: "numeric" }) }}</i
+          >
+          {% endif %}
+          <br />
+          {% if dateChanged %} Published:
+          <i
+            >{{ dateChanged.toLocaleString("en-AU", { weekday: "long", year:
+            "numeric", month: "long", day: "numeric" }) }}</i
+          >
+          {% endif %} {% if content | toc | safe %}
+          <h1>Table of Contents</h1>
+          <details class="table-of-contents">
+            <summary>Click to open</summary>
+            <p>{{ content | toc | safe}}</p>
+          </details>
+          {% endif %} {{ content | safe}}
+        </div>
+      </div>
 
-  {% readerBar 8px, "white" %}
+      {% readerBar 8px, "white" %}
 
-  <div class="footer">
-    <div class="f-table-td">
-      <strong>Dev</strong>
-      <ul>
-        <li><a href="htts://github.com/epic-nan">GitHub</a></li>
-        <li><a href="htts://gitlab.com/epic-nan">GitLab</a></li>
-        <li><a href="https://git.arian.li/arian">Gitea</a></li>
-      </ul>
+      <div class="footer">
+        <div class="f-table-td">
+          <strong>Dev</strong>
+          <ul>
+            <li><a href="htts://github.com/epic-nan">GitHub</a></li>
+            <li><a href="htts://gitlab.com/epic-nan">GitLab</a></li>
+            <li><a href="https://git.arian.li/arian">Gitea</a></li>
+          </ul>
+        </div>
+        <div class="f-table-td" style="border-left: 1px solid #bbb">
+          <strong>Gaming/Socials</strong>
+          <ul>
+            <li>
+              <a href="https://www.swisssmash.ch/players/4994"
+                >SwissSmash Profile</a
+              >
+            </li>
+            <li>Discord: <i>nan6362</i></li>
+            <li>
+              <a href="https://www.discogs.com/user/epic_nan/collection"
+                >Discogs</a
+              >
+            </li>
+            <li>
+              <a href="https://www.setlist.fm/user/nan6362">Setlist.fm</a>
+            </li>
+          </ul>
+        </div>
+        <div class="f-table-td" style="border-left: 1px solid #bbb">
+          <strong>Public Projects</strong>
+          <ul>
+            <li><a href="https://arian.li">Personal Homepage</a></li>
+            <li><a href="https://uml.arian.li">PlantUML Server</a></li>
+            <li><a href="https://paste.arian.li">Wastebin Instance</a></li>
+            <li>
+              <a href="https://azo-notes.arian.li"
+                >[GERMAN] Basislehrjahr-Notizen</a
+              >
+            </li>
+          </ul>
+        </div>
+        <div class="f-table-td" style="border-left: 1px solid #bbb">
+          <p>&copy; {{ year }} {{ site.author }}</p>
+        </div>
+      </div>
     </div>
-    <div class="f-table-td" style="border-left: 1px solid #bbb;">
-      <strong>Gaming/Socials</strong>
-      <ul>
-        <li><a href="https://www.swisssmash.ch/players/4994">SwissSmash Profile</a></li>
-        <li>Discord: <i>nan6362</i></li>
-        <li><a href="https://www.discogs.com/user/epic_nan/collection">Discogs</a></li>
-        <li><a href="https://www.setlist.fm/user/nan6362">Setlist.fm</a></li>
-      </ul>
-    </div>
-    <div class="f-table-td" style="border-left: 1px solid #bbb;">
-      <strong>Public Projects</strong>
-      <ul>
-        <li><a href="https://arian.li">Personal Homepage</a></li>
-        <li><a href="https://uml.arian.li">PlantUML Server</a></li>
-        <li><a href="https://paste.arian.li">Wastebin Instance</a></li>
-        <li><a href="https://azo-notes.arian.li">[GERMAN] Basislehrjahr-Notizen</a></li>
-      </ul>
-    </div>
-    <div class="f-table-td" style="border-left: 1px solid #bbb;">
-      <p>&copy; {{ year }} {{ site.author }}</p>
-    </div>
-  </div>
-</div>
-</body>
-</html>
\ No newline at end of file
+  </body>
+</html>
