italia / design-scuole-pagine-statiche

Pagine statiche dedicate al progetto per i siti delle scuole

Benvenuto nel repository ufficiale contenente i template HTML del modello “Il sito delle scuole italiane”.

Questo repository, assieme alla documentazione tecnica, completa il kit che abbiamo realizzato per farti conoscere meglio il progetto e per metterti subito nelle condizioni di iniziare a lavorarci.

All’interno di questo spazio trovi:

• l'architettura dell'informazione
• il codice già pronto all’uso
• componenti di terze parti utilizzati

Ti invitiamo infine ad aiutarci a segnalare eventuali bug e a prendere contatto con noi su Slack qualora avessi bisogno di ulteriore supporto.

Buon lavoro!

Preview

• Versione corrente

Indice

• Come iniziare
• Architettura dell'informazione
• Come contribuire
• Licenze software dei componenti di terze parti

Come iniziare

Per utilizzare i template del sito scolastico all'interno del tuo progetto, è sufficiente riutilizare il codice HTML presente nella cartella build.

Inizia scaricando le dipendenze esterne del progetto, utilizzando uno dei seguenti comandi:

npm install oppure yarn

Dopodichè, puoi compilare il progetto con uno dei seguenti comandi:

npm run build oppure yarn build

Architettura dell'informazione

L’architettura dell’informazione su cui si basa il sito è presentata in questo documento che illustra i tipi di contenuti, i vocabolari controllati e le tassonomie, il sistema di navigazione.

L’architettura dell’informazione è basata sulle linee guida di design dei siti della Pubblica Amministrazione. Il documento inoltre propone diversi esempi di scrittura dei contenuti, come una lista di servizi tipici di una scuola e alcuni esempi del modo più corretto per descriverli.

Infine, nel documento sono contenute alcune indicazioni per la migrazione e/o riscrittura di contenuti dal sito esistente al nuovo sito scolastico che si sta creando, oltre a suggerimenti per la corretta gestione dei contenuti.

Vai al documento di architettura dell'informazione (ODS 337)

Come contribuire

Vorresti dare una mano contribuendo allo sviluppo del progetto?

Se non l'hai già fatto, inizia spendendo qualche minuto per approfondire la tua conoscenza sul documento di architettura dell'informazione (ODS 337) e fai riferimento alle indicazioni su come contribuire.

A questo punto, è necessario scaricare una copia in locale del tema tramite il comando git fork https://github.com/italia/design-scuole-pagine-statiche.git da terminale o cliccando sul pulsante Fork

Una volta terminate le modifiche è necessario aprire una pull request per sottoporle alla revisione del team.

Licenze software dei componenti di terze parti

Componenti distribuiti con i template

Vengono di seguito elencati i componenti distribuiti con i template che hanno una propria licenza diversa da CC0.

• jQuery © jQuery Foundation, licenza MIT
• Popper.js © Federico Zivolo and contributors, licenza MIT
• Bootstrap Italia © Team per la Trasformazione Digitale, licenza BSD
• Bootstrap 4 © Twitter, Inc., licenza MIT
• Bootstrap Select © SnapAppointments, LLC, licenza MIT
• Owl Carousel 2 © Owl (David Deutsch), licenza MIT
• jQuery Easing © George McGinley Smith, licenza BSD
• CLNDR © Kyle Stetz, licenza MIT
• FitVids © Dave Rupert, licenza MIT
• Hamburgers © Jonathan Suh, licenza MIT
• Match Height © Liam Brummitt, licenza MIT
• ScrollTo © Ariel Flesler, licenza MIT
• Leaflet © Vladimir Agafonkin, licenza BSD
• Perfect Scrollbar © Hyunje Jun, licenza MIT
• Responsive Tabs © Jelle Kralt, licenza MIT
• Sticky Kit © Leafo, licenza MIT
• svgxuse © Icomoon, licenza MIT

design-scuole-pagine-statiche's Issues

L'anteprima collegata nella descrizione non è aggiornata

Al link https://italia.github.io/design-scuole-pagine-statiche/ (disponibile nella descrizione della repository) sembra essere disponibile una anteprima di una vecchia v2.1.3 invece della corrente v2.3.x.

Mancanza tipologia documento e tipologia circolare nell'apertura delle pagine foglia

Rilevata da un manager di zona la mancanza della visualizzazione della tipologia documento e tipologia circolare nell'apertura delle pagine foglia che potrebbe portare criticità nell'asseverazione.

