Add the promo video to the website and restyle it to match

[offyotto]

Summary

• Tour video: a 15-second promo sits right below the hero, in a new "Tour" section with a nav link.
  • docs/videos/core-monitor-tour.mp4: H.264, BT.709, fast start, no audio, 2.2 MB.
  • docs/images/site/core-monitor-tour-poster.jpg: the poster frame.
  • Playback: muted while in view. With reduced motion it waits on the poster. After a manual pause it stays paused.
• Restyle to match the app and the video:
  • System font (SF Pro / SF Mono on Apple devices).
  • Flat light and dark backgrounds, with no gradients.
  • Rounded cards and pill buttons.
  • MetricTint colors: system blue for actions, thermal orange, cooling teal.
  • The self-hosted Bricolage Grotesque and Spline Sans Mono fonts are removed.
• Copy cuts:
  • The use-case section ("Where people actually reach for it").
  • The hero and gallery captions.
  • The gallery scroll hint.
  • The compare-table caption.
• Fixes:
  • 404.html and manifest.webmanifest still used /Core-Monitor/ paths. Those paths return 404 on xnu.is-a.dev, so the 404 page had no styles.
  • The install heading still counted the removed Mac App Store edition.
• Structured data: adds a VideoObject entry.

Checks

• Checked in a local preview at desktop and mobile widths, in light and dark mode. No horizontal overflow.
• The video autoplays muted once it is in view.
• No background-image gradients are left on the page.
• The JSON-LD parses, and the HTML tags in index.html and 404.html close correctly.
• Button text contrast: white on #0071E3 is 4.7:1. Link colors pass AA on both backgrounds.

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: f757a7da70

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

✅ All code review findings resolved.

_{Configure merge blocking}

[gitar-bot]

Gitar has auto-approved this PR (configure)

[gitar-bot]

Code Review ✅ Approved 1 closed / 1 findings

🟡 Medium risk · Adds viewport-triggered video playback and changes the site's installed-app scope.

Adds a 15-second tour video below the hero with muted autoplay and reduced-motion support, alongside a comprehensive restyle to flat backgrounds, system fonts, and MetricTint colors. Resolves the 404 page GitHub links that were dropping the repo name and returning 404 on the custom domain. No issues found.

Auto-approved: No blocking issues found.
Please see Auto-approve Docs for details on setting custom approval criteria.

✅ 1 closed

✅ Bug: 404 page GitHub links drop the repo name and lead to a 404

📄 docs/404.html:24 📄 docs/404.html:48
The /Core-Monitor/ path cleanup also removed Core-Monitor/ from two absolute GitHub URLs. The Download button now points to https://github.com/offyotto/releases/latest/download/Core-Monitor.dmg and the footer Releases link to https://github.com/offyotto/releases/latest. Both paths skip the repository segment, so GitHub returns 404. That leaves the 404 page's main download action broken. Put Core-Monitor/ back in both URLs, the same way index.html writes them.

Review coverage

🤖 Auto-approval Approved

📋 Rules No rules evaluated

🧪 Functional validation Not enabled · Set up

Options

Auto-apply is off → Gitar will not commit updates to this branch.
Display: compact → Counting what did not apply, without listing it.

Comment with these commands to change the behavior for this request:

Auto-apply	Compact
gitar auto-apply:on	gitar display:verbose

_{Was this helpful? React with 👍 / 👎 | Powered by Gitar — free for open source}