1 files changed, 96 insertions, 0 deletions
diff --git a/src/templates/projects.html b/src/templates/projects.html
new file mode 100644
index 0000000..d00b544
--- /dev/null
+++ b/src/templates/projects.html
@@ -0,0 +1,96 @@
+{% extends "base.html" %}
+
+{% block head %}
+{{ super() }}
+
+<link rel="stylesheet" href="/static/stylesheets/projects.css">
+
+{% endblock %}
+
+{% block content %}
+
+<h1>projects</h1>
+
+<div class="flex-col" style="gap: 12px;">
+    <div class="project container">
+        <span class="project-head">
+            <h2>soteria</h2>
+
+            <span class="project-labels">
+                <p>typescript</p>
+                <p>sveltekit</p>
+                <p>elysia</p>
+                <p>twitter</p>
+            </span>
+
+            <span class="project-links">
+                <a href="https://codeberg.org/soteria">codeberg</a>
+                <a href="https://soteria.social">website</a>
+            </span>
+        </span>
+
+        <div class="project-separator"></div>
+
+        <p>
+            twitter-like microblogging social media platform created by me and two other friends.
+            <br>
+            currently undergoing major rewrites in the backend and frontend, so the provided website
+            is not functional for the time being.
+        </p>
+    </div>
+
+    <div class="project container">
+        <span class="project-head">
+            <h2>arke</h2>
+
+            <span class="project-labels">
+                <p>python</p>
+                <p>discord</p>
+                <p>library</p>
+                <p>low-level</p>
+            </span>
+
+            <span class="project-links">
+                <a href="https://codeberg.org/EmmaTech/arke">codeberg</a>
+            </span>
+        </span>
+
+        <div class="project-separator"></div>
+
+        <p>
+            low-level, low abstractions library made to dip my toes into the python discord
+            library space.
+            <br>
+            highly inspired by a related project called <a href="https://github.com/nextsnake/nextcore">nextcore</a>,
+            arke implements the discord rest api & ws gateway without providing simple to use models to
+            represent discord's data types.
+        </p>
+    </div>
+
+    <div class="project container">
+        <span class="project-head">
+            <h2>tiny-http-server</h2>
+
+            <span class="project-labels">
+                <p>c</p>
+                <p>bsd sockets</p>
+                <p>http</p>
+                <p>library</p>
+            </span>
+
+            <span class="project-links">
+                <a href="https://github.com/EmmmaTech/tiny-http-server">github</a>
+            </span>
+        </span>
+
+        <div class="project-separator"></div>
+
+        <p>
+            basic and tiny http/1.1 server, using the stdlib and bsd sockets interface. it
+            features basic tls support via openssl, and allows file serving from an arbitrary directory and
+            programmable routes.
+        </p>
+    </div>
+</div>
+
+{% endblock %}