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 +++++++++++++++++++++++++++++++++---------
 src/pages/projects/index.astro |  2 +-
 2 files changed, 38 insertions(+), 11 deletions(-)

(limited to 'src/pages')

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>
diff --git a/src/pages/projects/index.astro b/src/pages/projects/index.astro
index 4d997c5..ddecff3 100644
--- a/src/pages/projects/index.astro
+++ b/src/pages/projects/index.astro
@@ -16,7 +16,7 @@ const featuredProjects = projects.filter(project => project.featured);
                 <p>Things I programmed</p>
             </div>
             <div class="card">
-                <h1><a href="/projects/website">Website Archive</a></h1>
+                <h1><a href="/archive">Website Archive</a></h1>
                 <p>Websites I created</p>
             </div>
         </div>
-- 
cgit v1.2.3