Nathan Esquenazi 423bedbfc3 docs: redesign GitHub Pages site with screenshots, updated content, and visual polish (#262)
* docs: redesign GitHub Pages site with screenshots, updated content, and visual polish

- Add Web UI screenshot gallery with 5 images from README (hero + 4 thumbnails)
- Add clickable lightbox for full-size screenshot viewing
- Add "Who is Hermes for" section with 5 persona cards from HERMES.md
- Update all comparison content from HERMES.md PR #261 (accurate mid-2026 data)
- Update competitor details: Claude Code 26-event hooks, Cursor v3.0/Automations,
  ChatGPT Agent Mode, Claude Cowork scheduling, OpenClaw 24+ platforms
- Add subtle grid pattern background to hero section
- Add gradient text effect on hero accent
- Add gradient top-border animation on pillar card hover
- Add convergence left-border accent callout
- Dark theme stays default; light theme polished
- Fix theme toggle: moon icon in dark mode, sun in light mode
- Add proper meta tags: og:image, twitter:card, theme-color, favicon, canonical URL
- Add Google/Gemini to LLM providers list
- Add voice input and mobile responsive to Web UI feature checklist
- Nav now includes "Who it's for" section link
- All responsive breakpoints updated for new sections

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* fix: resolve all image, light-mode, and regression issues from PR #262

Image fixes:
- All 5 screenshot images were broken or using private GitHub auth-gated
  user-attachments URLs. Downloaded and committed all images locally:
  images/ui-hero.png, images/ui-light-mode.png, images/ui-settings.png,
  images/ui-workspace.png, images/ui-sessions.png
- Fixed 4 gallery thumbnails to use unique images (was duplicating light-mode)
- og:image and twitter:image updated to absolute URLs for social card crawlers

Light mode code block fix (re-applied from previous gh-pages work):
- PR was branched from pre-fix state, so light-mode code block bug returned
- Code blocks always use dark bg (#0d1117) in both themes
- [data-theme=light] .code-wrap override now correctly stays at #0d1117
- setTheme() no longer switches hljs to github.min.css (caused dark-on-dark)
- code-header, copy-btn, code-lang use fixed dark-bg colors, not var(--text-muted)
  which resolves to near-white in dark mode and near-black on dark backgrounds

Theme toggle emoji:
- Was using &#9790; / ☾ (Unicode text crescent, renders as thin line)
- Now using 🌙 (proper moon emoji) for dark mode display

Grid overflow fix (re-applied):
- .webui-layout > * { min-width: 0 } re-applied
- .install-layout > * { min-width: 0 } re-applied
- Without this, <pre> code blocks in grid columns force columns beyond container

Comparison section (re-applied from previous gh-pages work):
- 4 comparison cards made clickable with onclick, role=link, card-arrow
- 8 compare-pill links to deep-dive pages added below head-to-head section
- Keyboard navigation (Enter/Space) for clickable cards
- Removed duplicate compare-more block and keyboard handler (applied twice due
  to PR being based on pre-fix gh-pages)

---------

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-11 16:22:50 -07:00
S
Description
Languages
Python 72.3%
JavaScript 22.4%
CSS 3.2%
HTML 1.6%
Shell 0.4%
Other 0.1%