More games on the way
Check back soon — the pipeline has a few ideas brewing.
Command-Line CTF
Simulated terminal challenges — find flags using Linux, bash, and common security tools.
Network Topology Builder
Drag-and-drop network design game — build secure architectures against a threat scenario.
Flashcard Drills
Rapid-fire flashcards for certifications — CompTIA Security+, CISSP, SC-300, and more.
Log Analysis Challenge
Spot the attack in a stream of simulated log lines — SIEM analyst training.
How to add a new game
Create a folder under games/
Name it the URL slug you want — e.g. games/ctf/ becomes games.suhailbytheriver.com/ctf. Add an index.html inside.
Match the shared design system
Copy the :root CSS variables and the <nav> block from any existing game. Use Inter (body) and Fraunces (headings) with font-weight: 300. Add a back link to ../ in the nav.
Pick an accent colour for your game
Each game has its own --accent: Jigsaw uses gold #c9a96e, Cybersecurity uses green #00c896, IAM uses blue #0078D4. Pick something distinct.
If it's an MCQ game, use the shared quiz engine
Copy cybersecurity/index.html as a starting point. Change --accent, the category list in CAT_LABELS, and the title. Provide a questions.json in the same folder following the format {"id":N,"cat":"…","diff":"easy|medium|hard","q":"…","o":["A","B","C","D"],"a":0,"exp":"…"}.
Register the game in games/index.html
Add a <a href="gameslug/" class="game-card"> block with your accent colour as --card-accent. Copy the card structure from an existing entry.
Push to GitHub — Cloudflare Pages deploys automatically
Run git add games/ && git commit -m "add [game name]" && git push. Cloudflare Pages picks up the push and deploys in ~1 minute. No build step needed — everything is static HTML.
Remove this game from the Coming Soon card
Once your game is live, update the "More Games" card in games/index.html and remove its listing from the pipeline above if it was listed there.