feat: news on design system cover (#1033)

src/data/content/community.yaml

@@ -467,7 +467,7 @@ components:
         - label: Scopri il piano attività
           btnStyle: primary
           url: "piano-attivita/"
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
 
     - title: Contatti
       subtitle: "Richiedi informazioni sulle attività e i progetti di Designers Italia"
@@ -482,5 +482,5 @@ components:
         - label: Scopri i contatti
           btnStyle: primary
           url: "contatti/"
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
 

src/data/content/design-system.yaml

@@ -143,20 +143,20 @@ components:
         - label: Scopri come iniziare #C
           btnStyle: primary
           url: "come-iniziare/" #M
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
         - label: Per designer #C
           btnStyle: outline-secondary
           url: "come-iniziare/per-designer/" #M
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
         - label: Per sviluppatori #C
           btnStyle: outline-secondary
           url: "come-iniziare/per-sviluppatori/" #M
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
         - label: Per responsabili progetto #C
           btnStyle: outline-secondary
           url: "come-iniziare/per-responsabili-progetto/" #M
-          addonStyle: mb-3 mb-sm-0
-
+          addonStyle: mb-3
+        
     # —
     # HIGHLIGHT
     # —
@@ -175,7 +175,7 @@ components:
         - label: Scopri i fondamenti
           btnStyle: primary
           url: "fondamenti/"
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
 
    # —
     # HIGHLIGHT
@@ -203,7 +203,7 @@ components:
         - label: Scopri i componenti
           btnStyle: primary
           url: "componenti/"
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
 
     # —
     # HIGHLIGHT BIG IMG
@@ -221,41 +221,45 @@ components:
         - label: Scopri come contribuire #C
           btnStyle: primary
           url: "come-contribuire/" #M
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
         - label: Per la documentazione #C
           btnStyle: outline-secondary
           url: "come-contribuire/per-la-documentazione/" #M
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
         - label: Per il design #C
           btnStyle: outline-secondary
           url: "come-contribuire/per-il-design/" #M
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
         - label: Per lo sviluppo #C
           btnStyle: outline-secondary
           url: "come-contribuire/per-lo-sviluppo/" #M
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
 
     # —
     # HIGHLIGHT BIG IMG
     # —
     - title: Design pattern #C
       id: design-pattern
-      # img: /images/400x300.png #I
-      # alt: Alt lorem ipsum #C
       headingLevel: 3
       background: medium # null | light | medium | dark
-      big: true
+      big: false
       specular: true
       subtitle: Modelli di progettazione pronti all’uso che ti permettono di trovare la soluzione al problema perchè già efficacemente testati in situazioni simili
       text: |
         _In stesura_
-      # buttons: #C #M
-      #   - label: Scopri i design pattern
-      #     btnStyle: primary
-      #     url: "design-pattern/"
-      #     addonStyle: mb-3 mb-sm-0
-      #     disabled: true
-
+        
+    # —
+    # HIGHLIGHT
+    # —
+    - title: Showcase #C
+      id: showcase
+      headingLevel: 3
+      big: false
+      background: dark
+      specular: true
+      subtitle: I progetti più significativi realizzati con il design system del Paese #C
+      text: | #C
+        _In stesura_
 
   # # —
   # # IMAGE COVER WITH ICONS
@@ -283,33 +287,60 @@ components:
   #   #   alt: Alt lorem ipsum #C
 
   # —
-  # HIGHLIGHT LOOP
+  # HIGHLIGHT WITH CARDS
   # —
-  # highlightsLoop2 :
+  highlightCards:
+    id: novita
+    title: Le ultime notizie sul design system del Paese #C
+    # text: 
+    headingLevel: 3
+    background: null
+    col4: false # FALSE notizie + Medium | TRUE eventi + media
 
+    # CARDS
+    cards:
 
-    # —
-    # HIGHLIGHT
-    # —
-    - title: Showcase #C
-      id: showcase
-      # img: /images/400x300.png #I
-      # alt: Alt lorem ipsum #C
-      headingLevel: 3
-      big: false
-      background: dark
-      specular: true
-      subtitle: I progetti più significativi realizzati con il design system del Paese #C
-      text: | #C
-        _In stesura_
-      # buttons: #C #M
-      #   - label: Scopri i casi studio
-      #     btnStyle: primary
-      #     url: "showcase/"
-      #     addonStyle: mb-3 mb-sm-0
-      #     disabled: true
-      #   - label: Proponi un caso studio
-      #     btnStyle: outline-primary
-      #     url: "#"
-      #     addonStyle: mb-3 mb-sm-0
-      #     disabled: true
+      - title: 'Nuovi rilasci del design system del Paese e delle risorse di progettazione e sviluppo'
+        headingLevel: 4
+        customCol: col-lg-4
+        text: Tra le principali novità, il player video attento a privacy e accessibilità e nuove schede informative.
+        img: /images/community/20231024-nuovi-rilasci-del-design-system-del-paese-e-delle-risorse-di-progettazione-e-sviluppo-1400x723.png
+        alt: ""
+        imgRatio: 21x9
+        imgPlaceholder: false
+        fullHeight: true
+        rounded: true
+        url: "/community/notizie/20231024-nuovi-rilasci-del-design-system-del-paese-e-delle-risorse-di-progettazione-e-sviluppo/"
+        dateInfo: 24 ottobre 2023
+        tags: [Design system, Progettazione interfaccia, Sviluppo interfaccia]
+
+      - title: 'Prendi parte anche tu all’evoluzione del design system del Paese'
+        headingLevel: 4
+        text: Scopri tutte le novità per collaborare alla realizzazione della documentazione e delle risorse.
+        img: /images/community/20230925-prendi-parte-anche-tu-all-evoluzione-del-design-system-del-paese-1400x723.png
+        alt: ""
+        imgRatio: 21x9
+        imgPlaceholder: false
+        fullHeight: true
+        rounded: true
+        url: "/community/notizie/20230925-prendi-parte-anche-tu-all-evoluzione-del-design-system-del-paese/"
+        dateInfo: 25 settembre 2023
+        tags: [Design system]
+
+      - title: 'Design system: pubblicati i fondamenti di scrittura per l’esperienza utente'
+        headingLevel: 4
+        text: È online la prima versione delle indicazioni per progettare contenuti di qualità per le interfacce.
+        img: /images/community/20230530-design-system-pubblicati-i-fondamenti-di-scrittura-per-l-esperienza-utente.jpg
+        alt: ""
+        imgRatio: 21x9
+        imgPlaceholder: false
+        fullHeight: true
+        rounded: true
+        url: "/community/notizie/20230530-design-system-pubblicati-i-fondamenti-di-scrittura-per-l-esperienza-utente/"
+        dateInfo: 30 maggio 2023
+        tags: [Design system, Contenuti e linguaggio, Linguaggio, Microtesti, Tono di voce]
+
+  # # —
+  # # HIGHLIGHT LOOP
+  # # —
+  # highlightsLoop2 :

src/data/content/index.yaml

@@ -95,7 +95,7 @@ components:
         - label: "Scopri come collaborare"
           btnStyle: primary
           url: "/community/notizie/20230925-prendi-parte-anche-tu-all-evoluzione-del-design-system-del-paese"
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
     - title: "Modello sito web aziende sanitarie locali"
       subtitle: "È iniziata la progettazione del modello e delle risorse per i siti web delle asl. Partecipa alla prima fase di ricerca."
       big: true
@@ -110,7 +110,7 @@ components:
         - label: "Scopri come partecipare"
           btnStyle: primary
           url: "/community/notizie/20231017-aziende-sanitarie-locali-un-nuovo-modello-per-migliorare-il-sito-web"
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
 
   highlightCards:
     id: strumenti

src/data/content/modelli.yaml

@@ -169,7 +169,7 @@ components:
         - label: Scopri il modello Comuni
           btnStyle: primary
           url: "comuni/"
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
         #- label: Label button
           #btnStyle: outline-secondary
           #url: "#"
@@ -211,7 +211,7 @@ components:
         - label: Scopri il modello scuole
           btnStyle: primary
           url: "scuole/"
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
         #- label: Label button
           #btnStyle: outline-secondary
           #url: "#"
@@ -238,4 +238,4 @@ components:
     #     - label: Scopri i servizi #C
     #       btnStyle: primary
     #       url: "lorem-ipsum/" #M
-    #       addonStyle: mb-3 mb-sm-0
+    #       addonStyle: mb-3

src/data/content/norme-e-riferimenti.yaml

@@ -144,11 +144,11 @@ components:
         - label: Scopri le Linee guida di design #C
           btnStyle: primary
           url: "linee-guida-di-design/" #M
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
         - label: Scopri i requisiti #C
           btnStyle: outline-secondary
           url: "linee-guida-di-design#requisiti" #M
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
 
     # —
     # HIGHLIGHT

src/data/content/progetto.yaml

@@ -134,7 +134,7 @@ components:
         - label: Scopri visione e missione #C
           btnStyle: primary
           url: "visione-e-missione/" #M
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
 
     # —
     # HIGHLIGHT
@@ -161,7 +161,7 @@ components:
         - label: Scopri formazione e disseminazione
           btnStyle: primary
           url: "formazione-e-disseminazione/"
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
 
     # —
     # HIGHLIGHT BIG IMG
@@ -179,4 +179,4 @@ components:
         - label: Scopri la storia
           btnStyle: primary
           url: "storia/"
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3

src/data/content/risorse-per-progettare.yaml

@@ -158,7 +158,7 @@ components:
         - label: Esplora i kit per organizzare
           btnStyle: primary
           url: "organizzare/"
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
 
     - title: Comprendere #C
       id: comprendere
@@ -175,7 +175,7 @@ components:
         - label: Esplora i kit per comprendere
           btnStyle: primary
           url: "comprendere/"
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
 
     - title: Progettare #C
       id: progettare
@@ -192,7 +192,7 @@ components:
         - label: Esplora i kit per progettare
           btnStyle: primary
           url: "progettare/"
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
 
     - title: Realizzare #C
       id: realizzare
@@ -209,7 +209,7 @@ components:
         - label: Esplora i kit per realizzare
           btnStyle: primary
           url: "realizzare/"
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3
 
     - title: Validare #C
       id: validare
@@ -226,4 +226,4 @@ components:
         - label: Esplora i kit per validare
           btnStyle: primary
           url: "validare/"
-          addonStyle: mb-3 mb-sm-0
+          addonStyle: mb-3

src/pages/{content.relativePath}.js

@@ -246,6 +246,7 @@ export const query = graphql`
         }
         titleText {
           title
+          # text
         }
         highlightCardsLoop {
           id
@@ -375,12 +376,13 @@ export const query = graphql`
         #  background
         #  specular
         #  subtitle
+        #  text
         # buttons {
         #  label
         #  btnStyle
         #  url
         #  addonStyle
-        #  # disabled
+        #  disabled
         #}
         #}
         searchMain {
@@ -432,6 +434,8 @@ export const query = graphql`
             headingLevel
             rounded
             blank
+            dateInfo
+            tags
             externalLink {
               label
               screenReaderText