From 0127d62a4952b200cc206385af0f3a2f37067f9e Mon Sep 17 00:00:00 2001 From: Timo <6156589+Shik3i@users.noreply.github.com> Date: Fri, 3 Jul 2026 13:09:11 +0200 Subject: [PATCH] Tighten hero demo layout --- website/app.js | 25 ++++----- website/assets/NewLogoIcon_64.webp | Bin 1282 -> 1282 bytes website/style.css | 86 ++++++++++++++++++----------- 3 files changed, 66 insertions(+), 45 deletions(-) diff --git a/website/app.js b/website/app.js index c7140fa..72f5aad 100644 --- a/website/app.js +++ b/website/app.js @@ -559,13 +559,11 @@ document.addEventListener('DOMContentLoaded', () => { updateSyncUI(); }; - const pulse = () => { - ['a', 'b'].forEach(k => { - const el = tabs[k].root; - el.classList.remove('sync-pulse'); - void el.offsetWidth; // restart the CSS animation - el.classList.add('sync-pulse'); - }); + const pulse = (key) => { + const el = tabs[key].root; + el.classList.remove('sync-pulse'); + void el.offsetWidth; // restart the CSS animation + el.classList.add('sync-pulse'); }; const NAMES = { a: '🐱 ChillCat', b: '🐶 HappyDog' }; @@ -595,7 +593,7 @@ document.addEventListener('DOMContentLoaded', () => { tabs[peerKey].t = tabs[sourceKey].t; setPlaying(peerKey, playing); renderTab(tabs[peerKey]); - pulse(); + pulse(peerKey); broadcasting = false; }, 90); }; @@ -614,7 +612,7 @@ document.addEventListener('DOMContentLoaded', () => { tabs[peerKey].t = tabs[sourceKey].t; renderTab(tabs[peerKey]); flashSeek(tabs[peerKey].root); - pulse(); + pulse(peerKey); broadcasting = false; }, 90); }; @@ -647,18 +645,19 @@ document.addEventListener('DOMContentLoaded', () => { // The popup remote control acts as 🐱 ChillCat (tab A's user) playBtn.addEventListener('click', () => { - if (tabs.a.playing && tabs.b.playing) { pulse(); return; } + if (tabs.a.playing && tabs.b.playing) { pulse('b'); return; } broadcast('a', true); }); pauseBtn.addEventListener('click', () => { - if (!tabs.a.playing && !tabs.b.playing) { pulse(); return; } + if (!tabs.a.playing && !tabs.b.playing) { pulse('b'); return; } broadcast('a', false); }); if (forceSyncBtn) forceSyncBtn.addEventListener('click', () => { tabs.b.t = tabs.a.t = Math.max(tabs.a.t, tabs.b.t); renderTab(tabs.a); renderTab(tabs.b); - pulse(); + pulse('a'); + pulse('b'); }); ['a', 'b'].forEach(k => { @@ -837,7 +836,7 @@ document.addEventListener('DOMContentLoaded', () => { if (userTookOver) return; setConnected(true); showToastB(toastB ? toastB.dataset.joined : ''); - pulse(); + pulse('b'); await wait(900); if (userTookOver) return; diff --git a/website/assets/NewLogoIcon_64.webp b/website/assets/NewLogoIcon_64.webp index 660ffe28987821948744dafb8543121d3c9924ee..b1f4e43ede2c8f7304360593b419303eb296c0d2 100644 GIT binary patch delta 175 zcmV;g08sye3W5r-j{*uP3wTE6hMStHV6&M5(*b{}TcN{oo+V6*L_a%Yrc!p2D?t#c zOKs7r7~J4m$Dv1=mJaDq77GQQQ>rw7XYD@K>HoHNx9RHcyI5?-@+?sg|AU>&-G4md zD$=Kt1fjo2eO@GCUGUCe6T6+N5TM#$rGCu%%0C_&{K4-ZrketIuEE5-AGFN%Jt!V_ dA-)%z8o>$A#3xK?o>SG_`v#;TD2(v9006+KRrvq_ delta 175 zcmV;g08sye3W5r-j{*uRbh!h)p{C}lShJY|(*b{`0tbHB-=W1lvs8JmTg?5P$6NU| zO#PNrF}c9Ck3x?#EFIFIEEWqqr&MVE&)R*f)BkMkZ`0M?cCguv