Skip to content

feat(incubator): strike complicit tech, highlight ethical alternatives in challenge question - #588

Merged
mohanadft merged 1 commit into
mainfrom
feat/challenge-question-marks
Oct 8, 2026
Merged

mohanadft merged 1 commit into
mainfrom
feat/challenge-question-marks

Conversation

@mohanadft

Copy link
Copy Markdown
Collaborator

Summary

Adds a static visual treatment to the October challenge question:

  • "complicit tech": a hand-drawn-style red strike (Palestinian flag red #ce1126, tilted −3°, scales with font size)
  • "ethical alternatives": Grove Green text with a pale green highlighter stroke

Applied in both places the question appears, via a shared component so they can't drift:

  • /monthly-challenge hero <h1>
  • Homepage challenge popup <h2>

Changes

  • src/data/challenge.ts: new questionParts array; challenge.question is now joined from it, so the meta description still gets the plain sentence
  • src/components/ChallengeQuestion.astro (new): renders the parts with the marks; scoped CSS only (no inline style="", CSP-safe)
  • HackathonPopup.astro drops its hardcoded copy and uses the component

Notes

  • Marks are decoration only (pseudo-element / background), so screen readers read the plain question
  • "complicit tech" is nowrap so the strike never splits across lines; the highlight uses box-decoration-break: clone so it survives wrapping
  • Red is scoped to this one mark, not a new general accent (DESIGN.md keeps Grove Green as the sole accent)

Test plan

  • /monthly-challenge hero shows the strike and highlight at desktop and mobile widths
  • Homepage popup heading shows the same treatment
  • Meta description on /monthly-challenge is the plain question
  • No CSP style violations in a preview deployment

🤖 Generated with Claude Code

…s in challenge question

Split the challenge question into questionParts and render it through a new
ChallengeQuestion component in the /monthly-challenge hero and the homepage
popup: a tilted red strike through "complicit tech" and a green highlighter
under "ethical alternatives". challenge.question is joined from the parts, so
the meta description keeps the plain sentence and the popup no longer
hardcodes its own copy.
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying website with  Cloudflare Pages  Cloudflare Pages

Latest commit: 93eaf56
Status: ✅  Deploy successful!
Preview URL: https://6ec766d2.website-aun.pages.dev
Branch Preview URL: https://feat-challenge-question-mark.website-aun.pages.dev

View logs

@mohanadft
mohanadft merged commit 0cb8704 into main Oct 8, 2026
5 checks passed
@mohanadft
mohanadft deleted the feat/challenge-question-marks branch October 8, 2026 10:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant