# QR Puzzle HTML Examples (5 standalone pages)
Below are five **separate, copy‑paste‑ready** HTML files. Save each snippet into its own file (matching the filename) and open in a browser. Each page gates a Shamir share until the mini‑puzzle is solved.
> **Note:** Replace the placeholder share values `(x, y)` with your real Shamir share for that QR. You can also change the puzzle text/answers easily inside each file.
---
## 1) `qr_riddle_gate.html` — Riddle → reveal share
```html
QR Riddle Gate → Reveal Share
Riddle Gate
Riddle: I speak without a mouth and hear without ears. I have nobody, but I come alive with wind. What am I?
```
---
## 2) `qr_math_gate.html` — Simple math check → reveal share
```html
QR Math Gate → Reveal Share
Math Check
Solve this: (7 × 9) − 8 = ?
```
---
## 3) `qr_caesar_gate.html` — Caesar shift → reveal share
```html
QR Caesar Gate → Reveal Share
Caesar Shift
Decode this by shifting each letter back by 3:
KHOOR
```
---
## 4) `qr_pattern_gate.html` — Pick the right shape → reveal share
```html
QR Pattern Gate → Reveal Share
Pick the shape with 3 sides
```
---
## 5) `qr_anagram_gate.html` — Unscramble the word → reveal share
```html
QR Anagram Gate → Reveal Share
Unscramble the word
TESLA
(Hint: a 5-letter English word)
```
---
### Optional niceties you can add
* Replace the **placeholder `SHARE`** with your real share.
* Add a **“Copy share”** button: `navigator.clipboard.writeText("(x=.., y=..)")`.
* After unlock, auto‑redirect back to your main Shamir demo with the share in the URL (query string or hash) so the page can pre‑select that player.
If you want, tell me which share belongs to which QR color and I’ll plug your real numbers into each file and wire up a redirect back into you