# Navigarea atlasului de imagini

Modelul de organizare urmează indexul HTML Applied GenAI Atlas v2.5 furnizat: întrebări, parcurs principal, blocuri de ore și catalog. Conținutul este adaptat exclusiv la cele 51 de imagini selectate.

## Deschidere și mutare

Extrage tot ZIP-ul. Deschide [index.html](../index.html) într-un browser actual. Poți muta întregul folder pe alt calculator sau îl poți copia pe un site static, păstrând structura. Nicio imagine nu este descărcată din internet.

## Trasee

- **Nu știu dacă merită sau ce să aleg**: 5 imagini.
- **Nu îmi găsesc informația**: 7 imagini.
- **Vreau să construiesc — cum arată sistemul**: 14 imagini.
- **Merge, dar nu am încredere**: 7 imagini.
- **Câtă autonomie îi pot da unui agent?**: 7 imagini.
- **Merge, dar costă sau e lent**: 4 imagini.
- **Nimeni nu îl folosește**: 6 imagini.
- **Trebuie predat altcuiva**: 1 imagini.
- **Orele 1–2 · Fundația**: 7 imagini.
- **Orele 3–4 · Cum se construiește**: 8 imagini.
- **Orele 5–6 · Surse și execuție**: 8 imagini.
- **Orele 7–8 · Încredere**: 8 imagini.
- **Orele 9–10 · Cine decide**: 11 imagini.
- **Orele 11–12 · Proiectul**: 9 imagini.
- **Parcursul cursului**: 24 imagini.
- **Toate imaginile**: 51 imagini.

Organizarea pe ore este orientativă și extinde structura de navigare din referință. Orele individuale consemnate inițial în manifest rămân repere pedagogice; repartizarea din meniu nu reprezintă un orar oficial.

## Contextul navigării

Vizualizatorul folosește o pagină comună, imagine.html, cu identificatorul materialului și al listei în adresă. Fiecare listă are o ordine explicită; săgețile nu trec în altă listă și sunt inactive la capete. „Înapoi la index” revine la cardul curent. Pentru căutări, textul și filtrul se păstrează în adresă.

Exemplu: [Riscurile agenților, de la harta de sinteză](../imagine.html?id=riscuri-agenti--harta-riscurilor-agentice&l=m%3Aagenti&v=v1).

Un link către o imagine existentă cu o listă nepotrivită se recuperează în catalogul complet. Un identificator de imagine necunoscut afișează o pagină de eroare cu revenire la index.

## Reorganizare

- assets/atlas-data.js conține materialele și listele, ca date locale. În items, fiecare material are un id stabil.
- În lists, schimbă ordinea identificatorilor din items pentru a rearanja o listă. Pentru blocurile de ore, core indică opririle principale, iar items include și aprofundările.
- Lista principal trebuie să conțină, în aceeași ordine, concatenarea listelor core din cele șase blocuri.
- Păstrează identificatorii, căile PNG și înregistrările din manifest. Modifică doar ordinea și etichetele necesare.
- index.html și imagine.html folosesc același vizualizator și aceleași date. assets/atlas-core.js gestionează listele, căutarea și adresele; assets/atlas-ui.js gestionează interfața; assets/atlas.css stilul.

Nu se folosesc fetch, module ES, biblioteci CDN, fonturi externe, service worker sau server. Încărcarea folosește scripturi locale obișnuite, compatibile cu deschiderea directă a indexului.

## Afișare

Fundalul CSS este #0f2a44. Imaginile se încadrează proporțional; mărirea nu schimbă fișierele. Miniaturile folosesc aceleași PNG-uri, încărcate la apropierea de zona vizibilă. Explicațiile, relațiile și exercițiile existente se găsesc în butonul „Explicații”.

Tastatură: ← / → între imagini; Escape înapoi; + / − mărire; 0 încadrare; / căutare în index. Săgețile nu schimbă imaginea când editezi un câmp sau folosești un selector. Escape închide întâi explicațiile sau ecranul complet.