5 files changed, 113 insertions, 0 deletions
diff --git a/mod/web/blog/templates/404.html b/mod/web/blog/templates/404.html
new file mode 100644
index 0000000..a4669df
--- /dev/null
+++ b/mod/web/blog/templates/404.html
@@ -0,0 +1,9 @@
+{% extends "base.html" %}
+
+{% block content %}
+<head>
+  <title>Error 404!</title>
+</head>
+
+404!
+{% endblock content %}
diff --git a/mod/web/blog/templates/base.html b/mod/web/blog/templates/base.html
new file mode 100644
index 0000000..6757d02
--- /dev/null
+++ b/mod/web/blog/templates/base.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link href="/style.css" rel="stylesheet" />
+    <link rel="preload" href="style.css" as="style" />
+    <title>{% block title %}4kb.net{% endblock title %}</title>
+  </head>
+  <body>
+    <nav>
+      <span>4kb.net</span>
+      <div>
+        <a href="/">Home</a>
+        <a href="/posts">Posts</a>
+        <a href="/log">Log</a>
+      </div>
+    </nav>
+    <hr />
+    <main>{% block content %} {% endblock %}</main>
+    <footer>
+      <hr />
+      <span>&#x00a9; 2024 Kleidi Bujari</span>
+    </footer>
+  </body>
+</html>
diff --git a/mod/web/blog/templates/blog.html b/mod/web/blog/templates/blog.html
new file mode 100644
index 0000000..6c92a07
--- /dev/null
+++ b/mod/web/blog/templates/blog.html
@@ -0,0 +1,22 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<head>
+  <title>4kb.net</title>
+</head>
+
+<h2>{{ section.title }}</h2>
+
+{{ section.content | safe }}
+
+<ul>
+  {% for page in section.pages %}
+    <li>
+    <span>[{{ page.date }}]</span>
+    <a href="{{ page.permalink | safe }}">{{ page.title }}</a>
+    </li>
+  {% endfor %}
+</ul>
+
+{% endblock content %}
diff --git a/mod/web/blog/templates/index.html b/mod/web/blog/templates/index.html
new file mode 100644
index 0000000..74e9a0f
--- /dev/null
+++ b/mod/web/blog/templates/index.html
@@ -0,0 +1,44 @@
+{% extends "base.html" %} {% block content %}
+
+<h2>welcome!</h2>
+
+<p>
+  I'm a computer engineering undergrad studying in Toronto. This is my personal
+  site where I sometimes publish long form posts on topics I'm interested in, or
+  short "logs" for information I want to remember.
+</p>
+
+<span>Find me on:</span>
+<ul>
+  <li>email: <a href="mailto:mail@4kb.net">mail@4kb.net</a></li>
+  <li>github: <a href="https://github.com/kbujari">kbujari</a></li>
+</ul>
+
+<!--<h3>Recent Posts</h3>-->
+<!---->
+<!--{% set section = get_section(path="posts/_index.md") %}-->
+<!---->
+<!--<ul>-->
+<!--  {% for page in section.pages | slice(end=4) %}-->
+<!--    <li>-->
+<!--    <span>[{{ page.date }}]</span>-->
+<!--    <a href="{{ page.permalink | safe }}">{{ page.title }}</a>-->
+<!--    </li>-->
+<!--  {% endfor %}-->
+<!--</ul>-->
+
+<h3>Recent Logs</h3>
+
+{% set section = get_section(path="log/_index.md") %}
+
+<ul>
+  {% for page in section.pages | slice(end=4) %}
+    <li>
+    <span>[{{ page.date }}]</span>
+    <a href="{{ page.permalink | safe }}">{{ page.title }}</a>
+    </li>
+  {% endfor %}
+</ul>
+
+
+{% endblock content %}
diff --git a/mod/web/blog/templates/post.html b/mod/web/blog/templates/post.html
new file mode 100644
index 0000000..b1981e4
--- /dev/null
+++ b/mod/web/blog/templates/post.html
@@ -0,0 +1,12 @@
+{% extends "base.html" %}
+{% block title%}
+  {{ page.title }} - {{ super() }}
+{% endblock title %}
+
+{% block content %}
+
+<h1 style="text-align: center; margin-top: 1em;">{{ page.title }}</h1>
+<article>
+  {{ page.content | safe }}
+</article>
+{% endblock content %}