From 1e21a656893c122210d4321906fe8fb9a4b0d0c8 Mon Sep 17 00:00:00 2001 From: Ehsan Rahman Date: Thu, 24 Sep 2026 09:25:59 +0100 Subject: [PATCH 1/2] docs: give every site page the same menu and land jumps below the header MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The header menu differed per page (the Setup Guide page showed only four items), so every page with the site header now shares one menu and footer, with "Setup Guide" capitalised. Menu jumps stopped under the sticky header — on phones the home-page section labels were hidden, and the Support headings fully. A scroll offset now clears it. Five home-page screenshots also declared the wrong image size, so the page shrank ~200px as they loaded and cross-page jumps (e.g. FAQ) overshot; their dimensions now match the files. Co-Authored-By: Claude Opus 5.5 --- docs/website/assets/site.css | 9 +++++++++ docs/website/index.html | 15 ++++++++------- docs/website/setup.html | 16 ++++++++++++++-- docs/website/support.html | 21 ++++++++++++++++----- docs/website/try.html | 12 ++++++++++++ 5 files changed, 59 insertions(+), 14 deletions(-) diff --git a/docs/website/assets/site.css b/docs/website/assets/site.css index 9ca8151..a43e9cd 100644 --- a/docs/website/assets/site.css +++ b/docs/website/assets/site.css @@ -32,6 +32,12 @@ html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } +/* Menu jumps land below the 66px sticky nav. Sections carry their own top + padding, so they only need the phone-width top-up (see the 560px query); + unpadded targets such as the Support cards need the full nav height. */ +[id] { scroll-margin-top: 86px; } +section[id], main[id] { scroll-margin-top: 0; } + body { margin: 0; font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; @@ -419,6 +425,8 @@ details.faq .body a { color: var(--green); } .reveal[data-d="3"] { transition-delay: .24s; } /* --- Responsive ---------------------------------------------------------- */ +/* The full menu plus the Support page's extra Home button only fit from ~1080px. */ +@media (max-width: 1080px) { .nav-cta .btn-ghost { display: none; } } @media (max-width: 940px) { .nav-links { display: none; } .nav-toggle { display: inline-flex; } @@ -441,6 +449,7 @@ details.faq .body a { color: var(--green); } } @media (max-width: 560px) { section { padding: 64px 0; } + section[id] { scroll-margin-top: 24px; } .grid-mini { grid-template-columns: 1fr; } .shot-strip, .shot-strip.cols-2, .shot-strip.cols-3 { grid-template-columns: 1fr; } .hero-actions .btn { width: 100%; } diff --git a/docs/website/index.html b/docs/website/index.html index 50fb710..6cd6bc1 100644 --- a/docs/website/index.html +++ b/docs/website/index.html @@ -41,7 +41,7 @@ AI Coach Share Try it - Setup guide + Setup Guide Privacy FAQ Support @@ -233,11 +233,11 @@

See every momentum swing

-
Points graph filtered to the points you won.
+
Points graph filtered to the points you won.
Points you won — where you took control.
-
Points graph filtered to the points you lost.
+
Points graph filtered to the points you lost.
Points you lost — where it slipped away.
@@ -305,15 +305,15 @@

More inspiration than the coach you pay for

-
The generated coaching prompt, ready to paste into any AI app.
+
The generated coaching prompt, ready to paste into any AI app.
A ready-to-paste coaching prompt
-
Match statistics included in the AI export.
+
Match statistics included in the AI export.
Every stat, included automatically
-
The full point-by-point data table included in the AI export.
+
The full point-by-point data table included in the AI export.
The full point-by-point record
@@ -465,7 +465,8 @@

Curious how it feels? Try it now Stats AI Coach Share - Setup guide + Try it + Setup Guide Support Privacy GitHub diff --git a/docs/website/setup.html b/docs/website/setup.html index a62fa1a..9212134 100644 --- a/docs/website/setup.html +++ b/docs/website/setup.html @@ -32,9 +32,14 @@ DeuceMate
@@ -643,10 +648,17 @@

That's it — enjoy your tennis! 🎾

DeuceMate

© 2026 Ehsan Rahman · Drawings of App Store and Watch app screens are simplified illustrations. DeuceMate is not affiliated with Apple Inc.

diff --git a/docs/website/support.html b/docs/website/support.html index 7206323..a113e32 100644 --- a/docs/website/support.html +++ b/docs/website/support.html @@ -32,11 +32,15 @@ DeuceMate
Download — free @@ -174,10 +178,17 @@

Contact & feedback

DeuceMate

© 2026 Ehsan Rahman · Built with ❤️ for tennis players worldwide 🎾 · DeuceMate is not affiliated with Apple Inc. Apple, Apple Watch and the App Store are trademarks of Apple Inc.

diff --git a/docs/website/try.html b/docs/website/try.html index 464c908..b6fef35 100644 --- a/docs/website/try.html +++ b/docs/website/try.html @@ -35,9 +35,14 @@ DeuceMate
@@ -247,10 +252,17 @@

Like it? Take it to the court.

DeuceMate

© 2026 Ehsan Rahman · This browser demo is for fun — the Apple Watch app is the real scorer. DeuceMate is not affiliated with Apple Inc.

From 17f58f706b4e6ed84571caaa83a95c4830c7a5d6 Mon Sep 17 00:00:00 2001 From: Ehsan Rahman Date: Thu, 24 Sep 2026 10:23:45 +0100 Subject: [PATCH 2/2] docs: let the phone menu scroll when it is taller than the screen With nine items, the open menu is ~460px tall, so on a phone in landscape its last entries sat below the viewport with no way to reach them. Cap it at the space under the header and scroll it instead. Co-Authored-By: Claude Opus 5.5 --- docs/website/assets/site.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/docs/website/assets/site.css b/docs/website/assets/site.css index a43e9cd..d9d9399 100644 --- a/docs/website/assets/site.css +++ b/docs/website/assets/site.css @@ -435,6 +435,9 @@ details.faq .body a { color: var(--green); } position: absolute; top: 66px; left: 0; right: 0; background: rgba(8,11,10,.96); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); padding: 14px 22px 20px; + /* Short screens (a phone in landscape) can't fit every item: scroll the menu itself. */ + max-height: calc(100vh - 66px); max-height: calc(100dvh - 66px); + overflow-y: auto; overscroll-behavior: contain; } .nav.open .nav-links a { padding: 8px 0; width: 100%; font-size: 1.05rem; }