feat: add accessibility attributes

src/lib/components/Footer.svelte

@@ -10,7 +10,7 @@
 		{#if (links.linkedin)}
 			<li>
 				<!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
-				<a href={links.linkedin} target="_blank">
+				<a href={links.linkedin} target="_blank" aria-label="visit linkedin profile">
 					<span class="icon">
 						<Linkedin class="icon" />
 					</span>
@@ -20,7 +20,7 @@
 		{#if (links.git)}
 			<li>
 				<!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
-				<a href={links.git} target="_blank">
+				<a href={links.git} target="_blank" aria-label="visit gitea repo for this homepage">
 					<span class="icon">
 						<Github class="icon" />
 					</span>

src/lib/components/Header.svelte

@@ -21,14 +21,14 @@
 			</span>
 
 			<!-- open menu -->
-			<button class:hide={isMobileMenuOpen} onclick={() => setIsMobileMenuOpen(true)}>
+			<button class:hide={isMobileMenuOpen} onclick={() => setIsMobileMenuOpen(true)} aria-label="open menu">
 				<span class="icon">
 					<Menu class="icon" />
 				</span>
 			</button>
 
 			<!-- close menu -->
-			<button class:hide={!isMobileMenuOpen} onclick={() => setIsMobileMenuOpen(false)}>
+			<button class:hide={!isMobileMenuOpen} onclick={() => setIsMobileMenuOpen(false)} aria-label="close menu">
 				<span class="icon">
 					<X class="icon" />
 				</span>

src/routes/+layout.svelte

@@ -17,5 +17,7 @@
 </svelte:head>
 
 <Header {...data.header} />
+<main>
 	{@render children()}
+</main>
 <Footer {...data.footer} />