samantha's personal website!~ ✨ samanthanguyen.me
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

separator as gradient

+7 -3
+1 -1
src/app.html
··· 8 8 <meta name="theme-color" content="#070707" media="(prefers-color-scheme: dark)"> 9 9 %sveltekit.head% 10 10 </head> 11 - <body data-sveltekit-preload-data="hover" class="bg-[#EDE3E9] dark:bg-neutral-950 text-[#110b11] dark:text-neutral-300"> 11 + <body data-sveltekit-preload-data="hover" class="bg-[#EDE3E9] dark:bg-neutral-900 text-[#110b11] dark:text-neutral-300"> 12 12 <div style="display: contents">%sveltekit.body%</div> 13 13 </body> 14 14 </html>
+2 -2
src/lib/Footer.svelte
··· 3 3 import { twJoin } from 'tailwind-merge' 4 4 </script> 5 5 6 + <div class="h-0 lg:h-[1px] bg-separator dark:bg-darkSeparator"></div> 6 7 <footer class={twJoin( 7 - "mt-[-1rem] lg:mt-0 pt-4 flex flex-row justify-end", 8 - "border-0 lg:border-t border-[#CFB4C5] dark:border-zinc-800", 8 + "mt-[-1rem] lg:mt-0 flex flex-row justify-end", 9 9 )}> 10 10 <span class="flex flex-row gap-4"> 11 11 <a href="mailto:contact@samanthanguyen.me" title="Email me at contact@samanthanguyen.me">
+4
tailwind.config.ts
··· 7 7 fontFamily: { 8 8 sans: ['Public Sans Variable', 'sans-serif'], 9 9 domine: ['Domine Variable', 'serif'], 10 + }, 11 + backgroundImage: { 12 + separator: 'linear-gradient(to right, transparent, #CFB4C5 50%, transparent)', 13 + darkSeparator: 'linear-gradient(to right, transparent, rgb(39 39 42), transparent)', 10 14 } 11 15 } 12 16 },