-
Notifications
You must be signed in to change notification settings - Fork 38
/
Copy pathmodelli.yaml
309 lines (290 loc) · 10.8 KB
/
modelli.yaml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
# INSTRUCTIONS
# folder structure:
# levelX.yaml < contents and settings
# levelX/ < folder with childrens
# important: each level has its dedicated template, from level1 to level4
#
# comments:
# #C to locate all editable content
# #M for links/navigation
# #I for images/media
# #AUTO for parts that will soon be automated, preferably
#
# comment with # to hide something
# delete with caution
# ————————————————————————————————————————————
# CREATEPAGE GATSBY
# ————————————————————————————————————————————
metadata:
template:
name: level1
activeLabel: Modelli
# ————————————————————————————————————————————
# SEO, OPENGRAPH
# ————————————————————————————————————————————
seo:
name: Modelli - Designers Italia #C REMIND "- Designers Italia" #AUTO
description: Le risorse per realizzare il sito e i servizi digitali della tua amministrazione. #C
image: https://designers.italia.it/images/modelli/modelli-cover.png
canonical: null
pathname: /modelli/ #M
# ————————————————————————————————————————————
# CONTENT
# ————————————————————————————————————————————
components:
# ///////////////////
# HERO
# ///////////////////
hero:
background: primary
title: Modelli #C
subtitle: Le risorse per realizzare il sito e i servizi digitali della tua amministrazione #C
pretext:
icon:
icon: sprites.svg#it-help-circle
size: sm
text: In breve
text: | #C
I modelli di design ti guidano nella **realizzazione di siti e servizi istituzionali già validati dalla ricerca e progettati sui bisogni dei cittadini**. Aderenti alle linee guida nazionali e alle migliori pratiche di progettazione digitale, **i modelli comprendono indicazioni e risorse pronte all'uso** che ti aiutano a impostare e svolgere il lavoro in modo rapido ed economico.
# img: /images/400x300.png #I
# alt: alt lorem ipsum #C
imgRatio: 4x3
# KANGAROO: METADATA
kangaroo:
id: metadati-e-link
titleSr: Metadati e link per approfondire
tagsLabel: Parliamo di
color: white
icon:
icon: sprites.svg#it-horn
size: sm
color: white
tags: [Esperienza utente,Adozione modelli,Progettazione servizi]
# KANGAROO: CHILDREN SHORTCUTS
dropdown:
btnId: dropdownKang
button:
addonStyle: dropdown-toggle btn-dropdown
label: Scopri i modelli #C
iconRight: true
icon:
icon: sprites.svg#it-expand
size: sm
color: white
addonClasses: icon-expand ms-2
list:
listItems: #AUTO
- url: "comuni/" #M
label: "Comuni" #C
- url: "scuole/" #M
label: "Scuole" #C
- url: "musei-civici/" #M
label: "Musei civici" #C
- url: "aziende-sanitarie-locali/" #M
label: "Aziende sanitarie locali" #C
# ///////////////////
# INTRO
# ///////////////////
sectionIntro:
section: true
id: intro
headingLevel: 2
title: "Realizza un’esperienza digitale efficace" #C
background: null
text: | #C
I modelli contribuiscono alla trasformazione digitale delle Pubbliche Amministrazioni con **siti e servizi digitali chiari, semplici da usare e accessibili**. Solidi punti di riferimento dove le persone possono trovare facilmente le informazioni di cui hanno bisogno e completare adempimenti verso le amministrazioni direttamente online.
moreButton: Leggi di più
moreButtonClose: Chiudi
moreText: | #C
I modelli comprendono l'architettura dell'informazione, l'interfaccia e il codice per il sito e i servizi digitali delle pubbliche amministrazioni. Sono frutto di un processo pluriennale di ricerca e progettazione con gli utenti e aderiscono alle [Linee guida di design per i siti internet e i servizi digitali della PA](/norme-e-riferimenti/linee-guida-di-design/) e alle indicazioni europee basate su [eGovernment benchmark](https://op.europa.eu/it/publication-detail/-/publication/333fe21f-4372-11ec-89db-01aa75ed71a1).
### Risorse pronte all'uso
Sono disponibili risorse operative, come i template HTML e i temi per CMS, che permettono l'adozione dei modelli in modo rapido e a basso costo.
### Adottare i modelli è semplice con il PNRR
Scopri su [PA digitale 2026](https://padigitale2026.gov.it/) se sono disponibili avvisi per il finanziamento dedicato a migliorare l'esperienza del cittadino nei servizi pubblici.
# ///////////////////
# HIGHLIGHTS
# ///////////////////
titleText:
title: Scopri i modelli di design #C
# —
# HIGHLIGHT LOOP
# —
highlightsLoop1 :
# # —
# # HIGHLIGHT BIG IMG
# # —
# - title: Lorem ipsum #C
# id: HL1
# img: /images/400x300.png #I
# alt: Alt lorem ipsum #C
# headingLevel: 3
# background: light # null | light | medium | dark
# big: true
# specular: false
# subtitle: Lorem ipsum #C
# buttons: #C #I
# - label: Scopri lorem ipsum #C
# btnStyle: primary
# url: "lorem-ipsum/" #M
# addonStyle: mb-0
# —
# HIGHLIGHT
# —
- title: Comuni #C
id: comuni
img: /images/modelli/comuni-cover-square.png #I
alt: "" #C
headingLevel: 3
specular: true
# fullImg: false
background: light # null | light | medium | dark
big: true
subtitle: Il modello per il sito e i servizi comunali #C
numbers: #C #I
items:
- icon: sprites.svg#it-file
number: "1"
label: Documento di architettura
- icon: sprites.svg#it-files
number: "90"
label: Template HTML
- icon: sprites.svg#it-folder
number: "2"
label: Temi CMS
- icon: sprites.svg#it-user
number: "21"
label: Prototipi
text: "Le risorse per realizzare un solido punto di riferimento per i cittadini, dove trovare facilmente le informazioni di cui hanno bisogno e completare adempimenti verso l’amministrazione comunale direttamente online." #C
buttons: #C #M
- label: Scopri il modello Comuni
btnStyle: primary
url: "comuni/"
addonStyle: mb-3
#- label: Label button
#btnStyle: outline-secondary
#url: "#"
#addonStyle: mb-0
#- label: Label button
#btnStyle: outline-secondary
#url: "#"
#addonStyle: mb-0
# —
# HIGHLIGHT
# —
- title: Scuole #C
id: HL4
img: /images/modelli/scuola-cover-square.png #I
alt: "" #C
headingLevel: 3
big: true
background: null
specular: false
subtitle: Il modello per il sito scolastico #C
numbers: #C #I
items:
- icon: sprites.svg#it-file
number: "1"
label: Documento di architettura
- icon: sprites.svg#it-files
number: "28"
label: Template HTML
- icon: sprites.svg#it-folder
number: "1"
label: Tema per WordPress
- icon: sprites.svg#it-user
number: "18"
label: Prototipi
text: "Le risorse per creare un punto di accesso semplice e funzionale alla realtà della scuola. Dagli orari delle lezioni e i materiali didattici, alle novità e gli eventi, il modello di sito per le scuole risponde alle esigenze degli studenti, dei gentitori e dell’intera comunità scolastica." #C
buttons: #C #M
- label: Scopri il modello scuole
btnStyle: primary
url: "scuole/"
addonStyle: mb-3
#- label: Label button
#btnStyle: outline-secondary
#url: "#"
#addonStyle: mb-0
#- label: Label button
#btnStyle: outline-secondary
#url: "#"
#addonStyle: mb-0
# —
# HIGHLIGHT BIG IMG
# —
- title: Aziende sanitarie locali (ASL) #C
id: aziendesanitarielocali
img: /images/modelli/asl-cover-square.png #I
alt: "" #C
headingLevel: 3
background: light # null | light | medium | dark
big: true
specular: true
subtitle: Il modello per il sito delle ASL #C
numbers: #C #I
items:
- icon: sprites.svg#it-file
number: "1"
label: Documento di architettura
- icon: sprites.svg#it-tool
number: "1"
label: Libreria dei componenti
- icon: sprites.svg#it-folder
number: "15"
label: Layout hi-fi di pagina
- icon: sprites.svg#it-user
number: "7"
label: Prototipi navigabili
text: "Le risorse per realizzare con facilità esperienze digitali semplici e accessibili per gli utenti delle ASL."
buttons: #C #I
- label: Scopri il modello ASL #C
btnStyle: primary
url: "aziende-sanitarie-locali/" #M
addonStyle: mb-3
# —
# HIGHLIGHT BIG IMG
# —
- title: Musei civici #C
id: museicivici
img: /images/modelli/musei-cover-square.png #I
alt: "" #C
headingLevel: 3
background: null # null | light | medium | dark
big: true
specular: false
subtitle: Il modello per il sito dei musei civici #C
text: "Le risorse per realizzare con facilità esperienze digitali semplici e accessibili per i visitatori dei musei civici."
numbers: #C #I
items:
- icon: sprites.svg#it-file
number: "1"
label: Documento di architettura
- icon: sprites.svg#it-tool
number: "1"
label: Libreria dei componenti
- icon: sprites.svg#it-folder
number: "30"
label: Layout hi-fi di pagina
- icon: sprites.svg#it-user
number: "9"
label: Prototipi navigabili
buttons: #C #I
- label: Scopri il modello Musei civici #C
btnStyle: primary
url: "musei-civici/" #M
# # —
# # HIGHLIGHT BIG IMG
# # —
# - title: Servizi #C
# id: servizi
# img: /images/400x300.png #I
# alt: Alt lorem ipsum #C
# headingLevel: 3
# background: dark # null | light | medium | dark
# big: true
# specular: false
# subtitle: Lorem ipsum #C
# buttons: #C #I
# - label: Scopri i servizi #C
# btnStyle: primary
# url: "lorem-ipsum/" #M
# addonStyle: mb-3