feat: added button styles and linkedin

src/lib/components/Header.svelte

@@ -2,6 +2,7 @@
 	import { AppBar, LightSwitch, ProgressBar, drawerStore } from '@skeletonlabs/skeleton';
 	import GitHub from './icons/GitHub.svelte';
 	import Hamburger from './icons/Hamburger.svelte';
+	import LinkedIn from './icons/LinkedIn.svelte';
 
 	export let progress: number;
 
@@ -21,11 +22,17 @@
 		<code class="code">hellob.art</code>
 	</svelte:fragment>
 	<svelte:fragment slot="trail">
+		<a
+			href="https://linkedin.com/in/bartvdbraak"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="btn-icon btn-icon-sm hover:variant-soft-primary"><LinkedIn /></a
+		>
 		<a
 			href="https://github.com/bartvdbraak"
 			target="_blank"
 			rel="noopener noreferrer"
-			class="btn-icon variant-primary"><GitHub /></a
+			class="btn-icon btn-icon-sm hover:variant-soft-primary"><GitHub /></a
 		>
 		<LightSwitch />
 	</svelte:fragment>

src/lib/components/icons/LinkedIn.svelte

@@ -0,0 +1 @@
+<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zM349.3 793.7H230.6V411.9h118.7v381.8zm-59.3-434a68.8 68.8 0 1 1 68.8-68.8c-.1 38-30.9 68.8-68.8 68.8zm503.7 434H675.1V608c0-44.3-.8-101.2-61.7-101.2-61.7 0-71.2 48.2-71.2 98v188.9H423.7V411.9h113.8v52.2h1.6c15.8-30 54.5-61.7 112.3-61.7 120.2 0 142.3 79.1 142.3 181.9v209.4z"></path></svg>