From 9b58091459fbb72a4f52397c6b83f7f1e949a31f Mon Sep 17 00:00:00 2001
From: nin0dev <personal@nin0.dev>
Date: Mon, 29 Jul 2024 16:48:24 -0400
Subject: [PATCH] added buttons

---
 src/components/Button.astro           |  9 +++++++++
 src/components/ButtonCollection.astro | 10 ++++++++++
 src/components/MainWindow.astro       | 10 ++++++++++
 src/components/Spacer.astro           |  1 +
 4 files changed, 30 insertions(+)
 create mode 100644 src/components/Button.astro
 create mode 100644 src/components/ButtonCollection.astro
 create mode 100644 src/components/Spacer.astro

diff --git a/src/components/Button.astro b/src/components/Button.astro
new file mode 100644
index 0000000..99899dc
--- /dev/null
+++ b/src/components/Button.astro
@@ -0,0 +1,9 @@
+---
+const {position, text, url, id} = Astro.props;
+---
+<style>
+    button, a {
+        width: 100%;
+    }
+</style>
+{url ? <a href={url}><button id={id}>{text}</button></a> : <button id={id}>{text}</button>}
\ No newline at end of file
diff --git a/src/components/ButtonCollection.astro b/src/components/ButtonCollection.astro
new file mode 100644
index 0000000..b7f516d
--- /dev/null
+++ b/src/components/ButtonCollection.astro
@@ -0,0 +1,10 @@
+<style>
+    div {
+        display: grid;
+        grid-auto-flow: column;
+        grid-auto-columns: 1fr;
+    }
+</style>
+<div class="button-collection">
+    <slot />
+</div>
\ No newline at end of file
diff --git a/src/components/MainWindow.astro b/src/components/MainWindow.astro
index 62fd00e..fbbf795 100644
--- a/src/components/MainWindow.astro
+++ b/src/components/MainWindow.astro
@@ -4,6 +4,9 @@ import GroupBox from "../components/GroupBox.astro";
 import Me from "../components/Me.astro";
 import Presence from "../components/Presence.astro";
 import Window from "../components/Window.astro";
+import Button from "./Button.astro";
+import ButtonCollection from "./ButtonCollection.astro";
+import Spacer from "./Spacer.astro";
 ---
 <Window title="Home" maxWidth="600px">
     <Me />
@@ -18,4 +21,11 @@ import Window from "../components/Window.astro";
     <GroupBox name="Reach out">
         <Contacts />
     </GroupBox>
+    <ButtonCollection>
+        <Button position="left" text="Projects (soon)" url="/projects"/>
+        <Spacer />
+        <Button position="left" text="Code (soon)" url="/code"/>
+        <Spacer />
+        <Button position="left" text="Blog (ETA: 100 years)" url="/code"/>
+    </ButtonCollection>
 </Window>
diff --git a/src/components/Spacer.astro b/src/components/Spacer.astro
new file mode 100644
index 0000000..6b62a03
--- /dev/null
+++ b/src/components/Spacer.astro
@@ -0,0 +1 @@
+<span />
\ No newline at end of file