From 8233c4c49bbd96d61056e3079f8ff3889013a949 Mon Sep 17 00:00:00 2001
From: Youwen Wu <youwenw@gmail.com>
Date: Sat, 6 Apr 2024 01:01:15 -0700
Subject: [PATCH] feat: add back to top button and view archived link

---
 src/lib/components/BackToTop.svelte     | 2 +-
 src/lib/components/Blog/PostCard.svelte | 2 +-
 src/routes/+page.svelte                 | 2 +-
 src/routes/blog/+page.svelte            | 7 +++++--
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/BackToTop.svelte b/src/lib/components/BackToTop.svelte
index 59d8e1b..4a20ab2 100644
--- a/src/lib/components/BackToTop.svelte
+++ b/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}
diff --git a/src/lib/components/Blog/PostCard.svelte b/src/lib/components/Blog/PostCard.svelte
index 11a931b..a860079 100644
--- a/src/lib/components/Blog/PostCard.svelte
+++ b/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}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 32f4a66..6b7f405 100644
--- a/src/routes/+page.svelte
+++ b/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">
diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index 26ae687..a97913c 100644
--- a/src/routes/blog/+page.svelte
+++ b/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">