diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-01-23 19:09:29 +0000 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-01-23 19:14:42 +0000 |
| commit | 8825af4b3b18c4cea3bf798496022d72f8188faa (patch) | |
| tree | e266c988fc28348ff94f5b181818e49ba17f9950 /src/pages | |
| parent | 8790ecf93a87fd99ae383a9da666a38dc7f17437 (diff) | |
| download | personal-website-8825af4b3b18c4cea3bf798496022d72f8188faa.tar.gz personal-website-8825af4b3b18c4cea3bf798496022d72f8188faa.tar.bz2 personal-website-8825af4b3b18c4cea3bf798496022d72f8188faa.zip | |
Update contact usernames and add target="_blank" to contact links
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/contacts.astro | 12 |
1 files changed, 8 insertions, 4 deletions
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 |