From 161e28d5f31eeb4ee50238804148df3523ff4f0b Mon Sep 17 00:00:00 2001
From: nin0dev <personal@nin0.dev>
Date: Mon, 29 Jul 2024 16:10:40 -0400
Subject: [PATCH] added socials

---
 info/contacts/discord.md      |  4 ++++
 info/contacts/email.md        |  6 ++++++
 info/contacts/telegram.md     |  6 ++++++
 src/components/Contacts.astro |  8 ++++++++
 src/components/GroupBox.astro | 16 ++++++++++++++++
 src/components/Social.astro   | 16 ++++++++++++++++
 src/components/Window.astro   |  3 +++
 src/pages/index.astro         | 13 +++++++++++++
 8 files changed, 72 insertions(+)
 create mode 100644 info/contacts/discord.md
 create mode 100644 info/contacts/email.md
 create mode 100644 info/contacts/telegram.md
 create mode 100644 src/components/Contacts.astro
 create mode 100644 src/components/GroupBox.astro
 create mode 100644 src/components/Social.astro

diff --git a/info/contacts/discord.md b/info/contacts/discord.md
new file mode 100644
index 0000000..91dac3b
--- /dev/null
+++ b/info/contacts/discord.md
@@ -0,0 +1,4 @@
+---
+platform: "Discord"
+name: "nin0.dev"
+---
\ No newline at end of file
diff --git a/info/contacts/email.md b/info/contacts/email.md
new file mode 100644
index 0000000..f9bc68f
--- /dev/null
+++ b/info/contacts/email.md
@@ -0,0 +1,6 @@
+---
+platform: "Email"
+name: "support@nin0.dev"
+url: "mailto:support@nin0.dev"
+note: "Replies may be slow"
+---
\ No newline at end of file
diff --git a/info/contacts/telegram.md b/info/contacts/telegram.md
new file mode 100644
index 0000000..0793138
--- /dev/null
+++ b/info/contacts/telegram.md
@@ -0,0 +1,6 @@
+---
+platform: "Telegram"
+url: "https://nin0dev.t.me"
+name: "@nin0dev"
+note: "Use for quick replies"
+---
\ No newline at end of file
diff --git a/src/components/Contacts.astro b/src/components/Contacts.astro
new file mode 100644
index 0000000..e57998f
--- /dev/null
+++ b/src/components/Contacts.astro
@@ -0,0 +1,8 @@
+---
+import Social from "./Social.astro"
+
+const contacts = await Astro.glob("../../info/contacts/*.md")
+---
+<ul>
+    {contacts.map(contact => <Social platform={contact.frontmatter.platform} url={contact.frontmatter.url} name={contact.frontmatter.name} note={contact.frontmatter.note}/>)}
+</ul>
\ No newline at end of file
diff --git a/src/components/GroupBox.astro b/src/components/GroupBox.astro
new file mode 100644
index 0000000..f2ad07c
--- /dev/null
+++ b/src/components/GroupBox.astro
@@ -0,0 +1,16 @@
+---
+const {name} = Astro.props
+---
+
+<style>
+  fieldset {
+    margin-top: 10px;
+    margin-bottom: 0px;
+    padding: 0px 15px;
+  }
+</style>
+
+<fieldset>
+  <legend>{name}</legend>
+  <slot />
+</fieldset>
\ No newline at end of file
diff --git a/src/components/Social.astro b/src/components/Social.astro
new file mode 100644
index 0000000..cbcab64
--- /dev/null
+++ b/src/components/Social.astro
@@ -0,0 +1,16 @@
+---
+const {platform, name, url, note} = Astro.props;
+---
+
+<style>
+    bl {
+        font-weight: 500;
+    }
+    it {
+        font-style: italic;
+    }
+</style>
+
+<li>
+    <bl>{platform}</bl>: {url ? <a href={url}>{name}</a> : name}{note && <it> ({note})</it>}
+</li>
\ No newline at end of file
diff --git a/src/components/Window.astro b/src/components/Window.astro
index 6febde4..c775e2c 100644
--- a/src/components/Window.astro
+++ b/src/components/Window.astro
@@ -6,6 +6,9 @@ const {title, showClose, maxWidth} = Astro.props
     #window {
         max-width: var(--maxWidth);
     }
+    .window-body {
+        padding: 20px !important;
+    }
 </style>
 
 <div class="background" id="window">
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 6614201..983578f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,6 +1,9 @@
 ---
+import Contacts from "../components/Contacts.astro";
+import GroupBox from "../components/GroupBox.astro";
 import Me from "../components/Me.astro";
 import Presence from "../components/Presence.astro";
+import Social from "../components/Social.astro";
 import Window from "../components/Window.astro";
 import BaseLayout from "../layouts/BaseLayout.astro";
 ---
@@ -9,5 +12,15 @@ import BaseLayout from "../layouts/BaseLayout.astro";
 	<Window title="Home" maxWidth="600px">
 		<Me />
 		<Presence />
+		<GroupBox name="About me">
+			<p>
+				I'm a Canadian self-taught software developer that makes things some people find useful in Python, HTML, JavaScript, and Kotlin.
+				<br/>
+				I occasionally code with Java or C#, and am currently learning Rust.
+			</p>
+		</GroupBox>
+		<GroupBox name="Reach out">
+			<Contacts />
+		</GroupBox>
 	</Window>
 </BaseLayout>