diff --git a/index.html b/index.html index 3098310..86c386b 100644 --- a/index.html +++ b/index.html @@ -10,19 +10,13 @@ + + +
- -
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) // =====================================================================