Revamped project page; Switch to React; Updated pkgs

6 files changed, 153 insertions, 13 deletions

diff --git a/src/pages/archive/index.astro b/src/pages/archive/index.astro
new file mode 100644
index 0000000..7a23d95
--- /dev/null
+++ b/src/pages/archive/index.astro
@@ -0,0 +1,21 @@
+---
+import Page from "../../layouts/Page.astro";
+import "../../styles/cards.css";
+---
+<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>
+        </div>
+    </main>
+</Page>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index e7cc46d..d109080 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -37,7 +37,7 @@ const featuredProjects = projects.filter(project => project.featured);
 				</div>
 				<div class="description">
 					<h2>21 Years Old</h2>
-					<h2>Living in Montreal, Quebec, Canada</h2>
+					<h2>Montreal, Quebec, Canada</h2>
 				</div>
 				<div>
 					<h3><a href="mailto:andrew@alee14.me" class="email-contact">andrew@alee14.me</a></h3>
@@ -90,13 +90,6 @@ const featuredProjects = projects.filter(project => project.featured);
 					<li>RAM: 4 GB</li>
 					<li>Storage: 206 GB</li>
 				</ul>
-				<h2>Vultr (Web Server)</h2>
-				<ul>
-					<li>OS: Ubuntu Server 24.04 LTS</li>
-					<li>CPU: Intel Xeon Processor (Skylake, IBRS)</li>
-					<li>RAM: 1 GB</li>
-					<li>Storage: 25 GB (and 100 GB for Block Storage)</li>
-				</ul>
 				<h2>Proxmox</h2>
 				<ul>
 					<li>Model: Lenovo ThinkCentre M800</li>
diff --git a/src/pages/privacy.md b/src/pages/privacy.md
index e69de29..e81296a 100644
--- a/src/pages/privacy.md
+++ b/src/pages/privacy.md
@@ -0,0 +1,50 @@
+---
+title: Privacy Policy
+description: This policy covers any services provided under alee14.me, including websites, applications, and tools we develop.
+layout: '../layouts/PageMarkdown.astro'
+---
+# Privacy Policy
+Last updated: April 2, 2024 (EDT)
+
+## Introduction
+Privacy is a human right. If you have any concerns or complaints about how we handle privacy, feel free to reach out at privacy@alee14.me.
+
+## Services We Provide
+This policy covers any services provided under alee14.me, including websites, applications, and tools we develop. Below are specific policies for different services.
+
+### AleeBot (Discord Bot)
+**Information Collected:**
+- User IDs (for personal settings & command usage)
+- Server IDs (to store bot settings & command usage)
+
+**How We Use It:**
+- To provide bot features
+- To store preferences per server
+- To store preferences per user
+- To improve bot performance
+
+**Opting Out:**
+- Removing AleeBot from a server will automatically delete all settings related to that server.
+- If you want personal data removed, contact us.
+
+### Websites & Other Applications
+**Information Collected:**
+- Basic analytics (e.g., visitor count, page interactions)
+- User-submitted content (if applicable)
+
+**How We Use It:**
+- To analyze website performance
+- To ensure proper functionality
+
+## General Data Practices
+We don’t collect personal information like your real name, address, or payment details. Data is only used to operate and improve services.
+
+## Data Retention
+We only keep data as long as it’s needed for the service. If you want your data removed, contact us.
+
+## Future Changes
+We may update this policy as we add new services. Any significant changes will be posted here.
+
+## Contact
+For any questions, reach out at privacy@alee14.me.
+
diff --git a/src/pages/projects/3d.astro b/src/pages/projects/3d.astro
new file mode 100644
index 0000000..8f9a06d
--- /dev/null
+++ b/src/pages/projects/3d.astro
@@ -0,0 +1,46 @@
+---
+import Page from "../../layouts/Page.astro";
+import "../../styles/cards.css";
+import ThreeJSModels from "../../components/3DModels.jsx";
+---
+<Page title="3D Models" description="Things that I made using Blender">
+    <main>
+        <div class="grid">
+            <div class="card">
+                <h1>Test</h1>
+                <p>Description</p>
+                <ThreeJSModels modelName="/models/snug_cup_model.glb" client:load />
+                <div class="column">
+                    <a href="#">Download</a>
+                    <small>Licensed with (license)</small>
+                </div>
+            </div>
+            <div class="card">
+                <h1>Test</h1>
+                <p>Description</p>
+                <ThreeJSModels modelName="/models/alee_logo.glb" client:load />
+                <div class="column">
+                    <a href="#">Download</a>
+                    <small>Licensed with (license)</small>
+                </div>
+            </div>
+            <div class="card">
+                <h1>Test</h1>
+                <p>Description</p>
+                <!--<ThreeJSModels modelName="/models/snug_cup_model.glb" client:load />-->
+                <div class="column">
+                    <a href="#">Download</a>
+                    <small>Licensed with (license)</small>
+                </div>
+            </div>
+        </div>
+    </main>
+</Page>
+<style>
+    .column {
+        display: flex;
+        flex-direction: column;
+        gap: 0.1em;
+    }
+</style>
+
diff --git a/src/pages/projects/index.astro b/src/pages/projects/index.astro
new file mode 100644
index 0000000..9a2dbc7
--- /dev/null
+++ b/src/pages/projects/index.astro
@@ -0,0 +1,30 @@
+---
+import Page from "../../layouts/Page.astro";
+import "../../styles/cards.css";
+---
+<Page title="Projects" description="Things that I have been working on in the past, and present">
+    <main>
+        <div class="column">
+            <div class="card">
+                <h1><a href="/projects/3d">3D Models</a></h1>
+                <p>Things I made on Blender</p>
+            </div>
+            <div class="card">
+                <h1><a href="/projects/programming">Programming</a></h1>
+                <p>Things I programmed</p>
+            </div>
+            <div class="card">
+                <h1><a href="/projects/website">Website Archive</a></h1>
+                <p>Websites I created</p>
+            </div>
+        </div>
+    </main>
+</Page>
+<style>
+    .column {
+        display: flex;
+        flex-direction: column;
+        gap: 0.1em;
+    }
+</style>
+
diff --git a/src/pages/projects.astro b/src/pages/projects/programming.astro
index 80bc97c..2c5d073 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects/programming.astro
@@ -1,11 +1,11 @@
 ---
-import Page from "../layouts/Page.astro";
-import projects from "../data/projects.json";
-import "../styles/cards.css";
-import GitHubProjects from "../components/GitHubProjects.svelte";
+import Page from "../../layouts/Page.astro";
+import projects from "../../data/projects.json";
+import "../../styles/cards.css";
+import GitHubProjects from "../../components/GitHubProjects.svelte";
 
 ---
-<Page title="Projects" description="Things that I have been working on in the past, and present">
+<Page title="Programming" description="Things that I programmed">
     <main>
         <div class="grid">
             {