Archive/screentinker
1
0
Fork 0
mirror of https://github.com/screentinker/screentinker.git synced 2026-08-16 23:33:10 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: replace ScreenTinker with SwiftDisplay logo in player and landing page

Browse source
This commit is contained in:
xadyz1 2026-07-26 19:44:17 +01:00
parent 0b1f1bea33
commit 16fa1701d8
2 changed files with 16 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/landing.html
View file

@ -57,9 +57,9 @@
:root { :root {
--accent: #e65c00; --accent: #e65c00;
--bg: #111827; --bg: #1c1c1e;
--card: #1e293b; --card: #2c2c2e;
--border: #334155; --border: #3a3a3c;
--text: #f1f5f9; --text: #f1f5f9;
--muted: #94a3b8; --muted: #94a3b8;
--dim: #64748b; --dim: #64748b;

35
server/player/index.html
View file

@ -117,7 +117,7 @@
few-ms delay vs the inline trap is fine since errors before this few-ms delay vs the inline trap is fine since errors before this
loads are already captured in __debugLog by the inline trap above. --> loads are already captured in __debugLog by the inline trap above. -->
<script src="/player/debug-overlay.js" defer></script> <script src="/player/debug-overlay.js" defer></script>
<title>ScreenTinker Player</title> <title>SwiftDisplay Player</title>
<style> <style>
* { * {
margin: 0; margin: 0;
@ -138,7 +138,7 @@
#setupScreen { #setupScreen {
position: fixed; position: fixed;
inset: 0; inset: 0;
background: #111827; background: #1c1c1e;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -147,15 +147,8 @@
color: #f1f5f9; color: #f1f5f9;
} }
#setupScreen h1 { #setupScreen .player-logo {
font-size: 36px; width: 220px;
color: #e65c00;
margin-bottom: 8px;
}
#setupScreen .subtitle {
color: #94a3b8;
font-size: 16px;
margin-bottom: 48px; margin-bottom: 48px;
} }
@ -365,7 +358,7 @@
#statusOverlay { #statusOverlay {
position: fixed; position: fixed;
inset: 0; inset: 0;
background: #000; background: #1c1c1e;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -374,10 +367,9 @@
z-index: 500; z-index: 500;
} }
#statusOverlay h2 { #statusOverlay .status-logo {
color: #e65c00; width: 180px;
font-size: 28px; margin-bottom: 16px;
margin-bottom: 8px;
} }
#statusOverlay p { #statusOverlay p {
@ -389,8 +381,7 @@
<body> <body>
<!-- Setup Screen --> <!-- Setup Screen -->
<div id="setupScreen"> <div id="setupScreen">
<h1>ScreenTinker</h1> <img src="/assets/logowhiteswift.png" alt="SwiftDisplay" class="player-logo">
<div class="subtitle">Web Player</div>
<div class="form" id="urlForm"> <div class="form" id="urlForm">
<label>Server URL</label> <label>Server URL</label>
<input type="url" id="serverUrl" placeholder="https://sign.yourdomain.com" autofocus> <input type="url" id="serverUrl" placeholder="https://sign.yourdomain.com" autofocus>
@ -413,8 +404,8 @@
<!-- Status Overlay --> <!-- Status Overlay -->
<div id="statusOverlay" style="display:none"> <div id="statusOverlay" style="display:none">
<img src="/assets/logowhiteswift.png" alt="SwiftDisplay" class="status-logo">
<div class="spinner"></div> <div class="spinner"></div>
<h2>ScreenTinker</h2>
<p id="statusText" data-i18n="connecting">Connecting...</p> <p id="statusText" data-i18n="connecting">Connecting...</p>
</div> </div>
@ -805,7 +796,7 @@
const ctx = c.getContext('2d'); const ctx = c.getContext('2d');
ctx.textBaseline = 'top'; ctx.textBaseline = 'top';
ctx.font = '14px Arial'; ctx.font = '14px Arial';
ctx.fillText('ScreenTinker fingerprint', 2, 2); ctx.fillText('SwiftDisplay fingerprint', 2, 2);
return c.toDataURL().slice(-50); return c.toDataURL().slice(-50);
} catch { return ''; } } catch { return ''; }
})(), })(),
@ -883,9 +874,9 @@
// connects muted, so unattended kiosks still recover without a human tap. // connects muted, so unattended kiosks still recover without a human tap.
{ {
const tapOverlay = document.createElement('div'); const tapOverlay = document.createElement('div');
tapOverlay.style.cssText = 'position:fixed;inset:0;background:#111827;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer'; tapOverlay.style.cssText = 'position:fixed;inset:0;background:#1c1c1e;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer';
tapOverlay.innerHTML = ` tapOverlay.innerHTML = `
<h1 style="color:#e65c00;font-size:36px;font-family:sans-serif;margin-bottom:12px">ScreenTinker</h1> <img src="/assets/logowhiteswift.png" alt="SwiftDisplay" style="width:200px;margin-bottom:32px">
<p style="color:#94a3b8;font-size:18px;font-family:sans-serif">Tap anywhere to start</p> <p style="color:#94a3b8;font-size:18px;font-family:sans-serif">Tap anywhere to start</p>
<p style="color:#64748b;font-size:13px;font-family:sans-serif;margin-top:24px">Audio requires user interaction</p> <p style="color:#64748b;font-size:13px;font-family:sans-serif;margin-top:24px">Audio requires user interaction</p>
`; `;