feat: add projects section to homepage

src/pages/home.tsx

@@ -31,6 +31,34 @@ const HomePage = () => {
         </div>
       </div>
 
+      <div className="container mx-auto p-4 grow">
+        <div className="space-my-8">
+          <section className="container">
+            <h2 className="text-2xl font-medium mb-4 text-[#fb4934]!">
+              Projects
+            </h2>
+            <ul>
+              <li className="pb-2">
+                <a
+                  className="underline underline-offset-3 text-[18px] text-primary hover:text-primary/80"
+                  href="https://eolas.systemsobscure.net"
+                  target="_blank"
+                >
+                  eolas
+                </a>
+              </li>
+              <li>
+                <p className="text-muted text-sm">
+                  A self-hosted, full-stack application created with NodeJS,
+                  Python and React that serves as a frontend for my
+                  Zettelkasten.
+                </p>
+              </li>
+            </ul>
+          </section>
+        </div>
+      </div>
+
       <PostListing title="Recent posts" posts={posts.slice(0, 5)} />
 
       <PostListing

src/styles/_variables.css

@@ -16,7 +16,7 @@
 	--primary-foreground: oklch(0.985 0 0);
 	--secondary: oklch(0.97 0 0);
 	--secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
+	--muted: #bdae93;
 	--muted-foreground: #928374;
 	--accent: oklch(0.97 0 0);
 	--accent-foreground: oklch(0.205 0 0);