diff options
| -rw-r--r-- | src/components/contacts.json | 12 | ||||
| -rw-r--r-- | src/pages/contacts.astro | 12 |
2 files changed, 14 insertions, 10 deletions
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 |