From 8825af4b3b18c4cea3bf798496022d72f8188faa Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Tue, 23 Jan 2024 19:09:29 +0000
Subject: Update contact usernames and add target="_blank" to contact links

---
 src/components/contacts.json | 12 ++++++------
 src/pages/contacts.astro     | 12 ++++++++----
 2 files changed, 14 insertions(+), 10 deletions(-)

(limited to 'src')

diff --git a/src/components/contacts.json b/src/components/contacts.json
index 8b9e562..313db1d 100644
--- a/src/components/contacts.json
+++ b/src/components/contacts.json
@@ -14,13 +14,13 @@
     {
         "platform": "PayPal",
         "icon": "paypal",
-        "username": "alee14",
+        "username": "alee14498",
         "url": "https://paypal.me/alee14498"
     },
     {
         "platform": "Discord",
         "icon": "discord",
-        "username": "alee",
+        "username": "Andrew Lee Projects",
         "url": "https://discord.alee14.me"
     },
     {
@@ -32,15 +32,15 @@
     {
         "platform": "Mastodon",
         "icon": "mastodon",
-        "username": "@alee@mstdn.ca",
+        "username": "alee@mstdn.ca",
         "url": "https://mstdn.ca/@alee"
     },
     {
         "platform": "X",
-        "comment": "yuck.",
         "icon": "x-twitter",
-        "username": "alee",
-        "url": "https://twitter.alee14.me"
+        "username": "Alee14498",
+        "url": "https://twitter.alee14.me",
+        "comment": "yuck."
     },
     {
         "platform": "Instagram",
diff --git a/src/pages/contacts.astro b/src/pages/contacts.astro
index 6847d19..098f97b 100644
--- a/src/pages/contacts.astro
+++ b/src/pages/contacts.astro
@@ -7,11 +7,10 @@ import contacts from "../components/contacts.json";
     {contacts.map((contact)=> {
         let icon = "fa6-brands:" + contact.icon;
         return (
-            <div class="contacts-card"><a href={contact.url}>
-               <Icon name={icon} />
+        <a href={contact.url} target="_blank"><div class="contacts-card">
+               <Icon name={icon} class="contact-icon" />
                 {contact.platform} ({contact.username})
-                </a>
-            </div>
+        </div></a>
         )
     })}
 </Page>
@@ -25,4 +24,9 @@ import contacts from "../components/contacts.json";
         border-radius: 10px;
         background-color: #3B513B;
     }
+
+    .contact-icon {
+        margin-right: 0.5em;
+        font-size: 1.3em;
+    }
 </style>
\ No newline at end of file
-- 
cgit v1.2.3