La galleria del Draft Cube di V:tES: trecentottantadue carte da consultare durante una serata di draft, con ricerca, filtri e scheda per ogni carta.
La clausola DRAFT non esiste come dato. KRCG non la espone, e senza quella riga il cubo non si può usare: l'ho fatta rilevare con l'OCR sulle immagini e poi corretta a mano dove serviva. Risulta presente su 79 delle 262 carte libreria, e per quelle si usano le scansioni delle espansioni dell'epoca invece della stampa più recente.
Lo stato sta nell'indirizzo, non nella memoria del browser. Filtri nella query string e singola carta nell'ancora: una vista filtrata si manda a qualcuno com'è, e il pulsante Indietro chiude la scheda invece di uscire dal sito.
Il sito pubblicato non è il repository. Uno script prepara a parte i soli file che servono a runtime, senza sorgenti Python, dataset di lavoro e scansioni originali, e solo lì passa il minificatore. Lighthouse misura esattamente quell'artefatto, che è anche quello che viene pubblicato.
- Sito
- una pagina statica, senza dipendenze a runtime
- Dati
- un JSON con 120 carte cripta e 262 libreria
- Immagini
- WebP, con miniature da 320px per la griglia
- Sicurezza
- policy dei contenuti stretta: niente script né stili in linea
- Ricerca
- per nome, testo, disciplina, tipo e clan
- Filtri
- cripta o libreria, clan, tipo, rarità, con le etichette da togliere con un clic
- Stato condivisibile
- i filtri finiscono nella query string, la singola carta nell'ancora
- Scheda carta
- immagine ingrandibile, testo KRCG, clausola DRAFT, navigazione con frecce, tastiera o dito
- Sorgente
- il cubo originale unito al dataset KRCG
- Clausola DRAFT
- rilevata con OCR sulle immagini e corretta a mano: presente su 79 delle 262 carte libreria
- Scansioni
- le carte con clausola usano le stampe dell'epoca, le altre la più recente su KRCG
- Script
- idempotenti: rieseguirli non rifà lavoro già fatto
- Controlli
- ESLint e Prettier sul JavaScript, ruff sul Python, test sotto soglie di copertura
- Preparazione
- solo i file di runtime finiscono nella cartella pubblicata, poi minificati
- Pubblicazione
- GitHub Pages, lo stesso artefatto misurato da Lighthouse
- Tecnologie
- JavaScriptHTMLCSSPythonPWA
Piattaforma
Consultazione
Costruzione dei dati
Rilascio
Stack
Codice e immagini: https://github.com/danilofruttaldo/vtesItaly.Draft