Skip to content

site: copy-friendly code/bibtex blocks + add leaderboard /cite page#25

Merged
radinhamidi merged 1 commit into
mainfrom
site/code-block-copyability
May 20, 2026
Merged

site: copy-friendly code/bibtex blocks + add leaderboard /cite page#25
radinhamidi merged 1 commit into
mainfrom
site/code-block-copyability

Conversation

@radinhamidi
Copy link
Copy Markdown
Member

@radinhamidi radinhamidi commented May 20, 2026

Summary

Three small UX fixes across the marketing site (querygym.com) and the leaderboard (leaderboard.querygym.com):

1. CodeBlock no longer horizontally scrolls. Long lines wrap inside the box (whitespace-pre-wrap break-words) so visitors don't have to scroll a small panel to read a single line. Affects the home "Try it in 30 seconds" snippets and every other CodeBlock usage.

2. CitationCard is copy-friendly. BibTeX is now visible by default (no longer hidden behind a <details> collapse), has a dedicated copy button, and wraps long entries instead of scrolling. Visitors can grab a citation in one click. Affects /cite/ on the marketing site.

3. Leaderboard gains a /cite/ page mirroring the marketing one, with copy-friendly BibTeX cards for both papers. Added to the leaderboard's top nav. The old Papers section on /about/ now links to /cite/ instead of duplicating the content.

4. Plumbing: the leaderboard's global.css picks up the two .qg-pill / .qg-card utility classes the new CitationCard relies on (previously defined only on the marketing site).

Test Plan

  • pnpm -F @qg/site build — clean (6 pages).
  • pnpm -F @qg/leaderboard build — clean (1095 pages).
  • After merge: verify on querygym.com/cite/ (BibTeX visible, copy works, no horizontal scroll), querygym.com/ (snippet wraps), leaderboard.querygym.com/cite/ (new page renders).

🤖 Generated with Claude Code

Three small UX fixes across both sites:

1. CodeBlock (marketing + leaderboard): drop the horizontal scrollbar.
   `overflow-x-auto` becomes `whitespace-pre-wrap break-words` so long
   lines wrap inside the box instead of forcing the user to scroll.

2. CitationCard: BibTeX is shown by default (no longer behind a
   <details> collapse), gets a "copy" button, and wraps long entries
   instead of horizontal-scrolling. One click to copy.

3. Leaderboard /cite/: new page mirroring the marketing site's /cite/,
   with copy-friendly BibTeX cards for both papers. Added to the
   leaderboard's top nav. /about/ no longer duplicates the Papers
   section — it links to /cite/ instead.

4. Leaderboard global.css picks up the .qg-pill / .qg-card utility
   classes the new CitationCard depends on.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@radinhamidi radinhamidi merged commit 359baec into main May 20, 2026
3 checks passed
@radinhamidi radinhamidi deleted the site/code-block-copyability branch May 20, 2026 05:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant