feat: add back to top button and view archived link

src/lib/components/BackToTop.svelte

@@ -24,6 +24,6 @@
 
 {#if showButton}
 	<div class="fixed bottom-10 right-10 z-40" transition:fly={{ y: 50, duration: 150 }}>
-		<Button size="icon" on:click={scrollToTop}><ChevronUp /></Button>
+		<Button size="icon" class="scale-125 md:scale-150" on:click={scrollToTop}><ChevronUp /></Button>
 	</div>
 {/if}

src/lib/components/Blog/PostCard.svelte

@@ -10,7 +10,7 @@
 
 <Card.Root>
 	<Card.Header>
-		<h3 class="text-4xl font-serif font-bold mb-4 leading-tight">{doc.title}</h3>
+		<h3 class="text-3xl lg:text-4xl font-serif font-bold mb-4 leading-tight">{doc.title}</h3>
 		<p class="text-muted-foreground text-xl">{doc.blurb}</p>
 		<PostMetadata
 			primaryTags={doc.primaryTags}

src/routes/+page.svelte

@@ -29,7 +29,7 @@
 			</Typewriter>
 			<br />
 			<Typewriter>
-				<p>I'm building and designing software, for humans.</p>
+				<p>Building and designing libre software, for everyone.</p>
 			</Typewriter>
 		</div>
 		<div class="flex flex-wrap gap-4 justify-center my-8">

src/routes/blog/+page.svelte

@@ -11,6 +11,7 @@
 	import { onMount } from 'svelte';
 	import PostCard from '$lib/components/Blog/PostCard.svelte';
 	import { faker } from '@faker-js/faker';
+	import Button from '$lib/components/ui/button/button.svelte';
 
 	let loaded = false;
 
@@ -47,8 +48,10 @@
 			>
 				my blog on computer science, math, games, art, and more.
 			</p>
-			<span class="flex flex-wrap items-center">
-				<a href="#latest">all </a>
+			<span class="flex flex-wrap items-center mt-8 md:hidden">
+				<a href="#archive" class="flex items-center font-mono gap-2 hover:underline"
+					><ChevronRight />Archived Posts</a
+				>
 			</span>
 
 			<div class="grid grid-cols-3 mt-20 gap-8">