come-contribuire.yaml

# ————————————————————————————————————————————
# CREATEPAGE GATSBY
# ————————————————————————————————————————————
metadata:
  template:
    name: design-system-index

seo:
  name: Panoramica come contribuire
  description: Scopri i passi da seguire per contribuire al design system del Paese
  image: https://designers.italia.it/images/design-system/ds-beta-naming.png
  canonical: null
  pathname: /design-system/come-contribuire/

# navPreFooter:
#   navOtherPrevNext:
#     next:
#       label: Next page
#       url: "#"
#       blank: false
#       specular: true
#       icon:
#         icon: "sprites.svg#it-arrow-right"
#         size: "sm"
#         align: "middle"
#         color: "primary"
#         hidden: true
#         addonClasses: flex-shrink-0 ms-3

components:
  hero:
    background: light
    title: Come contribuire
    column: true
    subtitle: Scopri i passi da compiere per contribuire al design system del Paese
    tag:
      label: Design system #C
      addonClasses: mt-3 text-uppercase
    pretext:
      icon:
        icon: sprites.svg#it-help-circle
        size: sm
      text: In breve
    text: |
      Partecipa all'evoluzione del design system dedicato alla Pubblica Amministrazione italiana. Offri il tuo contributo per migliorare, accrescere e far evolvere la qualità della documentazione e delle risorse di design e sviluppo dedicate ai siti e i servizi digitali delle PA.
    kangaroo:
      id: kangarooHero
      noPadding: true
      column: true
      titleSr: Metadati e link per approfondire
      tagsLabel: Parliamo di
      color: secondary
      icon:
        icon: sprites.svg#it-horn
        size: sm
        color: secondary
      tags: [Progettazione interfaccia, Sviluppo interfaccia,UI Kit]


  # /////////// COMPONENT LIST FROM HERE ////////////
  filterCards:
    id: esplora
    title: Esplora le schede
    paddingX: true
    noSpace: false
    showTags: false
    # idInput: fundamentCardsInput # < XXX ENABLE TO ENABLE FILTER INPUT FORM ON FRONT END
    col2: true
    # button:
    #   btnStyle: outline-secondary justify-content-center w-100
    #   label: Filtra
    #   iconRight: true
    #   icon:
    #     icon: sprites.svg#it-funnel
    #     color: secondary
    #     addonClasses: ms-1 flex-shrink-0
    cards:
      - title: Modello di contribuzione
        # img: /images/600x400.png
        # alt: Descrizione immagine
        imgRatio: 16x9
        imgPlaceholder: false
        url: "modello-di-contribuzione/"
        fullHeight: true
        rounded: true
        text: |
          Tutte le indicazioni per contribuire all'evoluzione della documentazione e delle risorse del design system del Paese
        # tags: [Design system,Interfaccia utente,Progettazione interfaccia]

      - title: Per la documentazione
        # img: /images/600x400.png
        # alt: Descrizione immagine
        imgRatio: 16x9
        imgPlaceholder: false
        url: "per-la-documentazione/"
        fullHeight: true
        rounded: true
        text: |
          Le indicazioni e i passi da seguire per contribuire alla documentazione del progetto Designers Italia
        # tags: [Design system,Interfaccia utente,Sviluppo interfaccia]

      - title: Per il design
        # img: /images/600x400.png
        # alt: Descrizione immagine
        imgRatio: 16x9
        imgPlaceholder: false
        url: "per-il-design/"
        fullHeight: true
        rounded: true
        text: |
          Come contribuire alle risorse di design per progettare e prototipare interfacce ed esperienze di siti e servizi pubblici digitali.
        # tags: [Design system,Interfaccia utente,Servizi pubblici digitali]

      - title: Per lo sviluppo
        # img: /images/600x400.png
        # alt: Descrizione immagine
        imgRatio: 16x9
        imgPlaceholder: false
        url: "per-lo-sviluppo/"
        fullHeight: true
        rounded: true
        text: |
          Come contribuire alle librerie e alle risorse per sviluppare interfacce ed esperienze di siti e servizi pubblici digitali.
        # tags: [Design system,Interfaccia utente,Servizi pubblici digitali]


  # /////////// EDITORIAL CONTENTS FROM HERE ////////////
  # sectionsEditorial:
  # - fullColumn: true
  #   noSpace: true
  #   components:
  #     - name: ImgFull
  #       img: /images/design-system/fondamenti.jpg
  #       alt: ""

  sectionsEditorial2:
    - full: true
      noSpace: false
      paddingLeft: true
      components:
        - name: TextImageCta
          noSpace: true
    #       text: |
    #         Puoi contribuire anche tu all'evoluzione del design system del Paese proponendo suggerimenti utili.
    #       ctas:
    #       - label: "Scopri come iniziare se sei un designer" #C
    #         url: "/design-system/come-iniziare/per-designer/" #M
    #         blank: false #M #C true if new tab for external links
    #         icon:
    #           icon: sprites.svg#it-arrow-right #C #I #it-arrow-right | it-external-link for external links
    #           color: primary
    #           align: middle
    #           hidden: true
    #           size: sm
    #           addonClasses: ms-2
    #       - label: "Scopri come iniziare se sei uno sviluppatore" #C
    #         url: "/design-system/come-iniziare/per-sviluppatori/"
    #         blank: false #M #C true if new tab for external links
    #         icon:
    #           icon: sprites.svg#it-arrow-right #C #I #it-arrow-right | it-external-link for external links
    #           color: primary
    #           align: middle
    #           hidden: true
    #           size: sm
    #           addonClasses: ms-2