NOT CONNECTED
--:--:--:--
diff --git a/resources/wilddragon-logo.png b/resources/wilddragon-logo.png
new file mode 100644
index 0000000..c9c4c7e
Binary files /dev/null and b/resources/wilddragon-logo.png differ
diff --git a/resources/wilddragon-logo.svg b/resources/wilddragon-logo.svg
new file mode 100644
index 0000000..e070b8f
--- /dev/null
+++ b/resources/wilddragon-logo.svg
@@ -0,0 +1,120 @@
+
+
+
diff --git a/style.css b/style.css
index 123b75d..29115d0 100644
--- a/style.css
+++ b/style.css
@@ -66,31 +66,24 @@ a:hover { text-decoration: underline; }
z-index: 100;
}
-#camSwitcher {
+/* Background watermark logo */
+#bgLogo {
+ position: fixed;
+ inset: 0;
display: flex;
- gap: 2px;
- background: var(--bg);
- border: 1px solid var(--border);
- border-radius: var(--radius-md);
- padding: 3px;
- flex-shrink: 0;
+ align-items: center;
+ justify-content: center;
+ pointer-events: none;
+ z-index: 0;
}
-.camBtn {
- background: none;
- border: none;
- color: var(--text-2);
- font: inherit;
- font-size: 11px;
- font-weight: 600;
- letter-spacing: 0.04em;
- padding: 4px 8px;
- border-radius: 5px;
- cursor: pointer;
- transition: color 0.12s, background 0.12s;
+#bgLogo img {
+ width: min(55vw, 55vh);
+ height: auto;
+ filter: brightness(0) invert(1);
+ opacity: 0.035;
+ user-select: none;
}
-.camBtn:hover { color: var(--text); background: var(--elevated); }
-.camBtn.selected { color: var(--accent); background: var(--accent-dim); }
#topBar.recording { border-bottom-color: var(--rec-border); }
@@ -228,6 +221,7 @@ a:hover { text-decoration: underline; }
left: 0; right: 0;
overflow-y: auto;
overflow-x: hidden;
+ z-index: 1;
}
.tabPanel { display: none; padding: 20px; }
diff --git a/web-ui.js b/web-ui.js
index 995b021..a11582f 100644
--- a/web-ui.js
+++ b/web-ui.js
@@ -26,7 +26,7 @@ function switchTab(name) {
}
// =====================================================================
-// Camera init / switch
+// Camera init
// =====================================================================
function initCamera() {
@@ -56,22 +56,6 @@ function initCamera() {
unsavedChanges = unsavedChanges.filter(e => e !== 'Hostname');
}
-function switchCamera(index) {
- if (cameras[ci]) cameras[ci].active = false;
- ci = index;
-
- document.querySelectorAll('.camBtn').forEach((btn, i) => {
- btn.classList.toggle('selected', i === ci);
- });
-
- document.getElementById('cameraName').textContent = 'NOT CONNECTED';
- document.getElementById('timecodeLabel').textContent = '--:--:--:--';
- document.getElementById('hostnameInput').value = localStorage.getItem('camerahostname_' + ci) || '';
- document.getElementById('secureCheckbox').checked = localStorage.getItem('camerasecurity_' + ci) === 'true';
-
- if (cameras[ci]) cameras[ci].active = true;
-}
-
// =====================================================================
// Main UI updater (called by WebSocket)
// =====================================================================