Skip to content

Resolve homepage accessibility, pond loading and verification issues - #90

Merged
openbotgit[bot] merged 14 commits into
masterfrom
fix/ready-homepage-issues
Nov 9, 2026
Merged

Resolve homepage accessibility, pond loading and verification issues#90
openbotgit[bot] merged 14 commits into
masterfrom
fix/ready-homepage-issues

Conversation

@openbotgit

@openbotgit openbotgit Bot commented Nov 9, 2026 •
edited
Loading

Copy link
Copy Markdown
Contributor

Description

Resolve the ready homepage issues while preserving the approved pondside direction. Add readable actions/captions, section navigation, Privacy, keyboard feeding, immediate Contact, four static project illustrations, paced reduced motion, deferred lightweight pond loading, and shared verification before any deploy.

Closes #78, closes #79, closes #80, closes #81, closes #82, closes #83, closes #84, closes #85, closes #86, closes #87, closes #89.

Refs #77: homepage first Tab already worked when reproduced; explicit main focus activation and regression coverage added. ConnectorMap's reproduced missing skip link is fixed in companion ConnectorMap PR #33. Keep #77 open until both land.

Refs #88: production response headers remain unresolved. Fresh GET/HEAD evidence and docs/security-headers.md describe the hosting decision; no host changes or fake _headers fix for GitHub Pages.

Type of Change

  • Bug fix
  • New feature
  • Documentation update

Testing

  • Type check and npm run lint
  • Production build
  • Pond suite: 54 tests, including new 60/120/144/240 Hz timing and asset failure tests
  • Desktop and 390/320 phone checks; illustration matrix also at 768
  • Keyboard first Tab / Enter to main and Feed fish in both views
  • npm audit --audit-level=high passes; seven existing moderate development dependency advisories remain

Full browser suite result: 48 tests passed on the combined production export.

The mobile world image is 106456 bytes versus 1449726 desktop, at unchanged dimensions. This is file size evidence, not a measured page speed or battery improvement. ASCII no longer requests unused raster assets. Existing CSP and fish interaction paths are retained; reduced timing is corrected as requested. Renderer initialization starts after two animation frames. The keyboard feed chooses valid water outside opaque foreground panels.

Judgement calls and limits

  • Illustrations are a proposed style for Lu to judge, not product screenshots, video placeholders, or claimed live previews. Four static inline SVGs use existing palette tokens and no dependencies; decorative artwork is hidden from assistive technology because adjacent copy identifies each project.
  • Add production security headers (frame-ancestors, HSTS, nosniff) #88: decide whether to configure the existing Cloudflare edge with validated headers/HTTPS coverage, migrate hosting, or accept the documented gap. Framing, nosniff and HSTS production acceptance has not been achieved. Do not close Add production security headers (frame-ancestors, HSTS, nosniff) #88 as fixed.
  • No physical touchscreen, screen reader, high refresh GPU/battery profiling, merge, or production deployment. CI execution is reported below separately from local verification; billing may prevent Actions from starting.
  • Thirteen issue commits, plus one verification-only followup fixing a CI-only cached-image test race without rewriting pushed history. Before evidence is live master 3294974 on 9 Nov; after evidence is the local production export. The home skip-link failure did not reproduce; ConnectorMap's did.

CI status: passed on head 51e6c7e5fc90a81257d65fb7e7a50b6f36b7fec9: full verification run. Audit, lint, all 54 pond tests, production build and all 48 browser tests passed. The cached-image check releases late deferred imports and waits for observable hydration instead of unrelated network traffic.

Screenshots

All images below are committed evidence served by GitHub, not localhost URLs. Full cause/fix matrix: verification notes.

Hero actions, captions and feeding
Width / view Before After
1440px hero Before 1440 hero After 1440 hero
390px hero Before 390 hero After 390 hero
320px hero Before 320 hero After 320 hero
Navigation, Contact and footer
Width / view Before After
1440px contact Before 1440 contact After 1440 contact
390px contact Before 390 contact After 390 contact
320px contact Before 320 contact After 320 contact
Work labels
Width / view Before After
1440px work Before 1440 work After 1440 work
390px work Before 390 work After 390 work
320px work Before 320 work After 320 work
Four proposed illustrations
Width / view Before After
1440px rakazo Before 1440 rakazo After 1440 rakazo
1440px linux-sonar Before 1440 linux-sonar After 1440 linux-sonar
1440px homebot Before 1440 homebot After 1440 homebot
1440px connectormap Before 1440 connectormap After 1440 connectormap
768px rakazo Before 768 rakazo After 768 rakazo
768px linux-sonar Before 768 linux-sonar After 768 linux-sonar
768px homebot Before 768 homebot After 768 homebot
768px connectormap Before 768 connectormap After 768 connectormap
390px rakazo Before 390 rakazo After 390 rakazo
390px linux-sonar Before 390 linux-sonar After 390 linux-sonar
390px homebot Before 390 homebot After 390 homebot
390px connectormap Before 390 connectormap After 390 connectormap
320px rakazo Before 320 rakazo After 320 rakazo
320px linux-sonar Before 320 linux-sonar After 320 linux-sonar
320px homebot Before 320 homebot After 320 homebot
320px connectormap Before 320 connectormap After 320 connectormap
Dark mode illustrations

Dark 1440px

Dark 768px

Dark 390px

Dark 320px

@luinbytes
Ensure skip activation focuses main and verify keyboard entry (#77)
16826ae
@luinbytes
Keep phone hero actions readable and clearly interactive (#78)
83ea0c1
@luinbytes
Track the visible section in the homepage navigation (#79)
4d7a65a
@luinbytes
Link the privacy policy from the homepage footer (#80)
fc31102
@luinbytes
Give each featured project a lightweight pondside illustration (#81)
10d804f
@luinbytes
Offer a keyboard feed action using the existing food drop path (#84)
6920a40
@luinbytes
Show contact immediately on scroll and anchor arrival (#86)
de73295
@luinbytes
Make small captions readable at twelve pixels (#87)
bd9cba5
@luinbytes
fix: pace reduced motion ASCII frames without inflating time (#82)
61a748b
@luinbytes
fix: initialize ASCII without unused raster assets or hit map (#83)
ac72150
@luinbytes
Defer pond initialization until after paint and reduce mobile texture…
63bbe85 
… bytes (#85)
@luinbytes
Gate Pages deployment on shared exact SHA verification (#89)
9ec7c04
@luinbytes
Document public header gap and achievable hosting policy (#88)
f9aa4d7
@luinbytes
Release late deferred imports in the cached image browser check
51e6c7e
@openbotgit
openbotgit Bot merged commit 7cfa8a7 into master Nov 9, 2026
2 checks passed
@luinbytes
luinbytes deleted the fix/ready-homepage-issues branch November 9, 2026 16:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment