diff --git a/public/css/main.css b/public/css/main.css
new file mode 100644
index 0000000..9cb98a5
--- /dev/null
+++ b/public/css/main.css
@@ -0,0 +1,59 @@
+@font-face {
+  font-family: mononoki;
+  src: url("/fonts/mononoki-Regular.ttf");
+  font-weight: regular;
+}
+
+@font-face {
+  font-family: mononoki;
+  src: url("/fonts/mononoki-Bold.ttf");
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: mononoki;
+  src: url("/fonts/mononoki-Italic.ttf");
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: mononoki;
+  src: url("/fonts/mononoki-BoldItalic.ttf");
+  font-weight: bold;
+  font-style: italic;
+}
+
+
+body {
+  background-size: 10px 10px;
+  background-color: #282828;
+  background-image:
+    linear-gradient(to right, #3c3836 1px, transparent 1px),
+    linear-gradient(to bottom, #3c3836 1px, transparent 1px);
+  color: #f9f5d7;
+  font-family: mononoki, monospace;
+}
+
+.index-container {
+  max-width: 500px;
+  margin: 0 auto;
+  background-color: #1d202199;
+  padding: 16px;
+}
+
+.nav {
+  text-align: center;
+}
+
+a {
+  color: #8ec07c
+}
+
+.index-container h1 {
+  margin-bottom: 0;
+  margin-top: none;
+  text-align: center;
+  display: block;
+}
diff --git a/public/css/mononoki.css b/public/css/mononoki.css
new file mode 100644
index 0000000..28c91fe
--- /dev/null
+++ b/public/css/mononoki.css
@@ -0,0 +1,5 @@
+@font-face {
+  font-family: mononoki;
+  src: url("/fonts/mononoki-Regular.ttf");
+}
+
diff --git a/public/fonts/mononoki-Bold.ttf b/public/fonts/mononoki-Bold.ttf
new file mode 100644
index 0000000..9464545
Binary files /dev/null and b/public/fonts/mononoki-Bold.ttf differ
diff --git a/public/fonts/mononoki-BoldItalic.ttf b/public/fonts/mononoki-BoldItalic.ttf
new file mode 100644
index 0000000..d5e5221
Binary files /dev/null and b/public/fonts/mononoki-BoldItalic.ttf differ
diff --git a/public/fonts/mononoki-Italic.ttf b/public/fonts/mononoki-Italic.ttf
new file mode 100644
index 0000000..e15557c
Binary files /dev/null and b/public/fonts/mononoki-Italic.ttf differ
diff --git a/public/fonts/mononoki-Regular.ttf b/public/fonts/mononoki-Regular.ttf
new file mode 100644
index 0000000..084c49d
Binary files /dev/null and b/public/fonts/mononoki-Regular.ttf differ
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&
new file mode 100644
index 0000000..f2305a2
Binary files /dev/null and b/public/pictures/IMG_20240708_101101924.jpg?ex=6826fc13&is=6825aa93&hm=6b94a1533c6498989eb04a2812b5e13acd1138b29996c03dc8a289fb0324b686& 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
new file mode 100644
index 0000000..3ebf003
Binary files /dev/null and b/public/pictures/IMG_20240708_101101924.jpg?ex=6826fc13&is=6825aa93&hm=6b94a1533c6498989eb04a2812b5e13acd1138b29996c03dc8a289fb0324b686&=&format=webp&width=1376&height=774 differ
diff --git a/public/pictures/potn.jpg b/public/pictures/potn.jpg
new file mode 100644
index 0000000..f2305a2
Binary files /dev/null and b/public/pictures/potn.jpg differ
diff --git a/static/css/main.css b/static/css/main.css
new file mode 100644
index 0000000..9cb98a5
--- /dev/null
+++ b/static/css/main.css
@@ -0,0 +1,59 @@
+@font-face {
+  font-family: mononoki;
+  src: url("/fonts/mononoki-Regular.ttf");
+  font-weight: regular;
+}
+
+@font-face {
+  font-family: mononoki;
+  src: url("/fonts/mononoki-Bold.ttf");
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: mononoki;
+  src: url("/fonts/mononoki-Italic.ttf");
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: mononoki;
+  src: url("/fonts/mononoki-BoldItalic.ttf");
+  font-weight: bold;
+  font-style: italic;
+}
+
+
+body {
+  background-size: 10px 10px;
+  background-color: #282828;
+  background-image:
+    linear-gradient(to right, #3c3836 1px, transparent 1px),
+    linear-gradient(to bottom, #3c3836 1px, transparent 1px);
+  color: #f9f5d7;
+  font-family: mononoki, monospace;
+}
+
+.index-container {
+  max-width: 500px;
+  margin: 0 auto;
+  background-color: #1d202199;
+  padding: 16px;
+}
+
+.nav {
+  text-align: center;
+}
+
+a {
+  color: #8ec07c
+}
+
+.index-container h1 {
+  margin-bottom: 0;
+  margin-top: none;
+  text-align: center;
+  display: block;
+}
diff --git a/static/fonts/mononoki-Bold.ttf b/static/fonts/mononoki-Bold.ttf
new file mode 100644
index 0000000..9464545
Binary files /dev/null and b/static/fonts/mononoki-Bold.ttf differ
diff --git a/static/fonts/mononoki-BoldItalic.ttf b/static/fonts/mononoki-BoldItalic.ttf
new file mode 100644
index 0000000..d5e5221
Binary files /dev/null and b/static/fonts/mononoki-BoldItalic.ttf differ
diff --git a/static/fonts/mononoki-Italic.ttf b/static/fonts/mononoki-Italic.ttf
new file mode 100644
index 0000000..e15557c
Binary files /dev/null and b/static/fonts/mononoki-Italic.ttf differ
diff --git a/static/fonts/mononoki-Regular.ttf b/static/fonts/mononoki-Regular.ttf
new file mode 100644
index 0000000..084c49d
Binary files /dev/null and b/static/fonts/mononoki-Regular.ttf differ
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..284a284
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <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="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>
+    <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>
+    <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>Last.fm: <a href="https://last.fm/user/fzorb">@fzorb</a></li>
+    </ul>
+    <img src="/pictures/potn.jpg" style="width: 100%;">
+  </div>
+  <p style="text-align: center; font-size: 12px;"><i>Unless noted otherwise, all work on this website is licenced under CC0</i></p> 
+
+</body>
+</html
diff --git a/templates/page.html b/templates/page.html
new file mode 100644
index 0000000..e69de29
diff --git a/templates/section.html b/templates/section.html
new file mode 100644
index 0000000..43e79af
--- /dev/null
+++ b/templates/section.html
@@ -0,0 +1,9 @@
+{% for year, posts in section.pages | group_by(attribute="year") %}
+    <h2>{{ year }}</h2>
+
+    <ul>
+    {% for post in posts %}
+        <li><a href="{{ post.permalink }}">{{ post.title }}</a></li>
+    {% endfor %}
+    </ul>
+{% endfor %}