From 6c7730e852854839a05f8380196a312d07ffa01d Mon Sep 17 00:00:00 2001
From: Andrew Lee <andrew@alee14.me>
Date: Thu, 18 Sep 2025 18:13:56 -0400
Subject: CSS tweaks; ThreeJS stuff; Moved feat. projects

---
 src/pages/projects/index.astro | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

(limited to 'src/pages/projects/index.astro')

diff --git a/src/pages/projects/index.astro b/src/pages/projects/index.astro
index 9a2dbc7..4d997c5 100644
--- a/src/pages/projects/index.astro
+++ b/src/pages/projects/index.astro
@@ -1,6 +1,8 @@
 ---
 import Page from "../../layouts/Page.astro";
 import "../../styles/cards.css";
+import projects from "../../data/projects.json";
+const featuredProjects = projects.filter(project => project.featured);
 ---
 <Page title="Projects" description="Things that I have been working on in the past, and present">
     <main>
@@ -18,6 +20,28 @@ import "../../styles/cards.css";
                 <p>Websites I created</p>
             </div>
         </div>
+        <div class="featured-projects">
+            <h1>Featured Projects</h1>
+            <div class="grid">
+                {
+                    featuredProjects.map((project) => {
+                        return (
+                                <article class="card">
+                                    <h1>{project.name}</h1>
+                                    <p>{project.description}</p>
+                                    <div class="row">
+                                        {project.links.map((link) => {
+                                            return (
+                                                    <a href={link.url} target={link.external ? "_blank" : "_self"}>{link.name}</a>
+                                            )
+                                        })}
+                                    </div>
+                                </article>
+                        )
+                    })
+                }
+            </div>
+        </div>
     </main>
 </Page>
 <style>
@@ -26,5 +50,11 @@ import "../../styles/cards.css";
         flex-direction: column;
         gap: 0.1em;
     }
+
+    .row {
+        display: flex;
+        flex-direction: row;
+        gap: 1em;
+    }
 </style>
 
-- 
cgit v1.2.3