projects: init pages

1 files changed, 34 insertions, 3 deletions

diff --git a/projects.html b/projects.html
index 1f78beb..fcf9f47 100644
--- a/projects.html
+++ b/projects.html
@@ -1,4 +1,35 @@
-<div class="p-16">
-  <h1 class="text-5xl">PROJECTS</h1>
-  <p class="text-xl">Here's a bunch of things I've done.</p>
+<div class="min-h-screen flex flex-col">
+
+  {{ include "navbar.html" }}
+
+  <div class="flex flex-grow flex-col">
+
+    <div class="p-16">
+      <h1 class="text-5xl">PROJECTS</h1>
+      <p class="text-xl">Here's a bunch of things I've done.</p>
+    </div>
+
+    <div class="px-16 flex flex-wrap gap-16 items-stretch justify-center">
+
+      {{ eachdo projects }}
+
+        <a href="#">
+          <div class="bg-pink-100 py-2 px-4 text-pink-900 hover:bg-zinc-900 hover:text-pink-300 max-w-128 hover:underline selection:bg-zinc-400">
+            <div class="flex gap-2 pt-2 items-center">
+              <p class="text-2xl font-semibold">{{ put name }}</p>
+              <p class="text-xl text-center text-wrap">{{ put description }}</p>
+            </div>
+
+            <div class="text-center text-sm border-t-2 mt-3 py-1">{{ put languages }}</div>
+          </div>
+        </a>
+
+      {{ endeachdo }}
+
+    </div>
+
+  </div>
+
+  {{ include "footer.html" }}
+
 </div>