feat: Add favicon, page title, and meta description for improved branding and discoverability.

2025-12-25 20:41:03 +00:00
parent af4b45597b
commit 54bb58e5b0
4 changed files with 9 additions and 2 deletions
--- a/src/app.html
+++ b/src/app.html
@@ -1,8 +1,15 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<link rel="apple-touch-icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<title>Filaprint - 3D Printer Manager</title>
+		<meta
+			name="description"
+			content="Track your 3D prints, filament usage, and costs with Filaprint."
+		/>
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">
--- a/src/lib/assets/favicon.png
+++ b/src/lib/assets/favicon.png
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,7 @@
 <script>
  import "../app.css";
  import Navbar from "$lib/components/Navbar.svelte";
-  import favicon from "$lib/assets/favicon.svg";
+  import favicon from "$lib/assets/favicon.png";

  let { children } = $props();
 </script>
--- a/static/favicon.png
+++ b/static/favicon.png