✨ Added songwriting project

package.json

@@ -1,7 +1,8 @@
 {
-	"name": "portfolio-chad",
+	"name": "portfolio",
 	"version": "0.0.1",
 	"private": true,
+	"type": "module",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
@@ -13,29 +14,27 @@
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "^3.3.1",
-		"@sveltejs/adapter-static": "^3.0.6",
-		"@sveltejs/kit": "^2.8.1",
-		"@sveltejs/vite-plugin-svelte": "^4.0.1",
+		"@sveltejs/adapter-static": "^3.0.8",
+		"@sveltejs/kit": "^2.14.0",
+		"@sveltejs/vite-plugin-svelte": "^4.0.4",
 		"autoprefixer": "^10.4.20",
-		"bits-ui": "^1.0.0-next.59",
+		"bits-ui": "^1.0.0-next.74",
 		"clsx": "^2.1.1",
 		"install": "^0.13.0",
-		"lucide-svelte": "^0.436.0",
-		"mode-watcher": "^0.3.1",
-		"prettier": "^3.3.3",
-		"prettier-plugin-svelte": "^3.2.8",
-		"prettier-plugin-tailwindcss": "^0.5.14",
-		"svelte": "^5.2.2",
-		"svelte-check": "^4.0.9",
-		"tailwind-merge": "^2.5.4",
+		"lucide-svelte": "^0.439.0",
+		"mode-watcher": "^0.5.0",
+		"prettier": "^3.4.2",
+		"prettier-plugin-svelte": "^3.3.2",
+		"prettier-plugin-tailwindcss": "^0.6.9",
+		"svelte": "^5.15.0",
+		"svelte-check": "^4.1.1",
+		"tailwind-merge": "^2.5.5",
 		"tailwind-variants": "^0.3.0",
-		"tailwindcss": "^3.4.15",
+		"tailwindcss": "^3.4.17",
 		"tailwindcss-animate": "^1.0.7",
 		"tslib": "^2.8.1",
-		"typescript": "^5.6.3",
+		"typescript": "^5.7.2",
 		"vaul-svelte": "^0.3.2",
-		"vite": "^5.4.11"
-	},
-	"type": "module",
-	"dependencies": {}
+		"vite": "5.4.11"
+	}
 }

src/lib/index.ts

@@ -159,5 +159,14 @@ export const projects = [
 			'Developed at the request of a friend who wanted a sound-sharing platform but never ended up uploading anything... So please, if you have content to share, go ahead and upload it. What gets uploaded won’t be deleted. Have fun! Note: Not everything will stay there indefinitely, so please don’t upload illegal material!',
 		link: 'https://shitboard.nwrenger.dev',
 		archived: false
+	},
+	{
+		title: 'songwriting',
+		summary: 'Songwriting Portfolio',
+		picture: 'songwriting.png',
+		description:
+			'I developed my Songwriting Portfolio for my music class. Please note that it is entirely written in <code>German</code>. I utilized the new <code>Skeleton Framework</code> and created some impressive components and animations. Enjoy exploring it!',
+		link: 'https://songwriting.nwrenger.dev',
+		archived: false
 	}
 ];

src/routes/+layout.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
 	import '../app.css';
-	import { ModeWatcher, toggleMode } from 'mode-watcher';
 	import * as Avatar from '$lib/components/ui/avatar';
 	import { Button } from '$lib/components/ui/button';
+	import { ModeWatcher, toggleMode } from 'mode-watcher';
 	import { Sun, Moon } from 'lucide-svelte';
 
-	import { page } from '$app/stores';
+	import { page } from '$app/state';
 	import { onMount, type Snippet } from 'svelte';
 	import { fade } from 'svelte/transition';
 	interface Props {
@@ -119,13 +119,13 @@
 					</Button>
 				</div>
 				<div class="flex items-center gap-1.5">
-					<Button href="/" variant="link" class={$page.url.pathname == '/' ? 'underline' : ''}
+					<Button href="/" variant="link" class={page.url.pathname == '/' ? 'underline' : ''}
 						>Home</Button
 					>
 					<Button
 						href="/projects"
 						variant="link"
-						class={$page.url.pathname == '/projects' ? 'underline' : ''}>Projects</Button
+						class={page.url.pathname == '/projects' ? 'underline' : ''}>Projects</Button
 					>
 					<Button href="https://github.com/nwrenger" target="_blank" variant="link">Github</Button>
 				</div>