From 1175f8840118a8b824b57929fea7131abee09569 Mon Sep 17 00:00:00 2001
From: Neshura <neshura@neshweb.net>
Date: Mon, 22 Apr 2024 20:05:27 +0200
Subject: [PATCH] Add Various Title Displays

---
 src/routes/+page.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c49c468..01e802d 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -17,6 +17,9 @@
     let title = $state("");
     let queueIndex = $state(0);
     let currentSong = $state({
+        data: {
+            title,
+        },
         queueIndex
     });
     let isPaused = $state(true);
@@ -167,6 +170,11 @@
     })
 </script>
 
+<svelte:head>
+    <title>Lytter - {currentSong.data.title}({currentSong.data.artist})</title>
+    <meta name="robots" content="noindex nofollow" />
+</svelte:head>
+
 <div class="border border-2 flex-1 grid grid-cols-5">
     <div class="border border-2 col-span-1">
         <h1>Left Sidebar</h1>
@@ -180,7 +188,7 @@
 </div>
 <div class="border border-2 min-h-24 h-24">
     <div class="flex flex-row gap-2">
-        <p class="border p-2">Song: {title}</p>
+        <p class="border p-2">Song: {currentSong.data.title}</p>
         <p class="border p-2">Volume: {volume}</p>
         <p class="border p-2">{displayTime(progress)}/{displayTime(duration)}</p>
         <p class="border p-2">{progressPercent().toFixed(2)}%</p>