santhoshj/clawfort
1
0
Fork 0
Code Issues 64 Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
clawfort/openspec/changes/archive/2026-02-13-p13-usability-enhancements/tasks.md
Santhosh Janardhanan 679561bcdb
Some checks failed
quality-gates / lint-and-test (push) Has been cancelled
Details
quality-gates / security-scan (push) Has been cancelled
Details
First deployment
2026-02-13 09:14:04 -05:00

2.0 KiB
Raw Permalink Blame History

1. Homepage Metadata and Navigation

  • 1.1 Set homepage title to stable brand title (e.g., ClawFort AI News) and prevent latest-article overrides.
  • 1.2 Add footer Back to Top control with smooth scroll behavior.

2. Permalinks and Deep-Link Modal

  • 2.1 Add per-article permalink generation for hero and feed items.
  • 2.2 Add URL parsing on load to detect permalink article target.
  • 2.3 Open matching article modal automatically when permalink target is valid.
  • 2.4 Handle invalid/missing permalink targets safely without UI breakage.

3. Sharing and Footer Contact UX

  • 3.1 Add icon-only share actions for X, WhatsApp, and LinkedIn using article permalinks.
  • 3.2 Add env-driven footer GitHub link (GITHUB_REPO_URL) and contact email link (CONTACT_EMAIL).
  • 3.3 Implement randomized safe tooltip microcopy pool (~50 messages) for contact affordance.

4. Readability Improvements

  • 4.1 Apply minor typography and color-contrast refinements across reading surfaces.
  • 4.2 Add targeted Tamil/Malayalam readability tuning (font size/line-height/weight adjustments as needed).
  • 4.3 Verify updates preserve responsive behavior across mobile/tablet/desktop.

5. Error Experience

  • 5.1 Implement custom 404 page with prominent status code and safe playful "Oh no!" message.
  • 5.2 Implement custom 500 page with prominent status code and safe playful "Oh no!" message.
  • 5.3 Add curated safe message set and deterministic/randomized selection strategy.

6. Branding Asset

  • 6.1 Add AI-themed favicon asset to static files with proper licensing/attribution notes if required.
  • 6.2 Wire favicon reference in public page heads.

7. Validation

  • 7.1 Verify permalink deep-link opens correct modal and share links include correct URL.
  • 7.2 Verify footer controls (policy links, back-to-top, GitHub, email) across breakpoints.
  • 7.3 Verify Tamil/Malayalam readability changes in actual rendered content.
  • 7.4 Verify 404/500 pages render status code + safe playful message.
Reference in New Issue View Git Blame Copy Permalink