From 8790ecf93a87fd99ae383a9da666a38dc7f17437 Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Tue, 23 Jan 2024 17:37:59 +0000
Subject: Almost finished the contacts page

---
 src/pages/contacts.astro | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/contacts.astro b/src/pages/contacts.astro
index e917a4d..6847d19 100644
--- a/src/pages/contacts.astro
+++ b/src/pages/contacts.astro
@@ -2,17 +2,27 @@
 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)=> {
+        let icon = "fa6-brands:" + contact.icon;
         return (
             <div class="contacts-card"><a href={contact.url}>
-               {/*<Icon name={icon} />*/}
+               <Icon name={icon} />
                 {contact.platform} ({contact.username})
                 </a>
             </div>
         )
     })}
-</Page>
\ No newline at end of file
+</Page>
+<style>
+    .contacts-card {
+        display: flex;
+        align-items: center;
+        font-size: 1.2em;
+        padding: 1em;
+        margin: 1em;
+        border-radius: 10px;
+        background-color: #3B513B;
+    }
+</style>
\ No newline at end of file
-- 
cgit v1.2.3