From 99141f7c547dbf3aa6af262bed169cd00cc4d19a Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Mon, 22 Jan 2024 23:08:05 -0500
Subject: Projects page almost completed; Added archive site

---
 src/components/Navbar.vue    |  1 +
 src/components/projects.json | 22 ++++++++++++++++++++++
 src/layouts/Page.astro       |  1 +
 src/pages/projects.astro     | 16 ++++++++++++++++
 4 files changed, 40 insertions(+)
 create mode 100644 src/components/projects.json

(limited to 'src')

diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 9767cfb..b2cbab5 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -9,6 +9,7 @@
       <li><a href="/downloads" class="nav-link" @click="toggleNav">Downloads</a></li>
       <li><a href="/blog" class="nav-link" @click="toggleNav">Blog</a></li>
       <li><a href="/guestbook" class="nav-link" @click="toggleNav">Guestbook</a></li>
+      <li><a href="https://archive.alee14.me" class="nav-link" @click="toggleNav">Archive</a></li>
       <li><a href="/contacts" class="nav-link" @click="toggleNav">Contacts</a></li>
     </ul>
   </nav>
diff --git a/src/components/projects.json b/src/components/projects.json
new file mode 100644
index 0000000..95ddaab
--- /dev/null
+++ b/src/components/projects.json
@@ -0,0 +1,22 @@
+[
+  {
+    "name": "AleeBot",
+    "description": "An all-in-one bot that's made from the Discord.JS API!",
+    "links": [
+      {
+        "name": "Source Code",
+        "url": "https://github.com/Alee14/AleeBot"
+      }
+    ]
+  },
+  {
+    "name": "DLAP",
+    "description": "A Discord bot that lets you play local audio tracks in your server.",
+    "links": [
+      {
+        "name": "Source Code",
+        "url": "https://github.com/Alee14/DLAP"
+      }
+    ]
+  }
+]
diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro
index 9b8dd8f..b506628 100644
--- a/src/layouts/Page.astro
+++ b/src/layouts/Page.astro
@@ -8,6 +8,7 @@ const { title, description } = Astro.props;
         <h1 class="header-text">{title}</h1>
         <h2 class="header-text">{description}</h2>
     </header>
+    <slot />
 </Layout>
 
 <style>
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 0a12522..b381bf3 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -1,5 +1,21 @@
 ---
 import Page from "../layouts/Page.astro";
+import projects from "../components/projects.json";
 ---
 <Page title="Projects" description="Things that I have been working on in the past, and present">
+    {
+        projects.map((project) => {
+        return (
+                <div class="projects">
+                    <h1>{project.name}</h1>
+                    <p>{project.description}</p>
+                    {project.links.map((link) => {
+                        return (
+                                <a href={link.url}>{link.name}</a>
+                        )
+                    })}
+                </div>
+        )
+    })
+    }
 </Page>
-- 
cgit v1.2.3