From 04e40ba82a1a559ff7845d5f6dbfb0460b4f01f7 Mon Sep 17 00:00:00 2001
From: Joshua Laymon <joshlaymon@icloud.com>
Date: Thu, 21 Aug 2025 02:15:04 +0000
Subject: [PATCH] Update web/templates/entry_view.html

---
 web/templates/entry_view.html | 41 +++++++++++++++++++++++++++++++++--
 1 file changed, 39 insertions(+), 2 deletions(-)

diff --git a/web/templates/entry_view.html b/web/templates/entry_view.html
index 6a3b035..3d8a55c 100644
--- a/web/templates/entry_view.html
+++ b/web/templates/entry_view.html
@@ -342,10 +342,10 @@
       const usingOpenAI = Boolean(TTS_URL);
       if (usingOpenAI) {
         await playOpenAITTS();
-        showToast("Using OpenAI TTS");
+        // showToast("Using OpenAI TTS");
       } else {
         speakBrowserTTS();
-        showToast("Using Browser TTS");
+        // showToast("Using Browser TTS");
       }
     } catch (err) {
       alert('TTS error: ' + (err && err.message ? err.message : String(err)));
@@ -355,4 +355,41 @@
   });
 })();
 </script>
+
+<style>
+.toast {
+  position: fixed;
+  bottom: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+  background: #333;
+  color: #fff;
+  padding: 10px 20px;
+  border-radius: 6px;
+  opacity: 0;
+  transition: opacity 0.5s ease;
+  z-index: 9999;
+}
+.toast.show {
+  opacity: 1;
+}
+</style>
+
+<script>
+function showToast(message, duration = 3000) {
+  const toast = document.createElement("div");
+  toast.className = "toast";
+  toast.textContent = message;
+  document.body.appendChild(toast);
+
+  // Trigger fade in
+  setTimeout(() => toast.classList.add("show"), 50);
+
+  // Fade out & remove
+  setTimeout(() => {
+    toast.classList.remove("show");
+    setTimeout(() => document.body.removeChild(toast), 500);
+  }, duration);
+}
+</script>
 {% endblock %}
\ No newline at end of file