+7

src/lib/ExternalLink.svelte

reviewed

··· 1 1 + <script> 2 2 + let { children, ...props } = $props() 3 3 + </script> 4 4 + 5 5 + <a {...props} target="_blank" rel="noopener noreferrer"> 6 6 + {@render children()} 7 7 + </a>

+13 -6

src/lib/Footer.svelte

reviewed

··· 1 1 <script lang="ts"> 2 2 import { IconBrandBluesky, IconBrandGithubFilled, IconMailFilled } from '@tabler/icons-svelte' 3 3 import { twJoin } from 'tailwind-merge' 4 4 + import ExternalLink from './ExternalLink.svelte' 4 5 </script> 5 6 6 7 <div class="h-0 lg:h-[1px] bg-separator-light dark:bg-separator-dark"></div> ··· 8 9 "mt-[-1rem] lg:mt-0 flex flex-row justify-end", 9 10 )}> 10 11 <span class="flex flex-row gap-4"> 11 11 - <a href="mailto:contact@samanthanguyen.me" title="Email me at contact@samanthanguyen.me"> 12 12 + <ExternalLink 13 13 + href="mailto:contact@samanthanguyen.me" 14 14 + title="Email me at contact@samanthanguyen.me"> 12 15 <IconMailFilled 13 16 size={32} 14 17 stroke={1} 15 18 class={twJoin("fill-[#CFB4C5] dark:fill-neutral-300")} /> 16 16 - </a> 17 17 - <a href="https://bsky.app/profile/samanthanguyen.me" title="@samanthanguyen.me on Bluesky"> 19 19 + </ExternalLink> 20 20 + <ExternalLink 21 21 + href="https://bsky.app/profile/samanthanguyen.me" 22 22 + title="@samanthanguyen.me on Bluesky"> 18 23 <IconBrandBluesky 19 24 size={32} 20 25 stroke={1} 21 26 class={twJoin("text-[#CFB4C5] fill-[#CFB4C5]", "dark:text-neutral-300 dark:fill-neutral-300")} /> 22 22 - </a> 23 23 - <a href="https://github.com/neoncitylights" title="@neoncitylights on GitHub"> 27 27 + </ExternalLink> 28 28 + <ExternalLink 29 29 + href="https://github.com/neoncitylights" 30 30 + title="@neoncitylights on GitHub"> 24 31 <IconBrandGithubFilled 25 32 size={32} 26 33 stroke={1} 27 34 class={twJoin("fill-[#CFB4C5]", "dark:fill-neutral-300")} /> 28 28 - </a> 35 35 + </ExternalLink> 29 36 </span> 30 37 </footer>