diff --git a/paula-escape/.gitignore b/paula-escape/.gitignore deleted file mode 100644 index 6f7a6bd..0000000 --- a/paula-escape/.gitignore +++ /dev/null @@ -1 +0,0 @@ -.playwright-mcp/ diff --git a/paula-escape/background.jpg b/paula-escape/background.jpg deleted file mode 100644 index 22f9342..0000000 Binary files a/paula-escape/background.jpg and /dev/null differ diff --git a/paula-escape/escape_room.html b/paula-escape/escape_room.html deleted file mode 100644 index 91f96a1..0000000 --- a/paula-escape/escape_room.html +++ /dev/null @@ -1,1135 +0,0 @@ - - - - - -Escape Room Matematic — Drumul lui Nică prin Humulești - - - - -
-
- Harta Humulești - - - -
- -
-
-
Drumul lui Nică prin Humulești
-
Click pentru a începe aventura!
-
-
-
- - -
- - - -
-

💡 Folosești un indiciu?
Costă 1 ❤️

-
- - -
-
- - -
-
-
Ați rămas fără inimi!
-
Nu vă faceți griji,
puteți încerca din nou.
- -
-
- - -
-
-
Felicitări!
-
-
-
Ați descoperit toate secretele
drumului lui Nică prin Humulești!
-
- - -
-
-
- - - - - \ No newline at end of file diff --git a/paula-escape/spec.md b/paula-escape/spec.md deleted file mode 100644 index 0bbef5f..0000000 --- a/paula-escape/spec.md +++ /dev/null @@ -1,77 +0,0 @@ -## Context - -Sunt profesor de matematică, clasa a 7-a. Am o lecție deschisă cu inspecție și vreau un **Escape Room Matematic** interactiv, afișat pe proiector, bazat pe tema "Drumul lui Nică prin Humulești" (Ion Creangă). - -## Imaginea de fundal - -Am o imagine ilustrată (`background.jpg` — se află în directorul curent) care reprezintă o hartă a Humulestilor cu 6 provocări/stații numerotate: - -1. **La cireșe** — Nică a cules 36 de cireșe. Câte a mâncat și câte i-au rămas? -2. **La pupăză** — Nică vede pupeze și capre. 20 animale, 56 picioare. Câte sunt din fiecare? -3. **La scăldat** — Băieții din Humulești sunt cu 6 mai mulți decât cei din satul vecin. Total 22. Câți din fiecare sat? -4. **La școală** — 24 exerciții de matematică și citire. Cele de matematică sunt de 2 ori mai multe. Câte de fiecare? -5. **În curte** — Pupeze și capre. 22 animale, 56 picioare. Câte din fiecare? -6. **La târg** — 30 fructe: mere și nuci. Merele sunt cu 6 mai multe decât nucile. Câte din fiecare? - - -## Ce vreau - -Un singur fișier `escape_room.html` (imaginea de fundal encodată base64 inline) care: - -### Funcționalitate -- Ecran de start → este chiar imaginea de background, cu un mesaj: "click pentru a începe" -- Imaginea e fundalul full-screen (100vw × 100vh, cover) -- VREAU sa nu se vada initial provocarile deja scrise, ci sa fie acoperite initial, si sa se descopere pe masura ce se raspunde corect. -- Markerele trebuie să fie zone clickabile invizibile/subtile poziționate PESTE cifrele roșii existente din imagine -- La click pe o zonă → se deschide un modal/popup cu: - - Titlul provocării - - Textul problemei (CONCIS — nu verbose, exact textul din problema.) - - Buton "💡 Indiciu" care la click arată ecuația/sistemul de ecuații sau un ajutor pentru descoperire - - 4 variante de răspuns (A, B, C, D) — scurte, cu notație matematică (ex: `m = 24, r = 12`) scrise clar, in stilul kahoot -- La răspuns corect → feedback scurt "Bravo!" → se închide automat → markerul devine verde cu ✓ si problema ramane vizibila -- La răspuns greșit → feedback "Mai gândiți-vă!" → se poate încerca din nou -- Sa aiba si un sistem de vieti - 5 inimioare - cate una pentru fiecare raspuns gresit sau pentru hint folosit -- Bara de progres + steluțe (6 steluțe, una per provocare) -- La final (toate 6 rezolvate) → ecran de victorie cu confetti -- ESC închide modalul - -### Design -- Trebuie să arate PROFESIONAL pe proiector (1920×1080 sau 1366×768) -- Imaginea de fundal trebuie să rămână curată, neacoperită de elemente inutile -- Modalul: stil pergament/carte veche, fonturi frumoase (Playfair Display + Nunito sau similar) -- Animații subtile, nu distrag — sparks la rezolvare, confetti la final -- Responsiv dar optimizat pentru landscape/proiector - -### Ton -- E pentru copii de clasa a 7-a, trebuie să fie cald, prietenos -- Nu excesiv de colorat sau agitat — e lecție cu inspecție, trebuie echilibru între fun și profesionalism - -## Proces de lucru - -**IMPORTANT**: Înainte de a scrie cod, întreabă-mă: - -1. **Despre pozițiile markerelor** — arată-mi coordonatele propuse (top%, left%) și confirmă cu mine dacă se potrivesc peste cifrele din imagine -2. **Despre formularea problemelor** — propune textul pentru fiecare problemă și variantele A/B/C/D și lasă-mă să le ajustez -3. **Despre designul modalului** — descrie-mi cum va arăta și întreabă dacă vreau altceva -4. **Despre orice decizie creativă** — nu presupune, întreabă - -După ce avem totul confirmat, scrie codul. După prima versiune, deschide fișierul și arată-mi screenshot, apoi întreabă ce trebuie ajustat. - -## Structura fișierelor - -``` -proiect/ -├── background.jpg # imaginea originală (deja existentă) -└── escape_room.html # output-ul final (un singur fișier, base64 inline) -``` - -## Verificări finale - -Înainte de a considera proiectul gata: -- [ ] Deschide fișierul în browser și verifică vizual -- [ ] Testează fiecare provocare (click, răspuns corect, răspuns greșit) -- [ ] Verifică ecranul de victorie -- [ ] Confirmă că nu sunt elemente vizuale care acoperă textul din imagine -- [ ] Confirmă că markerele sunt poziționate corect -- [ ] Testează ESC pentru închidere modal -- [ ] Verifică că fișierul funcționează standalone (fără dependențe externe în afară de Google Fonts) \ No newline at end of file