42 lines
2.0 KiB
Markdown
42 lines
2.0 KiB
Markdown
## 1. Homepage Metadata and Navigation
|
|
|
|
- [x] 1.1 Set homepage title to stable brand title (e.g., `ClawFort AI News`) and prevent latest-article overrides.
|
|
- [x] 1.2 Add footer `Back to Top` control with smooth scroll behavior.
|
|
|
|
## 2. Permalinks and Deep-Link Modal
|
|
|
|
- [x] 2.1 Add per-article permalink generation for hero and feed items.
|
|
- [x] 2.2 Add URL parsing on load to detect permalink article target.
|
|
- [x] 2.3 Open matching article modal automatically when permalink target is valid.
|
|
- [x] 2.4 Handle invalid/missing permalink targets safely without UI breakage.
|
|
|
|
## 3. Sharing and Footer Contact UX
|
|
|
|
- [x] 3.1 Add icon-only share actions for `X`, `WhatsApp`, and `LinkedIn` using article permalinks.
|
|
- [x] 3.2 Add env-driven footer GitHub link (`GITHUB_REPO_URL`) and contact email link (`CONTACT_EMAIL`).
|
|
- [x] 3.3 Implement randomized safe tooltip microcopy pool (~50 messages) for contact affordance.
|
|
|
|
## 4. Readability Improvements
|
|
|
|
- [x] 4.1 Apply minor typography and color-contrast refinements across reading surfaces.
|
|
- [x] 4.2 Add targeted Tamil/Malayalam readability tuning (font size/line-height/weight adjustments as needed).
|
|
- [x] 4.3 Verify updates preserve responsive behavior across mobile/tablet/desktop.
|
|
|
|
## 5. Error Experience
|
|
|
|
- [x] 5.1 Implement custom 404 page with prominent status code and safe playful "Oh no!" message.
|
|
- [x] 5.2 Implement custom 500 page with prominent status code and safe playful "Oh no!" message.
|
|
- [x] 5.3 Add curated safe message set and deterministic/randomized selection strategy.
|
|
|
|
## 6. Branding Asset
|
|
|
|
- [x] 6.1 Add AI-themed favicon asset to static files with proper licensing/attribution notes if required.
|
|
- [x] 6.2 Wire favicon reference in public page heads.
|
|
|
|
## 7. Validation
|
|
|
|
- [x] 7.1 Verify permalink deep-link opens correct modal and share links include correct URL.
|
|
- [x] 7.2 Verify footer controls (policy links, back-to-top, GitHub, email) across breakpoints.
|
|
- [x] 7.3 Verify Tamil/Malayalam readability changes in actual rendered content.
|
|
- [x] 7.4 Verify 404/500 pages render status code + safe playful message.
|