Mark
a001ac1de6
Fix comments UX regressions and HTMX/Turnstile behavior
...
CI / nightly-e2e (pull_request) Has been skipped
CI / deploy (pull_request) Has been skipped
CI / pr-e2e (pull_request) Successful in 1m32s
CI / ci (pull_request) Failing after 1m39s
- standardize comment and reply UI layout
- target replies with stable OOB container IDs
- remove stale empty-state on approved HTMX comments
- initialize Turnstile widgets after HTMX swaps
- add regression tests for empty-state, OOB targets, and reply form rerender
Refs #48
2026-03-04 11:46:15 +00:00
Mark
d0a550fee6
feat(comments): v2 — HTMX, Turnstile, reactions, design refresh
...
CI / nightly-e2e (pull_request) Has been skipped
CI / deploy (pull_request) Has been skipped
CI / ci (pull_request) Failing after 37s
CI / pr-e2e (pull_request) Failing after 2m58s
- Extract comment templates into reusable partials (_comment.html,
_comment_form.html, _comment_list.html, _reply_form.html, etc.)
- Add HTMX progressive enhancement: inline form submission with
partial responses, delta polling for live updates, form reset on
success, success/moderation toast feedback
- Integrate Cloudflare Turnstile for invisible bot protection:
server-side token validation with hostname check, fail-closed on
errors/timeouts, feature-flagged via TURNSTILE_SECRET_KEY env var
- Auto-approve comments that pass Turnstile; keep manual approval
as fallback when Turnstile is disabled (model default stays False)
- Add CommentReaction model with UniqueConstraint for session-based
anonymous reactions (heart/thumbs-up), toggle support, separate
rate-limit bucket (20/min)
- Add comment poll endpoint (GET /comments/poll/<id>/?after_id=N)
for HTMX delta polling without duplicates
- Update CSP middleware to allow challenges.cloudflare.com in
script-src, connect-src, and frame-src
- Self-host htmx.min.js (v2.0.4) to minimize CSP surface area
- Add django-htmx middleware and requests to dependencies
- Add Unapprove bulk action to Wagtail admin for moderation
- Extend PII purge command to anonymize reaction session_key
- Design refresh: neon glow avatars, solid hover shadows, gradient
section header, cyan reply borders, grid-pattern empty state,
neon-pink focus glow on form inputs
- Add turnstile_site_key to template context via context processor
- 18 new tests covering HTMX contracts, Turnstile success/failure/
timeout/hostname-mismatch, polling deltas, reaction toggle/dedup/
rate-limit, CSP headers, and PII purge extension
Closes #43
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com >
2026-03-03 22:52:59 +00:00
codex_a
1c7b96f723
feat: implement Tailwind CSS styling based on wireframe design
...
CI / nightly-e2e (pull_request) Has been skipped
CI / deploy (pull_request) Has been skipped
CI / ci (pull_request) Successful in 1m24s
CI / pr-e2e (pull_request) Failing after 3m21s
- Add brand colours, fonts (Space Grotesk/Inter/Fira Code), box shadows to tailwind.config.js
- Add bg-grid-pattern, text-gradient, scrollbar, selection styles to input.css
- Add Google Fonts link and dark-mode body classes to base.html
- Style nav, footer, cookie banner, newsletter form components
- Style homepage: featured article, 12-col editorial grid, sidebar widgets
- Style article list: header, tag filters, horizontal article cards, pagination
- Style article page: hero header, prose body, share sidebar, related cards, comments
- Style code blocks and callout blocks
- CSS output grows from 4.8KB to 24KB with all brand utilities compiled
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com >
2026-03-01 10:02:23 +00:00
