From 59de20ef0835170d30f5033d8c98aad41e554882 Mon Sep 17 00:00:00 2001
From: Andrew Lee <andrew@alee14.me>
Date: Wed, 3 Dec 2025 20:05:55 -0500
Subject: new models; fix link

---
 src/pages/archive/index.astro | 47 ++++++++++++++++++++++++++++++++++---------
 1 file changed, 37 insertions(+), 10 deletions(-)

(limited to 'src/pages/archive')

diff --git a/src/pages/archive/index.astro b/src/pages/archive/index.astro
index 7a23d95..920a65f 100644
--- a/src/pages/archive/index.astro
+++ b/src/pages/archive/index.astro
@@ -1,21 +1,48 @@
 ---
 import Page from "../../layouts/Page.astro";
 import "../../styles/cards.css";
+import archive from '../../data/website.json';
 ---
 <Page title="Website Archive" description="Collection of my old websites">
     <main>
         <h1>Personal</h1>
         <div class="grid">
-            <article class="card">
-                <h1>First website</h1>
-                <p>Created by my dad using iFrames</p>
-                <small>2013</small>
-            </article>
-            <article class="card">
-                <h1>alee14.ga</h1>
-                <p>My first website that I made using Bootstrap 3 with a template</p>
-                <small>2017</small>
-            </article>
+        {
+            archive.personal.map((item) => {
+                return (
+                            <article class="card">
+                              <h1><a href={item.link}>{item.name} (<small>{item.year}</small>)</a></h1>
+                              <p>{item.description}</p>
+                            </article>
+                )
+            })
+        }
+        </div>
+        <h1>School Project</h1>
+        <div class="grid">
+            {
+                archive.school.map((item) => {
+                    return (
+                            <article class="card">
+                                <h1><a href={item.link}>{item.name} (<small>{item.year}</small>)</a></h1>
+                                <p>{item.description}</p>
+                            </article>
+                    )
+                })
+            }
+        </div>
+        <h1>Collaboration</h1>
+        <div class="grid">
+            {
+                archive.collaborations.map((item) => {
+                    return (
+                            <article class="card">
+                                <h1><a href={item.link}>{item.name} (<small>{item.year}</small>)</a></h1>
+                                <p>{item.description}</p>
+                            </article>
+                    )
+                })
+            }
         </div>
     </main>
 </Page>
-- 
cgit v1.2.3