homepage: attribute testimonials and add 15 more from GitHub (#2814)

* homepage: attribute testimonials and add 15 more from GitHub

The "User feedback" section listed six unattributed quotes. Each card now
carries a source line linking back to the original post, and fifteen new
quotes from the project's GitHub issues and discussions were added,
credited by username.

The six existing quotes are from the Show HN thread; one was traced to its
individual comment permalink, the rest link to the thread itself.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016foVXgrVztL2X3hxpfFFvT

* homepage: name every testimonial source, add press and video quotes

The six Show HN quotes are now credited to the HN users who wrote them,
each linking to its own comment permalink rather than the thread. Two of
them were spliced or reordered from the original wording; they now match
what was actually posted.

Adds four quotes from coverage outside the issue tracker: DistroTube and
Awesome Open Source on YouTube, Make Tech Easier, and Linuxiac.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016foVXgrVztL2X3hxpfFFvT

* homepage: add X posts and the It's FOSS review to testimonials

Fazt (@FaztTech) and Miguel Ángel Durán (@midudev) both posted about
Fresh in Spanish; their quotes are translated, and the source line says
so. Also adds Sourav Rudra's It's FOSS review, which the It's FOSS
account had linked from X.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016foVXgrVztL2X3hxpfFFvT

* homepage: add Paul Bettner's testimonial

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016foVXgrVztL2X3hxpfFFvT

* homepage: link the testimonials section from the nav

The section had no id and no entry in either nav, so there was no way to
reach it from the top of the page. Adds a "Testimonials" link to both the
desktop nav and the hamburger menu, and renames the heading to match.

Seven nav items no longer fit under ~980px. The nav row was overrunning
the viewport there, and since body sets overflow-x: hidden the GitHub
button was being clipped silently rather than scrolled to — so the nav
now collapses into the hamburger menu below 980px instead of 768px. That
also fixes a smaller pre-existing clip at 800px.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016foVXgrVztL2X3hxpfFFvT

* homepage: fix mobile menu clipping, narrow-viewport overflow, layout shift

Pre-existing issues found while checking the responsive layout:

- The hamburger menu capped itself at max-height: 400px with overflow
  hidden, but its content is 485px tall, so the GitHub link (and now
  Discord) were unreachable on every phone. It now sizes to the viewport
  and scrolls if it ever needs to.
- The three auto-fit grids used a fixed track minimum, so each card was
  wider than the viewport below ~330px and pushed the page sideways.
  minmax(min(Npx, 100%), 1fr) lets the track shrink instead.
- The shell snippets contain unbreakable command lines that overran the
  page on narrow screens; they scroll within their own block now.
- The screenshots carried no intrinsic dimensions, so the page reflowed
  as they loaded and in-page anchors landed hundreds of pixels off the
  mark. Adding width/height (with height: auto so the aspect ratio still
  comes from CSS) makes #anchor links land exactly. Below-the-fold
  screenshots are lazy-loaded.
- The hamburger button exposed no state to assistive tech; it now sets
  aria-controls and toggles aria-expanded.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016foVXgrVztL2X3hxpfFFvT

* homepage: add both Reddit threads, order testimonials by strength

Adds 14 quotes from r/commandline (53 comments) and r/CLI (485 upvotes,
71 comments), each credited to its author with a comment permalink.

The wall was in no particular order. It now leads with the quotes that
carry the most weight — either a name readers will recognise or a large
audience behind it, or sheer force of reaction — and tapers to the
briefer notes. 43 quotes across GitHub, Hacker News, Reddit, X, YouTube
and press.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016foVXgrVztL2X3hxpfFFvT

* homepage: collapse the testimonial wall behind a show-all toggle

43 quotes ran to roughly a third of the page. The first 15 — the
strongest, since the wall is already ordered that way — stay visible and
the rest sit behind a button, taking the section from 4835px to 2131px.

Every quote stays in the markup; the extras are hidden in CSS and a
<noscript> block reveals them and drops the button, so a reader without
JavaScript still gets all 43 and search engines still index them. The
button reports its own count from the DOM so it cannot drift, and
collapsing scrolls back to the section heading.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016foVXgrVztL2X3hxpfFFvT

---------

Co-authored-by: Claude <noreply@anthropic.com>

Author: sinelaw