josh/ytplayer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Redesign landing page: hero with gradient brand wordmark, value pills (no ads / no sign-in / offline playlists), and clickable quick-search chips; refresh Windows installers

Browse Source
This commit is contained in:
Jonathan Sykes
2026-06-14 12:03:14 +08:00
parent 7ab486f15f
commit 4d5d105e70
6 changed files with 101 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/index.html
View File

@@ -68,8 +68,23 @@
<img id="artImg" alt="" />
</div>
<div id="playerPlaceholder" class="player-placeholder">
<div class="ph-logo">▶</div>
<p>Search and pick a video to start watching — ad-free.</p>
<div class="hero">
<div class="ph-logo">▶</div>
<h1 class="hero-title">YT Player</h1>
<p class="hero-tagline">Ad-free YouTube — no login, no tracking. Search, play, and keep playlists right on your device.</p>
<div class="hero-pills">
<span class="hero-pill">No ads</span>
<span class="hero-pill">No sign-in</span>
<span class="hero-pill">Offline playlists</span>
</div>
<div class="hero-suggests">
<span class="hero-suggests-label">Try</span>
<button class="chip" data-q="lofi hip hop radio">lofi beats</button>
<button class="chip" data-q="live news">live news</button>
<button class="chip" data-q="relaxing music">relaxing music</button>
<button class="chip" data-q="podcast highlights">podcasts</button>
</div>
</div>
</div>
<div id="bufferSpinner" class="spinner hidden"></div>
</div>