From 67f5db139b27e4dfeb8dc8a6837dc22b1b6de70c Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Tue, 23 Jan 2024 19:35:26 +0000
Subject: Removed final "vh" and add easter egg

---
 src/components/contacts.json | 2 +-
 src/pages/contacts.astro     | 6 +++---
 src/styles/index.css         | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/components/contacts.json b/src/components/contacts.json
index 313db1d..6763340 100644
--- a/src/components/contacts.json
+++ b/src/components/contacts.json
@@ -40,7 +40,7 @@
         "icon": "x-twitter",
         "username": "Alee14498",
         "url": "https://twitter.alee14.me",
-        "comment": "yuck."
+        "mouseover": "yuck."
     },
     {
         "platform": "Instagram",
diff --git a/src/pages/contacts.astro b/src/pages/contacts.astro
index 098f97b..908fba8 100644
--- a/src/pages/contacts.astro
+++ b/src/pages/contacts.astro
@@ -7,9 +7,9 @@ import contacts from "../components/contacts.json";
     {contacts.map((contact)=> {
         let icon = "fa6-brands:" + contact.icon;
         return (
-        <a href={contact.url} target="_blank"><div class="contacts-card">
-               <Icon name={icon} class="contact-icon" />
-                {contact.platform} ({contact.username})
+        <a href={contact.url} target="_blank" title={contact.mouseover}><div class="contacts-card">
+            <Icon name={icon} class="contact-icon" />
+            {contact.platform} ({contact.username})
         </div></a>
         )
     })}
diff --git a/src/styles/index.css b/src/styles/index.css
index 476d461..8df217d 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -37,7 +37,7 @@ p {
     display: grid;
     grid-template-columns: 1fr 0.7fr;
     grid-template-rows: auto auto;
-    gap: 2vh;
+    gap: 1em;
     padding: 30px;
 }
 
-- 
cgit v1.2.3