+5 -5

src/lib/Footer.svelte

reviewed

··· 1 1 <script lang="ts"> 2 2 - import { IconBrandBluesky, IconBrandGithub, IconMailFilled } from '@tabler/icons-svelte' 2 2 + import { IconBrandBluesky, IconBrandGithubFilled, IconMailFilled } from '@tabler/icons-svelte' 3 3 import { twJoin } from 'tailwind-merge' 4 4 </script> 5 5 ··· 12 12 <IconMailFilled 13 13 size={32} 14 14 stroke={1} 15 15 - class={twJoin("fill-zinc-950 dark:fill-gray-50")} /> 15 15 + class={twJoin("fill-[#CFB4C5] dark:fill-gray-50")} /> 16 16 </a> 17 17 <a href="https://bsky.app/profile/samanthanguyen.me" title="@samanthanguyen.me on Bluesky"> 18 18 <IconBrandBluesky 19 19 size={32} 20 20 stroke={1} 21 21 - class={twJoin("fill-zinc-950", "dark:fill-gray-50")} /> 21 21 + class={twJoin("text-[#CFB4C5] fill-[#CFB4C5]", "dark:text-gray-50 dark:fill-gray-50")} /> 22 22 </a> 23 23 <a href="https://github.com/neoncitylights" title="@neoncitylights on GitHub"> 24 24 - <IconBrandGithub 24 24 + <IconBrandGithubFilled 25 25 size={32} 26 26 stroke={1} 27 27 - class={twJoin("fill-zinc-950", "dark:fill-gray-50")} /> 27 27 + class={twJoin("fill-[#CFB4C5]", "dark:fill-gray-50")} /> 28 28 </a> 29 29 </span> 30 30 </footer>

+25

src/routes/resume/+page.svelte

reviewed

··· 1 1 + <script> 2 2 + import Footer from '$lib/Footer.svelte' 3 3 + import { twJoin } from 'tailwind-merge' 4 4 + </script> 5 5 + 6 6 + <header class="flex flex-col gap-2"> 7 7 + <h1 class={twJoin( 8 8 + "pt-12 flex items-end", 9 9 + "text-2xl lg:text-4xl font-domine font-bold lg:font-medium", 10 10 + )}> 11 11 + samanthanguyen.me 12 12 + </h1> 13 13 + <span class={twJoin( 14 14 + "text-sm lg:text-base dark:text-zinc-500", 15 15 + "font-domine", 16 16 + )}> 17 17 + she / her. artist, software engineer, aspiring computer scientist 18 18 + </span> 19 19 + </header> 20 20 + 21 21 + <main class="flex flex-col gap-8 lg:gap-12"> 22 22 + 23 23 + </main> 24 24 + 25 25 + <Footer />