Merge pull request #144 from italia/feature/30-pagina-informativa

Aggiunta pagina informativa, piccolo fix sull'accessibilità

_data/nav.yml

@@ -102,3 +102,5 @@
     - title: Visibility
 
 - title: Esempi
+
+- title: Informazioni

_includes/footer.html

@@ -10,24 +10,24 @@
       <div>
         <span class="text-white">
           <span class="d-none d-sm-inline">Seguici su: &nbsp</span>
-          <a class="text-white" href="https://twitter.com/teamdigitaleIT" target="_blank"><i class="it-twitter"></i></a>
-          <a class="text-white" href="https://medium.com/team-per-la-trasformazione-digitale" target="_blank"><i class="it-medium"></i></a>
-          <a class="text-white" href="https://www.linkedin.com/company/teamdigitale" target="_blank"><i class="it-linkedin"></i></a>
-          <a class="text-white" href="https://www.youtube.com/channel/UCwOMMmrMXiktlvKXx4vHJ-g/" target="_blank"><i class="it-youtube"></i></a>
+          <a class="footer-social p-2 text-white" href="https://twitter.com/teamdigitaleIT" target="_blank"><i class="it-twitter"></i>Twitter</a>
+          <a class="footer-social p-2 text-white" href="https://medium.com/team-per-la-trasformazione-digitale" target="_blank"><i class="it-medium"></i>Medium</a>
+          <a class="footer-social p-2 text-white" href="https://www.linkedin.com/company/teamdigitale" target="_blank"><i class="it-linkedin"></i>LinkedIn</a>
+          <a class="footer-social p-2 text-white" href="https://www.youtube.com/channel/UCwOMMmrMXiktlvKXx4vHJ-g/" target="_blank"><i class="it-youtube"></i>YouTube</a>
         </span>
       </div>
     </div>
     <div class="row py-4 border-white border-top">
       <ul class="col list-inline small">
-        <li class="list-inline-item">
+        <li class="list-inline-item px-1">
           <a href="{{ site.developers }}/it/privacy-policy/" class="small-prints">Privacy Policy</a>
         </li>
-        <li class="list-inline-item">
+        <li class="list-inline-item px-1">
           <a href="{{ site.developers }}/it/note-legali/" class="small-prints">Note Legali</a>
         </li>
-        <!--<li class="list-inline-item">
+        <li class="list-inline-item px-1">
           <a href="{{ site.baseurl }}/docs/informazioni/" class="small-prints">Informazioni</a>
-        </li>-->
+        </li>
       </ul>
     </div>
   </div>

docs/assets/src/scss/_footer.scss

@@ -5,6 +5,14 @@
   @include media-breakpoint-up(sm) {
     text-align: left;
   }
+
+  .footer-social {
+    font-size: 0;
+    & [class^="it-"] {
+      font-size: initial;
+    }
+  }
+
   .team-logo {
     &--icon {
       width: 72px

docs/come-iniziare/introduzione.md

@@ -1,7 +1,7 @@
 ---
 layout: docs
 title: Introduzione
-description: Cos'è Bootstrap Italia e come utilizzarlo nel tuo progetto
+description: Come usare Bootstrap Italia nel tuo progetto
 group: come-iniziare
 redirect_from:
   - /docs/
@@ -10,8 +10,6 @@ redirect_from:
 toc: true
 ---
 
-Bootstrap Italia (versione attuale **{{ site.current_version}}**) è un tema basato su [Bootstrap {{ site.bootstrap_version }}](https://getbootstrap.com/docs/4.0/getting-started/introduction/). Esso personalizza lo stile e il codice per la creazione di interfacce utente di Boostrap, al fine di renderlo conforme allo [UI Kit](https://github.com/italia/design-ui-kit), che è l'implementazione di riferimento per la UI definita nelle [linee guida di design per i servizi web della PA](https://design-italia.readthedocs.io/it/stable/index.html).
-
 ## Come iniziare
 
 Per utilizzare il codice compilato di Bootstrap Italia nel tuo progetto, è sufficiente scaricare ed includere nella pagina HTML alcuni file, tra cui un file CSS e un Javascript, scaricabili sottoforma di file compresso alla [pagina delle release di progetto](https://github.com/italia/bootstrap-italia/releases): 

docs/informazioni.md

@@ -0,0 +1,25 @@
+---
+layout: docs
+title: Informazioni
+group: informazioni
+toc: true
+---
+
+## Che cos'è Bootstrap Italia
+
+Bootstrap Italia - versione attuale **{{ site.current_version}}** - è una personalizzazione della libreria [Bootstrap {{ site.bootstrap_version }}](https://getbootstrap.com/docs/4.0/getting-started/introduction/) che tiene conto delle indicazioni in termini di design, usabilità ed accessibilità definite nelle [linee guida di design per i servizi web della Pubblica Amministrazione](https://design-italia.readthedocs.io/it/stable/index.html), ed implementate nella versione 2.0 del [Design UI Kit](https://github.com/italia/design-ui-kit).
+
+## Licenza d'uso
+
+Bootstrap Italia è distribuito con **licenza BSD-3** (consultabile nel file [LICENSE](https://github.com/italia/bootstrap-italia/blob/master/LICENSE)), un modello ancora più permissivo della classica licenza *GPL*, in quanto consente di modificare e ridistribuire questo software secondo varie modalità, anche di tipo closed-source.
+
+### Credito all'autore originale
+
+Nonostante la licenza sia aperta a modifiche e derivazioni, la prima clausola imposta da ogni tipo di licenza BSD è tesa ad impedire che qualcuno si prenda meriti altrui.
+
+Per questo, anche nel caso siano state apportate modifiche al codice, i termini prevedono che la nota di copyright originale (visibile nel file [AUTHORS](https://github.com/italia/bootstrap-italia/blob/master/AUTHORS)), la lista delle condizioni e disclaimer riportati nel file [LICENSE](
+https://github.com/italia/bootstrap-italia/blob/master/LICENSE) siano mantenuti per ogni lavoro derivato da Bootstrap Italia.
+
+### Garanzie
+
+L'ultima clausola della licenza BSD-3 esclude esplicitamente ogni forma di garanzia: il software è fornito "così com'è", e l'utente che scegliesse di utilizzarlo non ha alcun diritto di rivalsa in caso di problemi o danni causati dal programma.