add iconset

DHBern · May 6, 2024 · 898aba5 · 898aba5
1 parent e3a4131
commit 898aba5
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -38,5 +38,8 @@
     "vite": "^5.0.3",
     "vite-plugin-tailwind-purgecss": "0.3.3"
   },
-  "type": "module"
+  "type": "module",
+  "dependencies": {
+    "@fortawesome/fontawesome-free": "^6.5.2"
+  }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -1,5 +1,7 @@
 <script lang="ts">
 	import '../app.postcss';
+	import '@fortawesome/fontawesome-free/css/solid.min.css';
+	import '@fortawesome/fontawesome-free/css/fontawesome.min.css';
 </script>
 
 <slot />
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,10 +1,12 @@
 <script lang="ts">
 	import SidebarLayout from '$lib/SidebarLayout.svelte';
+	import { base } from '$app/paths';
 </script>
 
 <SidebarLayout>
 	<svelte:fragment slot="sidebar">
-		<h1 class="text-4xl font-bold">Welcome to Skeleton</h1>
+		<h1><a href={base}>The Beach Atlas</a></h1>
+		<p>A Literary Atlas of the Beach in the Long 20th Century</p>
 	</svelte:fragment>
 	<a
 		class="btn bg-quarternary-500 text-surface-700 hover:bg-surface-700 hover:text-quarternary-500"
@@ -14,4 +16,5 @@
 	>
 		Launch Documentation
 	</a>
+	<i class="fa-solid fa-user"></i>
 </SidebarLayout>