diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-01-23 20:26:14 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-01-23 20:26:14 -0500 |
| commit | 4f9f65650787516fc4e7a96a6ee38bc40e387c46 (patch) | |
| tree | 9cb7f305b1324370bdbedfb2b25b1ecfd3391279 /src/pages/contacts.astro | |
| parent | d873a13bbbd6cf6960cab5a3e627e69af4195d63 (diff) | |
| download | personal-website-4f9f65650787516fc4e7a96a6ee38bc40e387c46.tar.gz personal-website-4f9f65650787516fc4e7a96a6ee38bc40e387c46.tar.bz2 personal-website-4f9f65650787516fc4e7a96a6ee38bc40e387c46.zip | |
Margins more consistent; Projects grids; Mobile optimized
Diffstat (limited to 'src/pages/contacts.astro')
| -rw-r--r-- | src/pages/contacts.astro | 22 |
1 files changed, 12 insertions, 10 deletions
diff --git a/src/pages/contacts.astro b/src/pages/contacts.astro index 908fba8..5123bed 100644 --- a/src/pages/contacts.astro +++ b/src/pages/contacts.astro @@ -4,15 +4,17 @@ import { Icon } from 'astro-icon/components'; import contacts from "../components/contacts.json"; --- <Page title="Contacts" description="Follow me on other platforms"> - {contacts.map((contact)=> { - let icon = "fa6-brands:" + contact.icon; - return ( - <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> - ) - })} + <main> + {contacts.map((contact)=> { + let icon = "fa6-brands:" + contact.icon; + return ( + <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> + ) + })} + </main> </Page> <style> .contacts-card { @@ -29,4 +31,4 @@ import contacts from "../components/contacts.json"; margin-right: 0.5em; font-size: 1.3em; } -</style>
\ No newline at end of file +</style> |