justinsforge.com Home Redesign, Findings + Preview, 2026-06-12¶
URL: https://mkdocs.justinsforge.com/memory/handoffs/justinsforge-home-redesign-findings-2026-06-12/
Status: DEPLOYED 2026-06-12, Justin approved after one revision round. Live at https://justinsforge.com.
Deploy mechanics (for future edits)¶
Nginx on Console serves sites/justinsforge.com/landing/ straight from the repo (/etc/nginx/sites-enabled/justinsforge-games.conf, port 8100, behind the CF tunnel). Editing landing/index.html in place IS the deploy; no reload needed. The redesign was built at a sibling landing-v2/ to honor the preview gate (served on a throwaway http.server port), then copied over on approval and the v2 dir removed. Reuse that pattern for any future home-page revision that needs a preview gate.
What changed¶
Direction: command-deck. Same Forge identity (pixel logo, gold), sharper execution.
| Area | Before | After |
|---|---|---|
| Layout | 760px single column, long scroll | 1080px multi-column desktop, 2-col compact mobile grid |
| Icons | Emoji, inconsistent rendering per platform | Inline SVG sprite, 31 stroke icons, gold-tinted badge per tile |
| Quickbar | Static pill bar duplicating tiles below | Pinned chip row (scroll-snap on phone) + type-to-filter bar; / focuses filter, Esc clears |
| Tile maintenance | Hand-edit HTML blocks | Single SERVICES JS array, one object per tile; sections, pins, and filter all render from it |
| Type | DM Sans body | Chakra Petch UI + IBM Plex Mono metadata; Press Start 2P wordmark kept, now hot-metal gradient |
| Atmosphere | Drifting glow | Drifting ember glows + hairline blueprint grid + grain, numbered section heads (01 BRAIN ... 11 BRANDS), staggered load reveal (capped 520ms, reduced-motion safe) |
Inventory preserved 1:1: Operations 11, Home 2, Automation 2, Studio 2, Dashboards 6, Money 3, Brain (Tasks + Knowledge base tiles, 8 mkdocs chips, Today's log still date-dynamic), Capture inbox row, Games, Family hub, Brands 4. PWA bits (manifest, apple-touch, theme-color) kept; asset paths now relative so the page works in preview and production.
Revision after Justin's first review (same day): blinking cursor removed; Tasks hero and Brain/mkdocs hero demoted to regular tiles; page now leads with Operations and Brain renders below Money (07). Tasks stays one tap away as the first pinned chip.
Adding a future subdomain tile (feedback_new_subdomain_links_home.md) is now one line: append { group, name, desc, url, icon, pin } to SERVICES in index.html; instructions are in a comment at the top of the file.
Screenshots¶
- Before:
logs/site-screenshots/home-before-desktop.png,home-before-mobile.png - After:
logs/site-screenshots/home-v2-desktop.png,home-v2-mobile.png
Noted option, not built (pass 1)¶
Per-tile online/offline status dots. Cheapest path: Uptime Kuma already external-checks the public sites; a status page JSON poll (or a tiny endpoint on the dashboard CT) could feed a data-status attribute per tile. Tile layout already accommodates a dot. Decide after the look is approved.
[Claude Code, Web Builder session]