Calendario Eventi

Buongiorno,

il calendario Eventi, aprendolo, riporta il nome della sezione più grande "Calendario" con un sottotitolo "calendario scolastico".

Sarebbe opportuno modificare questa la dicitura "calendario scolastico" a mio avviso, con uno più attinente al calendario eventi in questione.

Grazie per l'attenzione

Rimuovere regola tag a globale

Rimuovere regola tag a globale e creare regole specifiche per le altre ancore. Vedi override.css di scuole-wordpress.

Data element errato nella pagina servizi generici

Nella documentazione è indicato
«Cosa serve»: viene controllata la presenza di un tag <p> contenuto nel <div> con data-element="service-needed" e che questo abbia almeno 3 caratteri;

L'HTML della pagina servizi generici riporta

<h2 class="h4" id="art-par-03" data-element="needed">Cosa serve</h2>

Manca il sorgente per compilare scuole.css

Ho notato che manca il sorgente per compilare il foglio di stile "build/assets/css/scuole.css".
Gentilmente potreste pubblicare i file per poter compilare gli assets?

Il GDPR e il consenso ai cookie

Buongiorno,
nella nuova versione 2.0 del tema, cosa è previsto per la gestione dei consensi cookies in linea con le attuali normative?
Grazie per l'attenzione

Funzionalità "Naviga su Google Map"

Buongiorno,

cliccando sulla funzionalità in oggetto in corrispondenza di un qualsiasi luogo della scuola, Google Maps apre correttamente la mappa inserendo però l'indirizzo come punto di partenza e non come punto di arrivo come dovrebbe essere in quanto luogo da raggiungere.

Grazie per l'attenzione

Aggiungere sezione Strutture sulla pagina profilo utente

Da mobile l'header non funziona correttamente

Con l'ultima release v2.1.3 da mobile sono comparsi due problemi con l'header:

• l'header non è più sticky e non rimane fisso in alto allo scorrere della pagina;
• l'icona del cerca non è più allineata verticalmente con il div contenente hambuerger menu, logo e nome della scuola.

Il problema è riproducibile anche da Chrome impostando nelle dimensioni "iPhone 12 Pro", "Pixel 5", "Samsung Galaxy S20 Ultra", mentre sembra funzionare tutto correttamente provando "iPhone SE", "iPad Air", "Surface Pro 7".

Problema riscontrato anche fisicamente da un iPhone 12 Pro Max su Safari.

Voce menu "Panoramica"

Buongiorno,

la voce menu "Panoramica" appare fissa e non modificabile o eliminabile.
Sarebbe gradita la possibilità di scelta di tenerla o ometterla oppure modificarla a piacimento in qualche modo.

Grazie per l'attenzione

Problema con mappe dei luoghi

Buongiorno.
Sto riscontrando un problema con le mappe dei luoghi. La mappa di Leaflet all'interno della pagina di configurazione del luogo rimane bloccata, indipendentemente dall'indirizzo inserito. Inoltre, facendo click sul link che dovrebbe aprire l'indirizzo sulla mappa Google nella pagina pubblica del luogo si apre Google Maps con una virgola come elemento di ricerca luogo.

Schede Progetti

Buongiorno,
per quanto riguarda l'ordine cronologico per anni scolastici delle "schede progetti", riporta lo stesso identico problema della versione 1.0, nello specifico:

1. i progetti di anni diversi sono mischiati e non sono in ordine cronologico, mettendo in evidenza anche quelli degli anni passati.

2. Il pulsante "Consulta i progetti degli scorsi anni" non permette di filtrare i progetti tra anno in corso e anni passati, ma risultano comunque mischiati.

Grazie per l'attenzione

Funzionalità "AVVISI DI ALLERTA IN HOME PAGE"

Buongiorno,

la funzionalità in oggetto presenta questi problemi non riscontrati con la vecchia versione 1.0, in particolare:

1. Spuntando "Visualizza icona", nel frontend viene visualizzata un'icona gigante che prende tutto lo schermo.

2. Il colore della fascia scelto (verde, rosso, giallo, ecc.) non viene mostrato.

Grazie per l'attenzione

Tempi e scadenze su più anni

Nelle grafiche preparate (esempio: Servizio), non viene mostrato l'anno in tempi e scadenze.
Qualora ci siano scadenze che superano l'anno solare (e nella scuola è facile ce ne siano) le informazioni non sono più chiare.

Come risolvere?