Polish website motion and navigation

scripts/capture-screenshots.sh

@@ -20,5 +20,7 @@ linuxplayer --capture-options "$root/docs/screenshots/options-v1-coast.png" "$vi
 linuxplayer --capture-hidden "$root/docs/screenshots/hidden-v1-coast.png" "$video"
 linuxplayer --capture-mini "$root/docs/screenshots/mini-player-v1-coast.png" "$video"
 linuxplayer --capture-ui "$root/docs/screenshots/empty-v1-coast.png"
-cp "$root"/docs/screenshots/*-v1-coast.png "$root/web/assets/screenshots/"
+for view in playback options hidden mini-player; do
+  cp "$root/docs/screenshots/$view-v1-coast.png" "$root/web/assets/screenshots/"
+done
 echo 'Captured the current desktop interface for the repository and website.'

web/README.md

@@ -27,7 +27,7 @@ The main download uses GitHub's stable latest-release URL for `linuxplayer_amd64
 
 ## Refresh the screenshots
 
-Install the current build, open a graphical desktop session, and run `scripts/capture-screenshots.sh` from the repository root. The script turns the site's generated coastal frame into a short local sample video with FFmpeg, then uses LinuxPlayer's built-in capture commands to write the real playback, options, locked, mini-player, and start-screen views to both `docs/screenshots/` and `web/assets/screenshots/`. Review each capture before publishing. The `*-v1-coast.png` filenames replace the earlier gradient captures and prevent stale browser image caches.
+Install the current build, open a graphical desktop session, and run `scripts/capture-screenshots.sh` from the repository root. The script turns the site's generated coastal frame into a short local sample video with FFmpeg, then uses LinuxPlayer's built-in capture commands to write playback, options, locked, and mini-player views to both `docs/screenshots/` and `web/assets/screenshots/`. The start-screen capture stays in `docs/screenshots/` for documentation. Review each capture before publishing. The `*-v1-coast.png` filenames replace the earlier gradient captures and prevent stale browser image caches.
 
 ## Content and attribution
 

web/download.html

@@ -15,6 +15,7 @@
   <title>Download LinuxPlayer — Latest Linux packages</title>
   <link rel="icon" href="assets/linuxplayer-bird.png" type="image/png">
   <link rel="stylesheet" href="styles.css">
+  <script defer src="motion.js"></script>
   <script defer src="download.js"></script>
 </head>
 <body>
@@ -28,14 +29,14 @@
     <section class="section packages-section" id="download" aria-labelledby="packages-title"><div class="container">
       <a class="back-link" href="index.html">← Home</a><div class="section-head"><h1 id="packages-title">Download LinuxPlayer.</h1></div>
       <div class="package-grid">
-        <article class="package-card recommended"><div class="package-top"><span>Latest release</span><span>.deb · amd64</span></div><div class="package-details"><h2>LinuxPlayer</h2><p>Ubuntu and Debian-based desktops · 64-bit x86</p><p class="package-install">Open the downloaded file or run <code>sudo apt install ./linuxplayer_amd64.deb</code>.</p></div><div class="package-actions"><a class="button button-primary" href="https://github.com/teamkrope/linuxplayer/releases/latest/download/linuxplayer_amd64.deb">Download <span aria-hidden="true">↓</span></a><a class="checksum-link" href="https://github.com/teamkrope/linuxplayer/releases/latest/download/linuxplayer_amd64.deb.sha256">SHA-256 checksum ↗</a></div><details class="architecture-details"><summary>ARM64 download</summary><p><a href="https://github.com/teamkrope/linuxplayer/releases/latest/download/linuxplayer_arm64.deb">Download ARM64 .deb</a> · <a href="https://github.com/teamkrope/linuxplayer/releases/latest/download/linuxplayer_arm64.deb.sha256">SHA-256 checksum</a></p></details></article>
+        <article class="package-card recommended"><div class="package-top"><span>Latest release</span><span>.deb · amd64</span></div><div class="package-details"><h2>LinuxPlayer</h2><p>Ubuntu and Debian-based desktops · 64-bit x86</p><p class="package-install">Open the downloaded file or run <code>sudo apt install ./linuxplayer_amd64.deb</code>.</p></div><div class="package-actions"><a class="button button-primary" href="https://github.com/teamkrope/linuxplayer/releases/latest/download/linuxplayer_amd64.deb">Download <span aria-hidden="true">↓</span></a><a class="checksum-link" href="https://github.com/teamkrope/linuxplayer/releases/latest/download/linuxplayer_amd64.deb.sha256">SHA-256 checksum</a></div><details class="architecture-details"><summary>ARM64 download</summary><p><a href="https://github.com/teamkrope/linuxplayer/releases/latest/download/linuxplayer_arm64.deb">Download ARM64 .deb</a> · <a href="https://github.com/teamkrope/linuxplayer/releases/latest/download/linuxplayer_arm64.deb.sha256">SHA-256 checksum</a></p></details></article>
       </div>
     </div></section>
-    <section class="section installer-section" aria-labelledby="installer-title"><div class="container download-grid"><div><h2 id="installer-title">Install with terminal.</h2><p>Automatically selects amd64 or ARM64 and checks the download.</p><a class="text-link" href="https://github.com/teamkrope/linuxplayer/blob/main/scripts/install.sh" target="_blank" rel="noopener noreferrer">Read the installer source ↗</a></div><div class="install-card"><div class="install-head"><span>Copy and run</span><button type="button" id="copy-command" class="copy-button" aria-label="Copy install commands">Copy command</button></div><pre><code id="install-command">curl -fsSLo /tmp/linuxplayer-install.sh \
+    <section class="section installer-section" aria-labelledby="installer-title"><div class="container download-grid"><div><h2 id="installer-title">Install with terminal.</h2><p>Automatically selects amd64 or ARM64 and checks the download.</p><a class="text-link" href="https://github.com/teamkrope/linuxplayer/blob/main/scripts/install.sh" target="_blank" rel="noopener noreferrer">Read the installer source</a></div><div class="install-card"><div class="install-head"><span>Copy and run</span><button type="button" id="copy-command" class="copy-button" aria-label="Copy install commands">Copy command</button></div><pre><code id="install-command">curl -fsSLo /tmp/linuxplayer-install.sh \
   https://github.com/teamkrope/linuxplayer/releases/latest/download/install.sh
-bash /tmp/linuxplayer-install.sh</code></pre><div class="install-bottom"><span>Review the script before running it.</span><a href="https://github.com/teamkrope/linuxplayer/releases/latest" target="_blank" rel="noopener noreferrer">Release notes ↗</a></div></div></div></section>
-    <section class="section download-help-section"><div class="container download-help-grid"><div><h2>Need help?</h2></div><div class="repo-links"><a href="https://github.com/teamkrope/linuxplayer/blob/main/SUPPORT.md" target="_blank" rel="noopener noreferrer"><span>Support guide</span><span>↗</span></a><a href="https://github.com/teamkrope/linuxplayer/issues" target="_blank" rel="noopener noreferrer"><span>Report an installation issue</span><span>↗</span></a><a href="https://github.com/teamkrope/linuxplayer/blob/main/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer"><span>Contribute to LinuxPlayer</span><span>↗</span></a></div></div></section>
+bash /tmp/linuxplayer-install.sh</code></pre><div class="install-bottom"><span>Review the script before running it.</span><a href="https://github.com/teamkrope/linuxplayer/releases/latest" target="_blank" rel="noopener noreferrer">Release notes</a></div></div></div></section>
+    <section class="section download-help-section"><div class="container download-help-grid"><div><h2>Need help?</h2></div><div class="repo-links"><a href="https://github.com/teamkrope/linuxplayer/blob/main/SUPPORT.md" target="_blank" rel="noopener noreferrer"><span>Support guide</span></a><a href="https://github.com/teamkrope/linuxplayer/issues" target="_blank" rel="noopener noreferrer"><span>Report an installation issue</span></a><a href="https://github.com/teamkrope/linuxplayer/blob/main/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer"><span>Contribute to LinuxPlayer</span></a></div></div></section>
   </main>
-  <footer class="site-footer"><div class="container footer-main"><div><a class="brand" href="index.html"><img src="assets/linuxplayer-bird.png" width="1024" height="1024" alt=""><span class="brand-name">Linux<span>Player</span></span></a></div><div class="footer-links"><div><strong>Product</strong><a href="index.html#features">Features</a><a href="index.html#preview">Screenshots</a><a href="#download">Download</a></div><div><strong>Project</strong><a href="https://github.com/teamkrope/linuxplayer" target="_blank" rel="noopener noreferrer">GitHub</a><a href="https://github.com/teamkrope/linuxplayer/blob/main/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">Contribute</a><a href="https://github.com/teamkrope/linuxplayer/blob/main/LICENSE" target="_blank" rel="noopener noreferrer">License</a></div><div><strong>Contact</strong><a href="mailto:contact@teamkrope.com">contact@teamkrope.com</a><a href="https://github.com/teamkrope/linuxplayer/blob/main/SUPPORT.md" target="_blank" rel="noopener noreferrer">Support</a><a href="https://github.com/teamkrope/linuxplayer/blob/main/SECURITY.md" target="_blank" rel="noopener noreferrer">Security</a></div></div></div><div class="container footer-bottom"><span>© <span id="year">2026</span> TeamKrope</span><span>GPL-3.0-or-later</span><a href="#top">Back to top ↑</a></div></footer>
+  <footer class="site-footer"><div class="container footer-line"><span class="footer-signature">© <span id="year">2026</span> TeamKrope · LinuxPlayer</span><nav class="footer-nav" aria-label="Footer"><a href="https://github.com/teamkrope/linuxplayer" target="_blank" rel="noopener noreferrer">GitHub</a><a href="https://github.com/teamkrope/linuxplayer/blob/main/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">Contribute</a><a href="mailto:contact@teamkrope.com">Contact</a><a href="https://github.com/teamkrope/linuxplayer/blob/main/LICENSE" target="_blank" rel="noopener noreferrer">License</a></nav></div></footer>
 </body>
 </html>