Banner informativo lg cad (#200)

* prima bozza di banner

* guide banner new layout

* Pagina "partecipa"

* Aggiornamento date

Co-authored-by: d-t <hereisfupete@gmail.com>

_includes/guidesbanner.html

@@ -0,0 +1,13 @@
+<div class="Grid Grid--withGutter Grid--alignCenter u-padding-all-l guides-grid">
+	<div class="Grid-cell u-border-left-l u-md-size2of4 u-lg-size2of4 u-xl-size2of4 u-borderRadius-m u-textLeft u-borderShadow-l u-padding-all-xxl u-margin-top-xxl u-margin-bottom-l" style="border-color:#06c!important">
+    <h3 class="u-block u-text-h3">Partecipa anche tu</h3>
+		<div class="u-sizeFull u-margin-bottom-m">
+      <p class="Prose u-text-r-s u-textWeight-400">Da XXXXX è ufficialmente aperta la fase di consultazione delle <a class="u-text-r-s u-color-40 u-textWeight-600" href="https://docs.italia.it/italia/design/lg-design-servizi-web" target="_blank" onclick="captureOutboundLink('Consultazione LG CAD'); return false;">nuove Linee guida di design per i servizi web della Pubblica Amministrazione</a>. Condividi i tuoi suggerimenti, per partecipare c’è tempo fino a XXXXX.</p>
+		</div>
+		<div class="u-sizeFull u-padding-bottom-m u-padding-top-l">
+	    <a href="https://docs.italia.it/italia/design/lg-design-servizi-web" target="_blank" class="u-textClean u-borderRadius-s u-background-teal-60 u-color-grey-ui-kit u-padding-r-all" style="min-width: 16em" onclick="captureOutboundLink('Consultazione LG CAD'); return false;">
+	        <span class="u-text-r-xs u-textUppercase u-textWeight-700 u-padding-right-xxl u-padding-left-xxl">SCOPRI</span>
+	      </a>
+	  </div>
+	</div>
+</div>

_includes/home/block-03-linee-guida.html

@@ -4,6 +4,7 @@
     <h2 class="u-text-r-xxl u-textWeight-700 u-color-grey-ui-kit u-textCenter">{{ t.home_grids_title }}</h2>
     <p class="u-text-r-m u-textWeight-400 u-color-grey-ui-kit u-padding-top-s u-padding-r-bottom u-textCenter">{{ t.home_grids_subtitle }}</p>
     {%- endunless -%}
+    {% include guidesbanner.html %}
     {% include guidestable.html layoutClass='u-margin-top-xxl' headingClass='u-block u-text-h3 u-border-bottom-xxs u-padding-bottom-m' %}
   </div>
   <div class="u-layout-wide u-layoutCenter u-padding-top-m u-padding-bottom-m u-textCenter">

_layouts/esplora.html

@@ -18,8 +18,8 @@ <h1 class="u-text-h1 u-color-grey-ui-kit u-lineHeight-l u-sizeFull u-margin-top-
 
 {% for block in blocks %}
 {% capture bkgColor %}{% cycle 'u-background-50', 'u-background-white' %}{% endcapture %}
-{% capture textColor %}{% cycle 'u-color-white', 'u-color-grey-ui-kit' %}{% endcapture %}
-{% capture titleColor %}{% cycle 'u-color-white', 'u-color-50' %}{% endcapture %}
+{% capture textColor %}{% cycle 'u-color-grey-ui-kit', 'u-color-grey-ui-kit' %}{% endcapture %}
+{% capture titleColor %}{% cycle 'u-color-grey-ui-kit', 'u-color-50' %}{% endcapture %}
 {% capture oddEven %}{% cycle 'odd', 'even' %}{% endcapture %}
 {% capture buttonBkg %}{% cycle 'u-background-white', 'u-background-teal-60' %}{% endcapture %}
 {% capture buttonColor %}{% cycle 'u-color-50', 'u-color-white' %}{% endcapture %}

_layouts/guidesindex.html

@@ -32,6 +32,8 @@ <h2 class="u-layoutCenter u-textCenter u-textShadow-xxs u-color-white u-text-r-m
 </div>
 {%- endif -%}
 
+{% include guidesbanner.html %}
+
 {%- include guidestable.html headingClass='u-block u-text-h3 u-border-bottom-xxs u-padding-bottom-m' -%}
 
   <div class="u-background-white u-layout-r-withGutter u-padding-r-top u-padding-bottom-xxl u-posRelative u-zindex-30">

_layouts/partecipa.html

@@ -17,8 +17,8 @@ <h1 class="u-text-h1 u-color-grey-ui-kit u-lineHeight-l u-sizeFull u-margin-top-
 </div>
 
 {% for block in blocks %}
-{% capture textColor %}{% cycle 'u-color-white', 'u-color-grey-ui-kit' %}{% endcapture %}
-{% capture titleColor %}{% cycle 'u-color-white', 'u-color-50' %}{% endcapture %}
+{% capture textColor %}{% cycle 'u-color-grey-ui-kit', 'u-color-grey-ui-kit' %}{% endcapture %}
+{% capture titleColor %}{% cycle 'u-color-grey-ui-kit', 'u-color-50' %}{% endcapture %}
 {% capture oddEven %}{% cycle 'odd', 'even' %}{% endcapture %}
 {% capture buttonBkg %}{% cycle 'u-background-white', 'u-background-teal-60' %}{% endcapture %}
 {% capture buttonColor %}{% cycle 'u-color-50', 'u-color-grey-ui-kit' %}{% endcapture %}

_pages/it/linee-guida.md

@@ -25,4 +25,4 @@ redirect_from:
 
 * [Introduzione alle linee guida di design per i servizi web della Pubblica Amministrazione](https://docs.italia.it/italia/designers-italia/design-linee-guida-docs/it/stabile/doc/introduzione-linee-guida-design.html);
 * [La sezione del forum di Designers Italia dedicata alle linee guida di design](https://forum.italia.it/c/design);
-* [Partecipa all’evoluzione delle linee guida](https://designers.italia.it//partecipa/).
+* [Partecipa all’evoluzione delle linee guida](https://designers.italia.it/partecipa/).

_pages/it/partecipa.md

@@ -3,12 +3,12 @@ title: Partecipa
 lang: it
 layout: partecipa
 blocks:
-- title: Partecipa alla vita del forum
-  subtitle: Sul forum di Designers Italia puoi fare proposte, avanzare <a href="https://forum.italia.it/c/design/feedback-community">idee e suggerimenti</a>, segnalare best practice o <a href="https://forum.italia.it/c/design/esempi-linee-guida">esempi di applicazione</a> delle linee guida di design, discutere i temi legati al <b>service design</b>, al <b>content design</b>, alla <b>user interface</b> e alla <b>user research</b>.
-  img: /assets/images/pages/persone.jpg
+- title: Contribuisci alla scrittura delle Linee Guida di design
+  subtitle: 'Da mercoledì 12 maggio è ufficialmente aperta la fase di consultazione delle <a href="https://docs.italia.it/italia/design/lg-design-servizi-web">nuove Linee guida di design per i servizi web della Pubblica Amministrazione</a>. Condividi i tuoi suggerimenti, per partecipare c’è tempo fino al 14 giugno.'
+  img: /assets/images/pages/daniel-mccullough--FPFq_trr2Y-unsplash.jpg
   button:
-    - label: Vai al forum
-      url: 'https://forum.italia.it/c/design'
+  - label: partecipa all’evoluzione delle linee guida di design!
+    url: 'https://github.com/italia/design-linee-guida-docs'
 - title: Condividi la tua esperienza sul blog
   subtitle: Il <a href="https://designers.italia.it/notizie/">blog di Designers Italia</a> raccoglie case history relativi ai servizi pubblici o esperienze di trasformazione digitale che ben si applicano al mondo dei servizi pubblici. Il blog è aperto al contributo di designer e professionisti che abbiano un’esperienza significativa sul <b>design dei servizi pubblici</b> e che vogliano condividerla.<br>Se vuoi proporre un contributo scrivi all’indirizzo <a href="mailto:contatti@designers.italia.it">contatti@designers.italia.it</a> con <b>un abstract</b> della tua proposta e <b>un link</b> alla tua biografia o al tuo profilo. Valuteremo le proposte e ti contatteremo nel caso in cui decideremo di pubblicarla.
   img: /assets/images/pages/david-solce-184827.jpg
@@ -31,12 +31,12 @@ blocks:
       url: 'https://github.com/italia/design-react-kit'
     - label: Partecipa ad Angular kit
       url: 'https://github.com/italia/design-angular-kit'
-- title: Prendi parte alla scrittura delle linee guida di design
-  subtitle: 'Le linee guida di design sono un documento pubblico e chiunque può partecipare al processo di revisione e aggiornamento <b>proponendo modifiche</b> e nuovi contenuti.<br>Grazie ad <a href="https://github.com/italia/design-linee-guida-docs">un <i>repository</i> pubblico su GitHub</a> è possibile seguirne lo sviluppo, proporre correzioni o <b>partecipare alla stesura</b> di nuove versioni (seguendo le regole di questa <a href="https://docs.italia.it/italia/designers-italia/design-linee-guida-docs/it/stabile/doc/introduzione-linee-guida-design.html#stile-della-documentazione"><i>Style guide</i></a>). Per farlo, si devono usare gli strumenti collaborativi di GitHub, in particolare le <a href="https://guides.github.com/features/issues/"><i>issues</i></a> (per le discussioni) e le <a href="https://help.github.com/articles/about-pull-requests/"><i>pull request</i></a> (per le proposte di modifica).'
-  img: /assets/images/pages/neonbrand-226736.jpg
+- title: Partecipa alla vita del forum
+  subtitle: Sul forum di Designers Italia puoi fare proposte, avanzare <a href="https://forum.italia.it/c/design/feedback-community">idee e suggerimenti</a>, segnalare best practice o <a href="https://forum.italia.it/c/design/esempi-linee-guida">esempi di applicazione</a> delle linee guida di design, discutere i temi legati al <b>service design</b>, al <b>content design</b>, alla <b>user interface</b> e alla <b>user research</b>.
+  img: /assets/images/pages/persone.jpg
   button:
-    - label: partecipa all’evoluzione delle linee guida di design!
-      url: 'https://github.com/italia/design-linee-guida-docs'
+  - label: Vai al forum
+    url: 'https://forum.italia.it/c/design'
 - title: Condividi il modello di Designers Italia
   subtitle: Se sei un professore o un ricercatore, puoi raccontare l’approccio di Designers Italia come esempio di progettazione di servizi digitali in ambito pubblico, e organizzare <b>workshop</b> sperimentando con i nostri strumenti e risorse.
   img: /assets/images/pages/universita.jpg