Revamped project page; Switch to React; Updated pkgs

1 files changed, 42 insertions, 0 deletions

diff --git a/src/pages/projects/programming.astro b/src/pages/projects/programming.astro
new file mode 100644
index 0000000..2c5d073
--- /dev/null
+++ b/src/pages/projects/programming.astro
@@ -0,0 +1,42 @@
+---
+import Page from "../../layouts/Page.astro";
+import projects from "../../data/projects.json";
+import "../../styles/cards.css";
+import GitHubProjects from "../../components/GitHubProjects.svelte";
+
+---
+<Page title="Programming" description="Things that I programmed">
+    <main>
+        <div class="grid">
+            {
+                projects.map((project) => {
+                    return (
+                            <article class="card">
+                                <h1>{project.name}</h1>
+                                <p>{project.description}</p>
+                                <div class="row">
+                                    {project.links.map((link) => {
+                                        return (
+                                                <a href={link.url} target={link.external ? "_blank" : "_self"}>{link.name}</a>
+                                        )
+                                    })}
+                                </div>
+                            </article>
+                    )
+                })
+            }
+        </div>
+        <h2><a href="https://github.com/Alee14" target="_blank">Andrew Lee GitHub Repositories</a></h2>
+        <GitHubProjects client:load username="Alee14" isOrganization={false} />
+        <h2><a href="https://github.com/alee14-projects" target="_blank">AleeCorp/Alee Productions GitHub Repositories</a></h2>
+        <GitHubProjects client:load username="alee14-projects" isOrganization={true} />
+    </main>
+</Page>
+<style>
+    .row {
+        display: flex;
+        flex-direction: row;
+        gap: 1em;
+    }
+</style>
+