feat: Remove instagram and replace by bluesky

2025-01-28 18:55:12 -08:00
3 changed files with 8 additions and 21 deletions
--- a/src/app.html
+++ b/src/app.html
@ -6,7 +6,6 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">
-		<meta name="theme-color" content="#028760" />
 	</head>
 	<body data-sveltekit-preload-data="hover" class="font-serif">
 		<div style="display: contents">%sveltekit.body%</div>
--- a/src/lib/theme.ts
+++ b/src/lib/theme.ts
@ -1,4 +1,4 @@
-import { writable, get } from 'svelte/store'
+import { writable } from 'svelte/store'
 import { browser } from "$app/environment"

 type Theme = 'tokiwa' | 'star'
@ -11,11 +11,3 @@ export const theme = writable(userTheme ?? 'tokiwa')
 export function setTheme(newTheme: Theme) {
 	theme.set(newTheme)
 }
-
-export function getThemeObject(key: string, obj: { [key in Theme]: string } | string) {
-	if (typeof obj === 'object') {
-		return obj[key];
-	} else {
-		return obj;
-	}
-}
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@ -1,8 +1,6 @@
 <script lang="ts">
-	import { derived } from 'svelte/store'
 	import { routes } from "$lib/sitemap.ts"
 	import { Separator } from "$lib/components/ui/separator/index.js";
-	import { theme, getThemeObject } from '$lib/theme'
 	import { Rss } from "lucide-svelte";
 	import ThemeSwitch from "$lib/components/ThemeSwitch.svelte"
 	let scrollPosition: number = .5;
@ -33,18 +31,16 @@
 		"open-source": "fa-brands fa-osi",

 		"bluesky": "fa-brands fa-bluesky",
+		"square-bluesky": "fa-brands fa-square-bluesky",
+		"image": "fa-solid fa-image",
+		"camera-retro": "fa-solid fa-camera-retro",
+
 		"youtube": "fa-brands fa-youtube",
-		"instagram": "fa-brands fa-instagram",
 		"bandcamp": "fa-brands fa-bandcamp",
 		"pixiv": "fa-brands fa-pixiv",
 	};
 	const iconLinks: [string, string][] = Object.entries(metadata.links).map(
 		([key, link]) => [iconMap[key], link]);
-
-	const frontCover = derived(
-		theme,
-		($theme) => getThemeObject($theme, metadata.frontCover)
-	)
 </script>

 <svelte:head>
@ -53,7 +49,7 @@

 <div
 	id="background"
-	style="opacity: {1 - progress}; background-image: url('{$frontCover}')"
+	style="opacity: {1 - progress}; background-image: url('{metadata.frontCover}')"
 >
 </div>

@ -120,8 +116,8 @@
 		background-position: center center;
 		z-index: -10;
 		position: absolute;
-		min-width: 100svw;
-		height: 100svh;
+		min-width: 100vw;
+		height: 100vh;
 		overscroll-behaviour: none;
 	}
 	#front {