diff --git a/public/css/main.css b/public/css/main.css
index 9cb98a5..4c97ba3 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -43,6 +43,11 @@ body {
   padding: 16px;
 }
 
+.container {
+  max-width: 500px;
+  margin: 0 auto;
+}
+
 .nav {
   text-align: center;
 }
diff --git a/public/css/mononoki.css b/public/css/mononoki.css
deleted file mode 100644
index 28c91fe..0000000
--- a/public/css/mononoki.css
+++ /dev/null
@@ -1,5 +0,0 @@
-@font-face {
-  font-family: mononoki;
-  src: url("/fonts/mononoki-Regular.ttf");
-}
-
diff --git a/public/pictures/IMG_20240708_101101924.jpg?ex=6826fc13&is=6825aa93&hm=6b94a1533c6498989eb04a2812b5e13acd1138b29996c03dc8a289fb0324b686& b/public/pictures/IMG_20240708_101101924.jpg?ex=6826fc13&is=6825aa93&hm=6b94a1533c6498989eb04a2812b5e13acd1138b29996c03dc8a289fb0324b686&
deleted file mode 100644
index f2305a2..0000000
Binary files a/public/pictures/IMG_20240708_101101924.jpg?ex=6826fc13&is=6825aa93&hm=6b94a1533c6498989eb04a2812b5e13acd1138b29996c03dc8a289fb0324b686& and /dev/null differ
diff --git a/public/pictures/IMG_20240708_101101924.jpg?ex=6826fc13&is=6825aa93&hm=6b94a1533c6498989eb04a2812b5e13acd1138b29996c03dc8a289fb0324b686&=&format=webp&width=1376&height=774 b/public/pictures/IMG_20240708_101101924.jpg?ex=6826fc13&is=6825aa93&hm=6b94a1533c6498989eb04a2812b5e13acd1138b29996c03dc8a289fb0324b686&=&format=webp&width=1376&height=774
deleted file mode 100644
index 3ebf003..0000000
Binary files a/public/pictures/IMG_20240708_101101924.jpg?ex=6826fc13&is=6825aa93&hm=6b94a1533c6498989eb04a2812b5e13acd1138b29996c03dc8a289fb0324b686&=&format=webp&width=1376&height=774 and /dev/null differ
diff --git a/static/css/main.css b/static/css/main.css
index 9cb98a5..4c97ba3 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -43,6 +43,11 @@ body {
   padding: 16px;
 }
 
+.container {
+  max-width: 500px;
+  margin: 0 auto;
+}
+
 .nav {
   text-align: center;
 }
diff --git a/templates/index.html b/templates/index.html
index 284a284..1a7246f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -9,15 +9,15 @@
 </head>
 <body>
   <div class="index-container">
-    <div class="nav">
-      <a href="/posts/">Posts</a> - <a href="mailto:fzorb@fzorb.xyz">Email</a> - <a href="/pub.asc">PGP</a>
-    </div>
+    {% include "nav.html" %}
     <h1>fzorb.xyz</h1>
-    <p>I'm fzorb. I am a person from Bucharest, Romania. I am passionate about many things: computers, urbanism, music, history and games. I'm not particularily interesting though. I do however write a few times a year on my <a href="/posts">blog</a>, so you could check that out I guess.</p>
+    <p>I'm fzorb. I am a person from Bucharest, Romania. I am passionate about many things: computers, urbanism, music, history and games. I'm not particularily interesting though. I do however write sometimes on my <a href="/posts">blog</a>, so you could check that out I guess.</p>
     <h3>Where to find me:</h3>
     <ul>
       <li>Telegram: <a href="https://t.me/fzorb">@fzorb</a></li>
       <li>Signal: <a href="https://signal.me/#eu/p9Gze3TqviYDBB5fUl7dLplo12rMRAoXJ9X7pvR4NgTNRZ0fxxVMCbxAkbBnvRmJ">@fzorb.27</a></li>
+      <li>Discord (sadly): @fzorb.xyz</li>
+      <li>Github: <a href="https://github.com/fzorb">@fzorb</a></li>
       <li>Last.fm: <a href="https://last.fm/user/fzorb">@fzorb</a></li>
     </ul>
     <img src="/pictures/potn.jpg" style="width: 100%;">
diff --git a/templates/nav.html b/templates/nav.html
new file mode 100644
index 0000000..6d12b97
--- /dev/null
+++ b/templates/nav.html
@@ -0,0 +1,3 @@
+<div class="nav">
+      <a href="/">Home</a> - <a href="/posts/">Posts</a> - <a href="mailto:fzorb@fzorb.xyz">Email</a> - <a href="/pub.asc">PGP</a>
+    </div>
diff --git a/templates/page.html b/templates/page.html
index e69de29..0332a31 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>{{page.title}} // fzorb.xyz</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <meta name="description" content="Schizophrenic ramblings">
+  <link rel="stylesheet" href="/css/main.css">
+</head>
+<body>
+  <div class="container">
+    {% include "nav.html" %}
+    <h1>{{page.title}}</h1>
+    <p>Written {{page.day}}.{{page.month}}.{{page.year}}</p>
+    {{page.content|safe}}
+  </div>
+
+</body>
+</html
+
+
+
diff --git a/templates/section.html b/templates/section.html
index 43e79af..3b88422 100644
--- a/templates/section.html
+++ b/templates/section.html
@@ -1,9 +1,25 @@
-{% for year, posts in section.pages | group_by(attribute="year") %}
-    <h2>{{ year }}</h2>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>{{ section.title }} // fzorb.xyz</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <meta name="description" content="Schizophrenic ramblings">
+  <link rel="stylesheet" href="/css/main.css">
+</head>
+<body>
+  <div class="container">
+      {% include "nav.html" %}
+      <h1>{{ section.title }}</h1>
+  <ul>
+{% for post in section.pages | sort(attribute="date", reverse=true) | reverse %}
+      <li><a href="{{ post.permalink }}">{{ post.title }}</a></li>
+  {% endfor %}
+  </ul>
+
+  </div>
+
+</body>
+</html
+
 
-    <ul>
-    {% for post in posts %}
-        <li><a href="{{ post.permalink }}">{{ post.title }}</a></li>
-    {% endfor %}
-    </ul>
-{% endfor %}
