Kid mode 🧒

This page is HTML health: reachable everywhere,and the images are back.. It is one of the projects Brandon built and put online. The grown-up details are below, tap Grown-up mode to read them the normal way.

drwu-htmls · maintenance

HTML health: reachable everywhere,
and the images are back.

Some pages were live on Vercel but had no link, so they only “existed” on the one Mac that knew the path. Forty real chat screenshots were hidden, and the empty slots looked broken. Here is what was wrong and what changed.

Phase 1

Diagnose

Audited every dashboard: linked? live? Found orphaned pages, a stale chats deploy, and screenshots on disk that weren’t being shown.

Phase 2

Fix

Linked loose pages, auto-detect screenshots by filename, animated the empty slots, and bumped the Recent Styled description font.

Phase 3

Ship

Regenerated the landing index and chats board, then deployed to Vercel so every fix is reachable on the phone and the other Mac.

What was broken

Five distinct problems, all fixed at the generator level so they stay fixed.

Orphaned → linked

Recent Styled was live but unreachable

dashboard_recents_styled.html shipped to Vercel, but the landing index only auto-links folders — loose root pages got no card, so there was no way to open it from a phone. The index generator now surfaces loose .html files too. Recent Styled (and 2 other loose pages) now have cards.

60 → 87 cards

~14 newer dashboards were never linked

The landing index hadn't been rebuilt, so recent folders were live but invisible. Rebuilt: 60 → 87 cards.

6 → 46 images

40 real chat screenshots were hidden

All 46 product screenshots live in chats/img/ named <cid>.png, but chat_descriptions.json had lost 40 of the mappings, so only 6 showed. The board now auto-detects img/<cid>.png by filename, so every screenshot surfaces and it self-heals as new ones land.

static → animated

438 empty slots looked broken

Cards with no screenshot yet showed a flat static tile. They now render animated placeholders (the “guest features”) — bouncing notes, pumping bars, a filling scrub bar, a light sweep — keyed to each chat’s product type, until a real screenshot replaces them.

13.5px → 16px

Recent Styled description font too small

Bumped the description box from 13.5px → 16px (and the secondary lines up too) for readability on the phone.

The animated placeholders

Live from the same code the chats board uses (make_thumb). Each empty card slot shows one of these until a real screenshot drops into chats/img/<cid>.png.