# Muzej tehničke kulture i inovacija Rijeka

> Virtualni muzej tehničke kulture i inovacija Zajednice tehničke kulture (ZTK) grada Rijeke.

## O projektu
Ova web stranica (hostana na inovacije.hr) služi kao virtualni postav bogate tehničke baštine grada Rijeke. 
Projekt uključuje:
- Pregled preko 400 autentičnih povijesnih eksponata iz 11 kategorija (Radio tehnika, Astronomija, Zrakoplovstvo, Stari alati, Foto-kino-video tehnika...).
- Napredno klijentsko pretraživanje i filtriranje pomoću oznaka (kategorija), te detaljne metapodatke za svaki uređaj (inventarni broj, materijal/tehnika, dimenzije, masa).
- Brz i responzivan korisnički UI s tamnom temom ("dark museum" stil) prilagođen svim rezolucijama ekrana.

## Tehnička arhitektura i specifikacije
Ovo je klasična, moderno optimizirana statična stranica bazirana isključivo na *Vanilla* tehnologijama:
- **Frontend Stack:** Čisti HTML5, Vanilla CSS3 (CSS Variables, Flexbox, CSS Grid) te Vanilla JavaScript (ES6+). Nisu korišteni vanjski framework-ovi (reagiraju izravno na DOM, bez Reacta/Vuea).
- **Dohvat podataka:** Podaci o izlošcima dinamično se i asinkrono (`fetch`) povlače na klijentu prilikom učitavanja dokumenta iz datoteke `/data/exhibits.json`.
- **Privatnost i GDPR:** Aplikacija ne koristi vanjske CDN-ove, analitike koje prate IP i eksterne font servise (Google Fonts su skinuti na disk u formatu `woff2` unutar mape `/fonts/`). 
- **SEO & Otkrivanje:** Izvršena je napredna SEO, Schema.org (`Application/ld+json` kao The Museum entitet) i integrirane Open Graph / Twitter Card kartice za bogate prikaze linkova. Svi botovi imaju pristup kroz `/robots.txt` i `/sitemap.xml`.

## Ključne mape (Directories)
- `data/`: Sadrži `exhibits.json`, centralno skladište teksta/entiteta koji napajaju web sjedište.
- `images/full/`: Stotine slika samih eksponata u `.jpg` obliku s normaliziranim, *lowercase* (`img_xxxx.jpg`) konvencijama imena optimiziranim za Linux deployment (case-sensitive).
- `fonts/`: .woff2 datoteke (Inter, Playfair Display).
- `scraper/`: Sadrži Python skriptu `scrape_exhibits.py` koja je na samom početku preuzela zastarjelu građu s ranijeg weba ZTK u SQLite bazu te pomoćnu `export_json.py` metodu.

## Navigacija bazom kodova referenca za AI agente
Glavna i jedina logika za aplikaciju (rutiranje prikaza popisa `Grid/List`, Modal kontejneri za detaljan pregled predmeta, te optimizacija funkcije pretraživanja putem timeout *Debounce* taktike) nalazi se spojena (inline) isključivo prigodno u samom tijelu datoteke `index.html`. 
Za modifikacije stila i elemenata korisničkog iskustva referencirajte prvi dio HTML dokumenta, a za logiku filtriranja referencirajte dno dokumenta u skriptnoj zoni.
Sve slike moraju i trebaju koristiti samo `.toLowerCase()` staze izbjegnuvši pogreške Git cacheiranja. 

## Više informacija
Projekt je aktivan na domeni `https://www.inovacije.hr/` a izrađen je i optimiziran za modernu upotrebu unutar okoline Vercel CI/CD serverless hosting operacija.