2 files changed, 75 insertions, 0 deletions
diff --git a/src/components/contacts.json b/src/components/contacts.json
new file mode 100644
index 0000000..334808e
--- /dev/null
+++ b/src/components/contacts.json
@@ -0,0 +1,57 @@
+[
+    {
+        "platform": "GitHub",
+        "icon": "github",
+        "username": "Alee14",
+        "url": "https://github.alee14.me"
+    },
+    {
+        "platform": "LinkedIn",
+        "icon": "linkedin",
+        "username": "AndrewLeeCAN",
+        "url": "https://linkedin.alee14.me"
+    },
+    {
+        "platform": "PayPal",
+        "icon": "paypal",
+        "username": "alee14",
+        "url": "https://paypal.me/alee14498"
+    },
+    {
+        "platform": "Discord",
+        "icon": "",
+        "username": "alee",
+        "url": "https://discord.alee14.me"
+    },
+    {
+        "platform": "YouTube",
+        "icon": "",
+        "username": "AndrewLeeCAN",
+        "url": "https://youtube.alee14.me"
+    },
+    {
+        "platform": "Mastodon",
+        "icon": "",
+        "username": "@alee@mstdn.ca",
+        "url": "https://mstdn.ca/@alee"
+    },
+    {
+        "platform": "X",
+        "comment": "yuck.",
+        "icon": "",
+        "username": "alee",
+        "url": "https://twitter.alee14.me"
+    },
+    {
+        "platform": "Instagram",
+        "icon": "",
+        "username": "alee14498",
+        "url": "https://instagram.alee14.me"
+    },
+    {
+        "platform": "Reddit",
+        "icon": "",
+        "username": "alee1449",
+        "url": "https://reddit.alee14.me"
+    }
+]
+\ No newline at end of file
diff --git a/src/pages/contacts.astro b/src/pages/contacts.astro
new file mode 100644
index 0000000..e917a4d
--- /dev/null
+++ b/src/pages/contacts.astro
@@ -0,0 +1,18 @@
+---
+import Page from '../layouts/Page.astro'
+import { Icon } from 'astro-icon/components';
+import contacts from "../components/contacts.json";
+
+//let icon = "fa6-brands:" + contacts[0].icon;
+---
+<Page title="Contacts" description="Follow me on other platforms">
+    {contacts.map((contact)=> {
+        return (
+            <div class="contacts-card"><a href={contact.url}>
+               {/*<Icon name={icon} />*/}
+                {contact.platform} ({contact.username})
+                </a>
+            </div>
+        )
+    })}
+</Page>
+\ No newline at end of file