From f91df3ec45d50d2d320ed9a2d6e33e2ecc82383a Mon Sep 17 00:00:00 2001
From: Miley Chandonnet <email@miley.codes>
Date: Thu, 12 Feb 2026 14:01:24 -0500
Subject: [PATCH] Update page titles and favicon

Make page titles dynamic based on current route so blog posts show their title in the browser tab. Replace placeholder favicon.ico with a clean SVG favicon.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 src/commonMain/resources/favicon.ico          | Bin 15086 -> 0 bytes
 src/commonMain/resources/favicon.svg          |   3 +++
 src/commonMain/resources/index.html           |   3 ++-
 src/jsMain/kotlin/codes/miley/frontend/App.kt |  11 +++++++++++
 4 files changed, 16 insertions(+), 1 deletion(-)
 delete mode 100644 src/commonMain/resources/favicon.ico
 create mode 100644 src/commonMain/resources/favicon.svg

diff --git a/src/commonMain/resources/favicon.ico b/src/commonMain/resources/favicon.ico
deleted file mode 100644
index fffbee76676b005c2d1e11d1ad9bd224df2f1c2f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 15086
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

diff --git a/src/commonMain/resources/favicon.svg b/src/commonMain/resources/favicon.svg
new file mode 100644
index 0000000..cf54b56
--- /dev/null
+++ b/src/commonMain/resources/favicon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <text x="16" y="24" font-family="system-ui, sans-serif" font-size="24" font-weight="bold" fill="#333" text-anchor="middle">M</text>
+</svg>
diff --git a/src/commonMain/resources/index.html b/src/commonMain/resources/index.html
index 98ad48e..ff36096 100644
--- a/src/commonMain/resources/index.html
+++ b/src/commonMain/resources/index.html
@@ -3,7 +3,8 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Miley Chandonnet • Portfolio</title>
+    <title>Miley Chandonnet</title>
+    <link rel="icon" type="image/svg+xml" href="favicon.svg">
     <!-- Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-9MPHTXCPC7"></script>
     <script>
diff --git a/src/jsMain/kotlin/codes/miley/frontend/App.kt b/src/jsMain/kotlin/codes/miley/frontend/App.kt
index 19e7203..23604cd 100644
--- a/src/jsMain/kotlin/codes/miley/frontend/App.kt
+++ b/src/jsMain/kotlin/codes/miley/frontend/App.kt
@@ -1,6 +1,7 @@
 package codes.miley.frontend
 
 import codes.miley.frontend.store.BlogStore
+import codes.miley.model.ALL_POSTS
 import codes.miley.frontend.store.ExperienceStore
 import codes.miley.frontend.widget.blogList
 import codes.miley.frontend.widget.blogPostView
@@ -11,6 +12,7 @@ import dev.fritz2.core.RenderContext
 import dev.fritz2.core.render
 import dev.fritz2.routing.Router
 import dev.fritz2.routing.routerOf
+import kotlinx.browser.document
 import kotlinx.browser.window
 import kotlinx.coroutines.ExperimentalCoroutinesApi
 import kotlinx.coroutines.flow.*
@@ -89,6 +91,15 @@ fun main() {
                 trackPageView(route)
                 val page = route["page"]
 
+                document.title = when {
+                    page == "blog" && route.containsKey("post") -> {
+                        val post = ALL_POSTS.find { it.id == route["post"] }
+                        post?.title?.let { "$it | Miley Chandonnet" } ?: "Miley Chandonnet"
+                    }
+                    page == "blog" -> "Blog | Miley Chandonnet"
+                    else -> "Miley Chandonnet"
+                }
+
                 header()
 
                 pageNav(router)