diff options
| author | Andrew Lee <andrew@alee14.me> | 2025-12-03 20:05:55 -0500 |
|---|---|---|
| committer | Andrew Lee <andrew@alee14.me> | 2025-12-03 20:30:52 -0500 |
| commit | 59de20ef0835170d30f5033d8c98aad41e554882 (patch) | |
| tree | 72ac5494f94d7243d183c28f16889f5592a0c755 /src/pages/archive | |
| parent | 4ef3dd04c782c9f9aae545e2cf6083de9847f8de (diff) | |
| download | personal-website-testing.tar.gz personal-website-testing.tar.bz2 personal-website-testing.zip | |
new models; fix linktesting
Diffstat (limited to 'src/pages/archive')
| -rw-r--r-- | src/pages/archive/index.astro | 47 |
1 files changed, 37 insertions, 10 deletions
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> |