Styles: Update styles of index page, add favicon, remove unused fonts

src/app.html

@@ -4,8 +4,7 @@
 		<meta charset="utf-8" />
 		<meta name="description" content="" />
 		<link rel="stylesheet" href="/normalize.css" />
-		<link rel="stylesheet" href="/thomaswilson.css" />
-		<link rel="icon" href="%svelte.assets%/favicon.png" />
+		<link rel="icon" href="%svelte.assets%/tw-favicon.ico" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%svelte.head%
 	</head>

src/components/Navbar.svelte

@@ -38,8 +38,11 @@
 	}
 
 	.right {
+		display: flex;
 		flex: 1;
 		text-align: right;
+		align-items: center;
+		justify-content: flex-end;
 		padding: var(--spacing-base);
 	}
 

src/routes/__layout.svelte

@@ -0,0 +1,5 @@
+<script>
+	import "../styles/thomaswilson.css";
+</script>
+
+<slot />

src/routes/blog.svelte

@@ -1,6 +1,7 @@
 <script lang="ts" context="module">
 	import type { Load, LoadInput, LoadOutput } from '@sveltejs/kit';
 	import { differenceInCalendarDays, intlFormat } from 'date-fns';
+	export const prerender=true
 
 	type BlogPost = {
 		filename: string;

src/routes/blog/[slug].svelte

@@ -53,6 +53,12 @@
 		max-width: 65ch;
 	}
 
+	@media screen and (max-width: 700px) {
+		article {
+			padding: 12px;
+		}
+	}
+
 	.post-title {
 		text-align: center;
 		padding-bottom: 1rem;

src/routes/index.svelte

@@ -1,3 +1,7 @@
+<script context="module">
+	export const prerender = true
+</script>
+
 <script lang="ts">
 	import { slide } from 'svelte/transition';
 	import Navbar from '../components/Navbar.svelte';
@@ -126,27 +130,31 @@
 		padding: var(--link-padding);
 		transition: var(--link-transition);
 		border-radius: var(--link-border-radius);
-		background: #0256f2;
-		color: white;
+		border: 1px solid #0256f2;
+		color: #0256f2;
+		text-decoration: none;
 	}
 
 	.oxwash:hover {
 		background: #6fbbec;
-		text-decoration: none;
+		border: 1px solid #6fbbec;
+		text-decoration: underline;
+		color: white;
 	}
 
 	.figma {
 		padding: var(--link-padding);
 		transition: var(--link-transition);
 		border-radius: var(--link-border-radius);
-		background: #c7b9ff;
+		border: 1px solid #c7b9ff;
 		color: #000000;
+		text-decoration: none;
 	}
 
 	.figma:hover {
-		background: #ffc700;
+		background: #c7b9ff;
 		color: #000000;
-		text-decoration: none;
+		text-decoration: underline;
 	}
 
 	.thesis {

src/styles/thomaswilson.css

@@ -1,8 +1,3 @@
-@font-face {
-	font-family: 'SpaceGrotesk-Regular';
-	src: url('/SpaceGrotesk-Regular.woff2');
-}
-
 @font-face {
 	font-family: 'FivoSansModern-Regular';
 	src: url('/FivoSansModern-Regular.otf');