From 7c3de9fc7b0af7392b62c1e23dfcff10e7069db1 Mon Sep 17 00:00:00 2001
From: Armin <armin@raumschiff>
Date: Sun, 5 Jul 2026 23:09:43 +0200
Subject: [PATCH] add logo overlay (fades out after 2sec)

---
 index.html | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
diff --git a/index.html b/index.html
index cd4283f..26d4a3e 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,16 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>noiz://</title>
 <style>
+
+
+
+
+
+
+
+
+
+
 * { margin: 0; padding: 0; box-sizing: border-box; }
 body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #111; color: #e0e0e0; height: 100vh; overflow: hidden; display: flex; flex-direction: column; }
 .btn { background: linear-gradient(to bottom, #3a3a3a, #282828); border: 1px solid #484848; color: #e0e0e0; padding: 6px 14px; border-radius: 6px; cursor: pointer; font-size: 12px; transition: background .1s, transform .1s, box-shadow .1s; white-space: nowrap; box-shadow: 0 3px 0 #181818, 0 4px 6px rgba(0,0,0,0.4); transform: translateY(0); }
@@ -35,6 +45,9 @@ canvas { width: 100%; height: 100px; border-radius: 6px; display: block; }
 .progress-row .progress-bar { flex: 1; height: 6px; background: #333; border-radius: 3px; cursor: pointer; }
 .progress-row .progress-bar .fill { height: 100%; background: #1a6df5; border-radius: 3px; width: 0%; }
 .progress-row .progress-bar:hover .fill { background: #3a8df5; }
+#noiz-overlay { position: fixed; inset: 0; display: flex; justify-content: center; align-items: center; background: transparent; pointer-events: none; z-index: 9999; animation: fadeout 1s ease 2s forwards; }
+#noiz-overlay img { max-width: 50vw; max-height: 50vh; }
+@keyframes fadeout { from { opacity: 1; } to { opacity: 0; visibility: hidden; } }
 #timeRemaining { color: #555; }
 #vuMeter { width: 100%; height: 20px; border-radius: 2px; display: block; }
 .controls { display: flex; align-items: center; gap: 16px; align-self: flex-end; }
@@ -98,6 +111,10 @@ footer .footer-track { flex: 1; min-width: 0; white-space: nowrap; overflow: hid
 </head>
 <body>
 
+<div id="noiz-overlay">
+    <img src="noizmainlogo.png" alt="noiz://">
+</div>
+
 <div id="error"></div>
 <input type="file" id="folderPicker" webkitdirectory multiple style="display:none">
 
