@qhealth-design-system/core 1.16.3 → 1.16.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/package.json +1 -10
- package/src/components/_global/css/admin/component.scss +19 -23
- package/src/components/_global/css/tags/component.scss +0 -4
- package/src/components/_global/html/scripts.html +9 -16
- package/src/components/_global/js/select_boxes/global.js +36 -0
- package/src/components/_template/html/component-page.html +25 -31
- package/src/components/a-z_listing/js/global.js +60 -48
- package/src/components/card_no_action/css/component.scss +128 -158
- package/src/components/prefooter/css/component.scss +62 -0
- package/src/components/prefooter/js/manifest.json +9 -0
- package/src/components/promo_panel/js/global.js +19 -18
- package/src/data/current.json +3 -15
- package/src/html/component-a-z_listing.html +13 -41
- package/src/html/component-abstract.html +536 -40
- package/src/html/component-accordion.html +537 -41
- package/src/html/component-banner.html +537 -40
- package/src/html/component-banner_advanced.html +14 -41
- package/src/html/component-banner_basic.html +13 -40
- package/src/html/component-banner_intermediate.html +14 -41
- package/src/html/component-basic_search.html +10 -26
- package/src/html/component-body.html +541 -52
- package/src/html/component-breadcrumbs.html +538 -43
- package/src/html/component-btn.html +471 -69
- package/src/html/component-callout.html +536 -40
- package/src/html/component-card_feature.html +691 -308
- package/src/html/component-card_multi_action.html +651 -217
- package/src/html/component-card_no_action.html +163 -289
- package/src/html/component-card_single_action.html +1251 -324
- package/src/html/component-code.html +13 -40
- package/src/html/component-file_upload.html +13 -41
- package/src/html/component-footer.html +537 -41
- package/src/html/component-forms.html +4 -5
- package/src/html/component-global-elements.html +720 -152
- package/src/html/component-global_alert.html +536 -41
- package/src/html/component-header.html +537 -42
- package/src/html/component-horizontal_rule.html +459 -65
- package/src/html/component-in_page_navigation.html +544 -48
- package/src/html/component-internal_navigation.html +537 -41
- package/src/html/component-left_hand_navigation.html +13 -41
- package/src/html/component-loading_spinner.html +13 -42
- package/src/html/component-main_navigation.html +537 -41
- package/src/html/component-mega_main_navigation.html +537 -42
- package/src/html/component-multi_column.html +536 -40
- package/src/html/component-overflow_menu.html +12 -35
- package/src/html/component-page_alert.html +536 -40
- package/src/html/component-page_footer_info.html +583 -0
- package/src/html/component-pagination.html +459 -65
- package/src/html/component-promo_panel.html +13 -43
- package/src/html/component-tab.html +13 -41
- package/src/html/component-tag_list.html +495 -77
- package/src/html/component-toggle_tip.html +2 -3
- package/src/html/component-tool_tip.html +2 -3
- package/src/html/component-video_player.html +13 -41
- package/src/html/components.html +306 -88
- package/src/html/home.html +1807 -628
- package/src/html/index.html +9 -22
- package/src/html/inner-with-nav.html +551 -137
- package/src/html/inner.html +570 -59
- package/src/index.js +1 -13
- package/src/styles/global.scss +4 -10
- package/src/components/_global/css/slick/component.scss +0 -25
- package/src/components/_global/js/forms/global.js +0 -335
- package/src/components/_global/js/slick/global.js +0 -153
- package/src/components/_global/js/user_location/global.js +0 -116
- package/src/components/data_table/css/component.scss +0 -832
- package/src/components/data_table/html/component.hbs +0 -20
- package/src/components/data_table/js/global.js +0 -387
- package/src/components/data_table/js/manifest.json +0 -112
- package/src/components/updated_date/css/component.scss +0 -24
- package/src/components/updated_date/js/manifest.json +0 -9
- package/src/components/widgets/css/component.scss +0 -130
- package/src/components/widgets/html/component.hbs +0 -8
- package/src/components/widgets/html/default.html +0 -3
- package/src/components/widgets/js/current.json +0 -471
- package/src/components/widgets/js/manifest.json +0 -9
- package/src/components/widgets/js/site.json +0 -350
- package/src/externals/dsComponentLoader.js +0 -410
- package/src/externals/fb-typeahead.bundle.min.js +0 -6
- package/src/externals/funnelback.autocompletion-2.6.0.js +0 -678
- package/src/html/component-data_table.html +0 -85
- package/src/html/component-updated_date.html +0 -88
- package/src/html/component-widgets.html +0 -90
- /package/src/components/{updated_date → prefooter}/html/component.hbs +0 -0
|
@@ -14,31 +14,545 @@
|
|
|
14
14
|
|
|
15
15
|
<head>
|
|
16
16
|
<title>Queensland Design System</title>
|
|
17
|
-
|
|
17
|
+
|
|
18
18
|
${require('../components/_global/html/head.html')}
|
|
19
19
|
<script>
|
|
20
|
-
var globals = {
|
|
20
|
+
var globals = {
|
|
21
|
+
site: {
|
|
22
|
+
data: {
|
|
23
|
+
assetid: "136",
|
|
24
|
+
type_code: "site",
|
|
25
|
+
version: "0.0.8",
|
|
26
|
+
name: "Design System",
|
|
27
|
+
short_name: "Design System",
|
|
28
|
+
status: "2",
|
|
29
|
+
force_secure: "0",
|
|
30
|
+
languages: "en",
|
|
31
|
+
charset: "utf-8",
|
|
32
|
+
created: "2020-12-09 13:11:12",
|
|
33
|
+
created_userid: "54",
|
|
34
|
+
updated: "2021-01-20 15:08:30",
|
|
35
|
+
updated_userid: "312",
|
|
36
|
+
published: "Never",
|
|
37
|
+
published_userid: "",
|
|
38
|
+
status_changed: "2020-12-09 13:11:12",
|
|
39
|
+
status_changed_userid: "54",
|
|
40
|
+
thumbnail: "",
|
|
41
|
+
attributes: {
|
|
42
|
+
name: {
|
|
43
|
+
attrid: "685",
|
|
44
|
+
type: "text",
|
|
45
|
+
value: "Design System",
|
|
46
|
+
is_contextable: true,
|
|
47
|
+
use_default: true,
|
|
48
|
+
},
|
|
49
|
+
not_found_page_cache_globally: {
|
|
50
|
+
attrid: "686",
|
|
51
|
+
type: "boolean",
|
|
52
|
+
value: false,
|
|
53
|
+
is_contextable: false,
|
|
54
|
+
use_default: true,
|
|
55
|
+
},
|
|
56
|
+
available_conditions: {
|
|
57
|
+
attrid: "687",
|
|
58
|
+
type: "serialise",
|
|
59
|
+
value: [],
|
|
60
|
+
is_contextable: false,
|
|
61
|
+
use_default: true,
|
|
62
|
+
},
|
|
63
|
+
},
|
|
64
|
+
metadata: {
|
|
65
|
+
displayInPageNav: {
|
|
66
|
+
value: "",
|
|
67
|
+
fieldid: "808",
|
|
68
|
+
type: "metadata_field_select",
|
|
69
|
+
is_contextable: true,
|
|
70
|
+
default_value: true,
|
|
71
|
+
use_default: true,
|
|
72
|
+
},
|
|
73
|
+
inPageNav_heading: {
|
|
74
|
+
value: "On this page",
|
|
75
|
+
fieldid: "809",
|
|
76
|
+
type: "metadata_field_text",
|
|
77
|
+
is_contextable: true,
|
|
78
|
+
default_value: true,
|
|
79
|
+
use_default: true,
|
|
80
|
+
},
|
|
81
|
+
inPageNav_headingType: {
|
|
82
|
+
value: "h2",
|
|
83
|
+
fieldid: "810",
|
|
84
|
+
type: "metadata_field_select",
|
|
85
|
+
is_contextable: true,
|
|
86
|
+
default_value: true,
|
|
87
|
+
use_default: true,
|
|
88
|
+
},
|
|
89
|
+
siteTitle: {
|
|
90
|
+
value: "Queensland Health Design System",
|
|
91
|
+
fieldid: "166",
|
|
92
|
+
type: "metadata_field_text",
|
|
93
|
+
is_contextable: true,
|
|
94
|
+
default_value: false,
|
|
95
|
+
use_default: true,
|
|
96
|
+
},
|
|
97
|
+
siteLogo: {
|
|
98
|
+
value: "169",
|
|
99
|
+
fieldid: "127",
|
|
100
|
+
type: "metadata_field_related_asset",
|
|
101
|
+
is_contextable: true,
|
|
102
|
+
default_value: false,
|
|
103
|
+
use_default: true,
|
|
104
|
+
},
|
|
105
|
+
siteFavicon: {
|
|
106
|
+
value: "106",
|
|
107
|
+
fieldid: "128",
|
|
108
|
+
type: "metadata_field_related_asset",
|
|
109
|
+
is_contextable: true,
|
|
110
|
+
default_value: false,
|
|
111
|
+
use_default: true,
|
|
112
|
+
},
|
|
113
|
+
siteAppleTouch: {
|
|
114
|
+
value: "106",
|
|
115
|
+
fieldid: "129",
|
|
116
|
+
type: "metadata_field_related_asset",
|
|
117
|
+
is_contextable: true,
|
|
118
|
+
default_value: false,
|
|
119
|
+
use_default: true,
|
|
120
|
+
},
|
|
121
|
+
sitePreHeaderLogo: {
|
|
122
|
+
value: "170",
|
|
123
|
+
fieldid: "171",
|
|
124
|
+
type: "metadata_field_related_asset",
|
|
125
|
+
is_contextable: true,
|
|
126
|
+
default_value: false,
|
|
127
|
+
use_default: true,
|
|
128
|
+
},
|
|
129
|
+
sitePreHeaderText: {
|
|
130
|
+
value: "digital.qld.gov.au",
|
|
131
|
+
fieldid: "167",
|
|
132
|
+
type: "metadata_field_text",
|
|
133
|
+
is_contextable: true,
|
|
134
|
+
default_value: false,
|
|
135
|
+
use_default: true,
|
|
136
|
+
},
|
|
137
|
+
sitePreHeaderURL: {
|
|
138
|
+
value: "http://www.digital.qld.gov.au",
|
|
139
|
+
fieldid: "168",
|
|
140
|
+
type: "metadata_field_text",
|
|
141
|
+
is_contextable: true,
|
|
142
|
+
default_value: false,
|
|
143
|
+
use_default: true,
|
|
144
|
+
},
|
|
145
|
+
showHomeIcon: {
|
|
146
|
+
value: "true",
|
|
147
|
+
fieldid: "481",
|
|
148
|
+
type: "metadata_field_select",
|
|
149
|
+
is_contextable: true,
|
|
150
|
+
default_value: true,
|
|
151
|
+
use_default: true,
|
|
152
|
+
},
|
|
153
|
+
siteRepository: {
|
|
154
|
+
value: "164",
|
|
155
|
+
fieldid: "213",
|
|
156
|
+
type: "metadata_field_related_asset",
|
|
157
|
+
is_contextable: true,
|
|
158
|
+
default_value: false,
|
|
159
|
+
use_default: true,
|
|
160
|
+
},
|
|
161
|
+
footerLinks: {
|
|
162
|
+
value: '["186","194","198","458","676"]',
|
|
163
|
+
fieldid: "715",
|
|
164
|
+
type: "metadata_field_related_asset",
|
|
165
|
+
is_contextable: true,
|
|
166
|
+
default_value: false,
|
|
167
|
+
use_default: true,
|
|
168
|
+
},
|
|
169
|
+
footerCopyrightMessage: {
|
|
170
|
+
value: "© The State of Queensland 2020",
|
|
171
|
+
fieldid: "722",
|
|
172
|
+
type: "metadata_field_text",
|
|
173
|
+
is_contextable: true,
|
|
174
|
+
default_value: true,
|
|
175
|
+
use_default: true,
|
|
176
|
+
},
|
|
177
|
+
footerCopyrightLink: {
|
|
178
|
+
value: "206",
|
|
179
|
+
fieldid: "723",
|
|
180
|
+
type: "metadata_field_related_asset",
|
|
181
|
+
is_contextable: true,
|
|
182
|
+
default_value: false,
|
|
183
|
+
use_default: true,
|
|
184
|
+
},
|
|
185
|
+
footerCTAHeading: {
|
|
186
|
+
value: "Help us improve",
|
|
187
|
+
fieldid: "724",
|
|
188
|
+
type: "metadata_field_text",
|
|
189
|
+
is_contextable: true,
|
|
190
|
+
default_value: false,
|
|
191
|
+
use_default: true,
|
|
192
|
+
},
|
|
193
|
+
footerCTALead: {
|
|
194
|
+
value: "We are always looking for ways to improve our website.",
|
|
195
|
+
fieldid: "725",
|
|
196
|
+
type: "metadata_field_text",
|
|
197
|
+
is_contextable: true,
|
|
198
|
+
default_value: false,
|
|
199
|
+
use_default: true,
|
|
200
|
+
},
|
|
201
|
+
footerCTALink: {
|
|
202
|
+
value: "186",
|
|
203
|
+
fieldid: "726",
|
|
204
|
+
type: "metadata_field_related_asset",
|
|
205
|
+
is_contextable: true,
|
|
206
|
+
default_value: false,
|
|
207
|
+
use_default: true,
|
|
208
|
+
},
|
|
209
|
+
},
|
|
210
|
+
},
|
|
211
|
+
metadata: {
|
|
212
|
+
displayInPageNav: {
|
|
213
|
+
value: "",
|
|
214
|
+
fieldid: "808",
|
|
215
|
+
type: "metadata_field_select",
|
|
216
|
+
is_contextable: true,
|
|
217
|
+
default_value: true,
|
|
218
|
+
use_default: true,
|
|
219
|
+
},
|
|
220
|
+
inPageNav_heading: {
|
|
221
|
+
value: "On this page",
|
|
222
|
+
fieldid: "809",
|
|
223
|
+
type: "metadata_field_text",
|
|
224
|
+
is_contextable: true,
|
|
225
|
+
default_value: true,
|
|
226
|
+
use_default: true,
|
|
227
|
+
},
|
|
228
|
+
inPageNav_headingType: {
|
|
229
|
+
value: "h2",
|
|
230
|
+
fieldid: "810",
|
|
231
|
+
type: "metadata_field_select",
|
|
232
|
+
is_contextable: true,
|
|
233
|
+
default_value: true,
|
|
234
|
+
use_default: true,
|
|
235
|
+
},
|
|
236
|
+
siteTitle: {
|
|
237
|
+
value: "Queensland Health Design System",
|
|
238
|
+
fieldid: "166",
|
|
239
|
+
type: "metadata_field_text",
|
|
240
|
+
is_contextable: true,
|
|
241
|
+
default_value: false,
|
|
242
|
+
use_default: true,
|
|
243
|
+
},
|
|
244
|
+
siteLogo: {
|
|
245
|
+
value: "169",
|
|
246
|
+
fieldid: "127",
|
|
247
|
+
type: "metadata_field_related_asset",
|
|
248
|
+
is_contextable: true,
|
|
249
|
+
default_value: false,
|
|
250
|
+
use_default: true,
|
|
251
|
+
},
|
|
252
|
+
siteFavicon: {
|
|
253
|
+
value: "106",
|
|
254
|
+
fieldid: "128",
|
|
255
|
+
type: "metadata_field_related_asset",
|
|
256
|
+
is_contextable: true,
|
|
257
|
+
default_value: false,
|
|
258
|
+
use_default: true,
|
|
259
|
+
},
|
|
260
|
+
siteAppleTouch: {
|
|
261
|
+
value: "106",
|
|
262
|
+
fieldid: "129",
|
|
263
|
+
type: "metadata_field_related_asset",
|
|
264
|
+
is_contextable: true,
|
|
265
|
+
default_value: false,
|
|
266
|
+
use_default: true,
|
|
267
|
+
},
|
|
268
|
+
sitePreHeaderLogo: {
|
|
269
|
+
value: "170",
|
|
270
|
+
fieldid: "171",
|
|
271
|
+
type: "metadata_field_related_asset",
|
|
272
|
+
is_contextable: true,
|
|
273
|
+
default_value: false,
|
|
274
|
+
use_default: true,
|
|
275
|
+
},
|
|
276
|
+
sitePreHeaderText: {
|
|
277
|
+
value: "digital.qld.gov.au",
|
|
278
|
+
fieldid: "167",
|
|
279
|
+
type: "metadata_field_text",
|
|
280
|
+
is_contextable: true,
|
|
281
|
+
default_value: false,
|
|
282
|
+
use_default: true,
|
|
283
|
+
},
|
|
284
|
+
sitePreHeaderURL: {
|
|
285
|
+
value: "http://www.digital.qld.gov.au",
|
|
286
|
+
fieldid: "168",
|
|
287
|
+
type: "metadata_field_text",
|
|
288
|
+
is_contextable: true,
|
|
289
|
+
default_value: false,
|
|
290
|
+
use_default: true,
|
|
291
|
+
},
|
|
292
|
+
showHomeIcon: {
|
|
293
|
+
value: "true",
|
|
294
|
+
fieldid: "481",
|
|
295
|
+
type: "metadata_field_select",
|
|
296
|
+
is_contextable: true,
|
|
297
|
+
default_value: true,
|
|
298
|
+
use_default: true,
|
|
299
|
+
},
|
|
300
|
+
siteRepository: {
|
|
301
|
+
value: "164",
|
|
302
|
+
fieldid: "213",
|
|
303
|
+
type: "metadata_field_related_asset",
|
|
304
|
+
is_contextable: true,
|
|
305
|
+
default_value: false,
|
|
306
|
+
use_default: true,
|
|
307
|
+
},
|
|
308
|
+
footerLinks: {
|
|
309
|
+
value: '["186","194","198","458","676"]',
|
|
310
|
+
fieldid: "715",
|
|
311
|
+
type: "metadata_field_related_asset",
|
|
312
|
+
is_contextable: true,
|
|
313
|
+
default_value: false,
|
|
314
|
+
use_default: true,
|
|
315
|
+
},
|
|
316
|
+
footerCopyrightMessage: {
|
|
317
|
+
value: "© The State of Queensland 2020",
|
|
318
|
+
fieldid: "722",
|
|
319
|
+
type: "metadata_field_text",
|
|
320
|
+
is_contextable: true,
|
|
321
|
+
default_value: true,
|
|
322
|
+
use_default: true,
|
|
323
|
+
},
|
|
324
|
+
footerCopyrightLink: {
|
|
325
|
+
value: "206",
|
|
326
|
+
fieldid: "723",
|
|
327
|
+
type: "metadata_field_related_asset",
|
|
328
|
+
is_contextable: true,
|
|
329
|
+
default_value: false,
|
|
330
|
+
use_default: true,
|
|
331
|
+
},
|
|
332
|
+
footerCTAHeading: {
|
|
333
|
+
value: "Help us improve",
|
|
334
|
+
fieldid: "724",
|
|
335
|
+
type: "metadata_field_text",
|
|
336
|
+
is_contextable: true,
|
|
337
|
+
default_value: false,
|
|
338
|
+
use_default: true,
|
|
339
|
+
},
|
|
340
|
+
footerCTALead: {
|
|
341
|
+
value: "We are always looking for ways to improve our website.",
|
|
342
|
+
fieldid: "725",
|
|
343
|
+
type: "metadata_field_text",
|
|
344
|
+
is_contextable: true,
|
|
345
|
+
default_value: false,
|
|
346
|
+
use_default: true,
|
|
347
|
+
},
|
|
348
|
+
footerCTALink: {
|
|
349
|
+
value: "186",
|
|
350
|
+
fieldid: "726",
|
|
351
|
+
type: "metadata_field_related_asset",
|
|
352
|
+
is_contextable: true,
|
|
353
|
+
default_value: false,
|
|
354
|
+
use_default: true,
|
|
355
|
+
},
|
|
356
|
+
},
|
|
357
|
+
children: [
|
|
358
|
+
{ asset_name: "Get started", asset_assetid: "186" },
|
|
359
|
+
{
|
|
360
|
+
asset_name: "Brand guidelines",
|
|
361
|
+
asset_assetid: "190",
|
|
362
|
+
},
|
|
363
|
+
{
|
|
364
|
+
asset_name: "Content guidelines",
|
|
365
|
+
asset_assetid: "194",
|
|
366
|
+
},
|
|
367
|
+
{ asset_name: "Components", asset_assetid: "198" },
|
|
368
|
+
{ asset_name: "Examples", asset_assetid: "202" },
|
|
369
|
+
{ asset_name: "Support", asset_assetid: "206" },
|
|
370
|
+
],
|
|
371
|
+
},
|
|
372
|
+
current: {
|
|
373
|
+
data: {
|
|
374
|
+
assetid: "676",
|
|
375
|
+
type_code: "page_standard",
|
|
376
|
+
version: "0.0.16",
|
|
377
|
+
name: "Links",
|
|
378
|
+
short_name: "Links",
|
|
379
|
+
status: "2",
|
|
380
|
+
force_secure: "0",
|
|
381
|
+
languages: "en",
|
|
382
|
+
charset: "utf-8",
|
|
383
|
+
created: "2021-01-11 11:48:22",
|
|
384
|
+
created_userid: "312",
|
|
385
|
+
updated: "2021-01-20 15:08:29",
|
|
386
|
+
updated_userid: "312",
|
|
387
|
+
published: "Never",
|
|
388
|
+
published_userid: "",
|
|
389
|
+
status_changed: "2021-01-11 11:48:22",
|
|
390
|
+
status_changed_userid: "312",
|
|
391
|
+
thumbnail: "",
|
|
392
|
+
attributes: {
|
|
393
|
+
name: {
|
|
394
|
+
attrid: "631",
|
|
395
|
+
type: "text",
|
|
396
|
+
value: "Links",
|
|
397
|
+
is_contextable: true,
|
|
398
|
+
use_default: true,
|
|
399
|
+
},
|
|
400
|
+
short_name: {
|
|
401
|
+
attrid: "632",
|
|
402
|
+
type: "text",
|
|
403
|
+
value: "Links",
|
|
404
|
+
is_contextable: true,
|
|
405
|
+
use_default: true,
|
|
406
|
+
},
|
|
407
|
+
available_conditions: {
|
|
408
|
+
attrid: "633",
|
|
409
|
+
type: "serialise",
|
|
410
|
+
value: [],
|
|
411
|
+
is_contextable: false,
|
|
412
|
+
use_default: true,
|
|
413
|
+
},
|
|
414
|
+
conditions: {
|
|
415
|
+
attrid: "634",
|
|
416
|
+
type: "serialise",
|
|
417
|
+
value: [],
|
|
418
|
+
is_contextable: true,
|
|
419
|
+
use_default: true,
|
|
420
|
+
},
|
|
421
|
+
},
|
|
422
|
+
metadata: {
|
|
423
|
+
description: {
|
|
424
|
+
value: "",
|
|
425
|
+
fieldid: "132",
|
|
426
|
+
type: "metadata_field_text",
|
|
427
|
+
is_contextable: true,
|
|
428
|
+
default_value: true,
|
|
429
|
+
use_default: true,
|
|
430
|
+
},
|
|
431
|
+
pageType: {
|
|
432
|
+
value: "landing",
|
|
433
|
+
fieldid: "680",
|
|
434
|
+
type: "metadata_field_select",
|
|
435
|
+
is_contextable: true,
|
|
436
|
+
default_value: false,
|
|
437
|
+
use_default: true,
|
|
438
|
+
},
|
|
439
|
+
displayBreadcrumbs: {
|
|
440
|
+
value: "true",
|
|
441
|
+
fieldid: "681",
|
|
442
|
+
type: "metadata_field_select",
|
|
443
|
+
is_contextable: true,
|
|
444
|
+
default_value: true,
|
|
445
|
+
use_default: true,
|
|
446
|
+
},
|
|
447
|
+
displayBanner: {
|
|
448
|
+
value: "true",
|
|
449
|
+
fieldid: "682",
|
|
450
|
+
type: "metadata_field_select",
|
|
451
|
+
is_contextable: true,
|
|
452
|
+
default_value: true,
|
|
453
|
+
use_default: true,
|
|
454
|
+
},
|
|
455
|
+
displayInPageNav: {
|
|
456
|
+
value: "true",
|
|
457
|
+
fieldid: "808",
|
|
458
|
+
type: "metadata_field_select",
|
|
459
|
+
is_contextable: true,
|
|
460
|
+
default_value: true,
|
|
461
|
+
use_default: true,
|
|
462
|
+
},
|
|
463
|
+
inPageNav_heading: {
|
|
464
|
+
value: "On this page",
|
|
465
|
+
fieldid: "809",
|
|
466
|
+
type: "metadata_field_text",
|
|
467
|
+
is_contextable: true,
|
|
468
|
+
default_value: true,
|
|
469
|
+
use_default: true,
|
|
470
|
+
},
|
|
471
|
+
inPageNav_headingType: {
|
|
472
|
+
value: "h2",
|
|
473
|
+
fieldid: "810",
|
|
474
|
+
type: "metadata_field_select",
|
|
475
|
+
is_contextable: true,
|
|
476
|
+
default_value: true,
|
|
477
|
+
use_default: true,
|
|
478
|
+
},
|
|
479
|
+
},
|
|
480
|
+
},
|
|
481
|
+
home: 0,
|
|
482
|
+
children: [
|
|
483
|
+
{
|
|
484
|
+
asset_assetid: "458",
|
|
485
|
+
asset_url: "https://qhscb.squiz.cloud/components/accordion",
|
|
486
|
+
asset_name: "Accordion",
|
|
487
|
+
children: [],
|
|
488
|
+
},
|
|
489
|
+
{
|
|
490
|
+
asset_assetid: "325",
|
|
491
|
+
asset_url: "https://qhscb.squiz.cloud/components/callout",
|
|
492
|
+
asset_name: "Callout",
|
|
493
|
+
children: [],
|
|
494
|
+
},
|
|
495
|
+
{
|
|
496
|
+
asset_assetid: "659",
|
|
497
|
+
asset_url: "https://qhscb.squiz.cloud/components/card-listing",
|
|
498
|
+
asset_name: "Card Listing",
|
|
499
|
+
children: [],
|
|
500
|
+
},
|
|
501
|
+
{
|
|
502
|
+
asset_assetid: "676",
|
|
503
|
+
asset_url: "https://qhscb.squiz.cloud/components/links",
|
|
504
|
+
asset_name: "Links",
|
|
505
|
+
children: [],
|
|
506
|
+
},
|
|
507
|
+
{
|
|
508
|
+
asset_assetid: "683",
|
|
509
|
+
asset_url: "https://qhscb.squiz.cloud/components/search-box",
|
|
510
|
+
asset_name: "Search Box",
|
|
511
|
+
children: [],
|
|
512
|
+
},
|
|
513
|
+
{
|
|
514
|
+
asset_assetid: "785",
|
|
515
|
+
asset_url: "https://qhscb.squiz.cloud/components/page-alert",
|
|
516
|
+
asset_name: "Page Alert",
|
|
517
|
+
children: [],
|
|
518
|
+
},
|
|
519
|
+
],
|
|
520
|
+
lineage: [
|
|
521
|
+
{
|
|
522
|
+
asset_assetid: "136",
|
|
523
|
+
asset_name: "Design System",
|
|
524
|
+
asset_url: "https://qhscb.squiz.cloud",
|
|
525
|
+
},
|
|
526
|
+
{
|
|
527
|
+
asset_assetid: "198",
|
|
528
|
+
asset_name: "Components",
|
|
529
|
+
asset_url: "https://qhscb.squiz.cloud/components",
|
|
530
|
+
},
|
|
531
|
+
{
|
|
532
|
+
asset_assetid: "676",
|
|
533
|
+
asset_name: "Links",
|
|
534
|
+
asset_url: "https://qhscb.squiz.cloud/components/links",
|
|
535
|
+
},
|
|
536
|
+
],
|
|
537
|
+
top: {
|
|
538
|
+
asset_assetid: "198",
|
|
539
|
+
asset_name: "Components",
|
|
540
|
+
asset_url: "https://qhscb.squiz.cloud/components",
|
|
541
|
+
},
|
|
542
|
+
},
|
|
543
|
+
};
|
|
21
544
|
</script>
|
|
22
545
|
</head>
|
|
23
546
|
|
|
24
547
|
<body class="qld__grid">
|
|
25
548
|
<!--noindex-->
|
|
26
|
-
${require('../components/header/html/component.hbs')({
|
|
27
|
-
"site":require('/src/data/site.json')
|
|
28
|
-
})}
|
|
549
|
+
${require('../components/header/html/component.hbs')({ "site":require('/src/data/site.json') })}
|
|
29
550
|
<!--endnoindex-->
|
|
30
|
-
${require('../components/mega_main_navigation/html/component.hbs')({
|
|
31
|
-
"site":require('/src/data/site.json')
|
|
32
|
-
})}
|
|
551
|
+
${require('../components/mega_main_navigation/html/component.hbs')({ "site":require('/src/data/site.json') })}
|
|
33
552
|
<!-- MAIN BODY -->
|
|
34
553
|
<main class="main" role="main">
|
|
35
554
|
<section class="qld__body qld__body--breadcrumb">
|
|
36
|
-
<div class="container-fluid">
|
|
37
|
-
${require('../components/breadcrumbs/html/component.hbs')({
|
|
38
|
-
"site":require('/src/data/site.json'),
|
|
39
|
-
"current":require('/src/data/current.json'),
|
|
40
|
-
})}
|
|
41
|
-
</div>
|
|
555
|
+
<div class="container-fluid">${require('../components/breadcrumbs/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json'), })}</div>
|
|
42
556
|
</section>
|
|
43
557
|
<!--CONTENT-->
|
|
44
558
|
<div class="qld__body">
|
|
@@ -46,99 +560,67 @@
|
|
|
46
560
|
<div class="row">
|
|
47
561
|
<div class="col-xs-12 col-lg-4 col-xl-3">
|
|
48
562
|
<!-- INTERNAL NAVIGATION -->
|
|
49
|
-
${require('../components/internal_navigation/html/component.hbs')({
|
|
50
|
-
"site":require('/src/data/site.json'),
|
|
51
|
-
"current":require('/src/data/current.json')
|
|
52
|
-
})}
|
|
563
|
+
${require('../components/internal_navigation/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
|
|
53
564
|
</div>
|
|
54
565
|
<div class="col-xs-12 col-lg-8 col-xl-8" id="content">
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
"manifest":require('../components/card_feature/js/manifest.json'),
|
|
58
|
-
"component":require('!url-loader!../components/card_feature/html/component.hbs'),
|
|
59
|
-
"component_output":require('../components/card_feature/html/component.hbs')({
|
|
60
|
-
"component":require('../components/card_feature/js/manifest.json').component,
|
|
61
|
-
"content":"Lorem Ipsum"
|
|
62
|
-
})
|
|
63
|
-
})}
|
|
566
|
+
${require('../components/_global/html/component.hbs')({ "manifest":require('../components/card_feature/js/manifest.json'), "component":require('!url-loader!../components/card_feature/html/component.hbs'),
|
|
567
|
+
"component_output":require('../components/card_feature/html/component.hbs')({ "component":require('../components/card_feature/js/manifest.json').component, "content":"Lorem Ipsum" }) })}
|
|
64
568
|
|
|
65
569
|
<h2>Single action - base</h2>
|
|
66
570
|
<ul class="qld__card-list qld__card-list--matchheight">
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
70
|
-
|
|
71
|
-
<div class="qld__card qld__card__action ">
|
|
72
|
-
|
|
73
|
-
|
|
571
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
572
|
+
<div class="qld__card qld__card__action">
|
|
74
573
|
<div class="qld__card__inner">
|
|
75
574
|
<div class="qld__card__content">
|
|
76
575
|
<div class="qld__card__content-inner">
|
|
77
576
|
<h3 class="qld__card__title">
|
|
78
|
-
|
|
577
|
+
<a aria-label="Brand" aria-describedby="card-22724" class="qld__card--clickable__link" href="#">Light</a>
|
|
79
578
|
</h3>
|
|
80
|
-
<p id="card-22724" class="qld__card__description">
|
|
81
|
-
Additional text about the card
|
|
82
|
-
</p>
|
|
579
|
+
<p id="card-22724" class="qld__card__description">Additional text about the card</p>
|
|
83
580
|
</div>
|
|
84
581
|
</div>
|
|
85
582
|
</div>
|
|
86
583
|
</div>
|
|
87
584
|
</li>
|
|
88
|
-
|
|
89
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
90
|
-
|
|
91
|
-
<div class="qld__card qld__card__action qld__card--alt ">
|
|
92
|
-
|
|
93
|
-
|
|
585
|
+
|
|
586
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
587
|
+
<div class="qld__card qld__card__action qld__card--alt">
|
|
94
588
|
<div class="qld__card__inner">
|
|
95
589
|
<div class="qld__card__content">
|
|
96
590
|
<div class="qld__card__content-inner">
|
|
97
591
|
<h3 class="qld__card__title">
|
|
98
|
-
|
|
592
|
+
<a aria-label="Content" aria-describedby="card-22725" class="qld__card--clickable__link" href="#">Alternative</a>
|
|
99
593
|
</h3>
|
|
100
|
-
<p id="card-22725" class="qld__card__description">
|
|
101
|
-
Additional text about the card
|
|
102
|
-
</p>
|
|
594
|
+
<p id="card-22725" class="qld__card__description">Additional text about the card</p>
|
|
103
595
|
</div>
|
|
104
596
|
</div>
|
|
105
597
|
</div>
|
|
106
598
|
</div>
|
|
107
599
|
</li>
|
|
108
|
-
|
|
109
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
110
|
-
|
|
111
|
-
<div class="qld__card qld__card__action qld__card--dark ">
|
|
112
|
-
|
|
113
|
-
|
|
600
|
+
|
|
601
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
602
|
+
<div class="qld__card qld__card__action qld__card--dark">
|
|
114
603
|
<div class="qld__card__inner">
|
|
115
604
|
<div class="qld__card__content">
|
|
116
605
|
<div class="qld__card__content-inner">
|
|
117
606
|
<h3 class="qld__card__title">
|
|
118
|
-
|
|
607
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark</a>
|
|
119
608
|
</h3>
|
|
120
|
-
<p id="card-22726" class="qld__card__description">
|
|
121
|
-
Additional text about the card
|
|
122
|
-
</p>
|
|
609
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
123
610
|
</div>
|
|
124
611
|
</div>
|
|
125
612
|
</div>
|
|
126
613
|
</div>
|
|
127
614
|
</li>
|
|
128
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
129
|
-
|
|
130
|
-
<div class="qld__card qld__card__action qld__card--dark-alt ">
|
|
131
|
-
|
|
132
|
-
|
|
615
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
616
|
+
<div class="qld__card qld__card__action qld__card--dark-alt">
|
|
133
617
|
<div class="qld__card__inner">
|
|
134
618
|
<div class="qld__card__content">
|
|
135
619
|
<div class="qld__card__content-inner">
|
|
136
620
|
<h3 class="qld__card__title">
|
|
137
|
-
|
|
621
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark Alternative</a>
|
|
138
622
|
</h3>
|
|
139
|
-
<p id="card-22726" class="qld__card__description">
|
|
140
|
-
Additional text about the card
|
|
141
|
-
</p>
|
|
623
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
142
624
|
</div>
|
|
143
625
|
</div>
|
|
144
626
|
</div>
|
|
@@ -148,106 +630,76 @@
|
|
|
148
630
|
|
|
149
631
|
<h2>Single Action - with footer</h2>
|
|
150
632
|
<ul class="qld__card-list qld__card-list--matchheight">
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
154
|
-
|
|
155
|
-
<div class="qld__card qld__card__action ">
|
|
156
|
-
|
|
157
|
-
|
|
633
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
634
|
+
<div class="qld__card qld__card__action">
|
|
158
635
|
<div class="qld__card__inner">
|
|
159
636
|
<div class="qld__card__content">
|
|
160
637
|
<div class="qld__card__content-inner">
|
|
161
638
|
<h3 class="qld__card__title">
|
|
162
|
-
|
|
639
|
+
<a aria-label="Brand" aria-describedby="card-22724" class="qld__card--clickable__link" href="#">Light</a>
|
|
163
640
|
</h3>
|
|
164
|
-
<p id="card-22724" class="qld__card__description">
|
|
165
|
-
Additional text about the card
|
|
166
|
-
</p>
|
|
641
|
+
<p id="card-22724" class="qld__card__description">Additional text about the card</p>
|
|
167
642
|
</div>
|
|
168
643
|
</div>
|
|
169
644
|
<div class="qld__card__footer">
|
|
170
|
-
<hr class="qld__horizontal-rule"
|
|
171
|
-
<div class="qld__card__footer-inner">
|
|
172
|
-
Footer text
|
|
173
|
-
</div>
|
|
645
|
+
<hr class="qld__horizontal-rule" />
|
|
646
|
+
<div class="qld__card__footer-inner">Footer text</div>
|
|
174
647
|
</div>
|
|
175
648
|
</div>
|
|
176
649
|
</div>
|
|
177
650
|
</li>
|
|
178
|
-
|
|
179
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
180
|
-
|
|
181
|
-
<div class="qld__card qld__card__action qld__card--alt ">
|
|
182
|
-
|
|
183
|
-
|
|
651
|
+
|
|
652
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
653
|
+
<div class="qld__card qld__card__action qld__card--alt">
|
|
184
654
|
<div class="qld__card__inner">
|
|
185
655
|
<div class="qld__card__content">
|
|
186
656
|
<div class="qld__card__content-inner">
|
|
187
657
|
<h3 class="qld__card__title">
|
|
188
|
-
|
|
658
|
+
<a aria-label="Content" aria-describedby="card-22725" class="qld__card--clickable__link" href="#">Alternative</a>
|
|
189
659
|
</h3>
|
|
190
|
-
<p id="card-22725" class="qld__card__description">
|
|
191
|
-
Additional text about the card
|
|
192
|
-
</p>
|
|
660
|
+
<p id="card-22725" class="qld__card__description">Additional text about the card</p>
|
|
193
661
|
</div>
|
|
194
662
|
</div>
|
|
195
663
|
<div class="qld__card__footer">
|
|
196
|
-
<hr class="qld__horizontal-rule"
|
|
197
|
-
<div class="qld__card__footer-inner">
|
|
198
|
-
Footer text
|
|
199
|
-
</div>
|
|
664
|
+
<hr class="qld__horizontal-rule" />
|
|
665
|
+
<div class="qld__card__footer-inner">Footer text</div>
|
|
200
666
|
</div>
|
|
201
667
|
</div>
|
|
202
668
|
</div>
|
|
203
669
|
</li>
|
|
204
|
-
|
|
205
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
206
|
-
|
|
207
|
-
<div class="qld__card qld__card__action qld__card--dark ">
|
|
208
|
-
|
|
209
|
-
|
|
670
|
+
|
|
671
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
672
|
+
<div class="qld__card qld__card__action qld__card--dark">
|
|
210
673
|
<div class="qld__card__inner">
|
|
211
674
|
<div class="qld__card__content">
|
|
212
675
|
<div class="qld__card__content-inner">
|
|
213
676
|
<h3 class="qld__card__title">
|
|
214
|
-
|
|
677
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark</a>
|
|
215
678
|
</h3>
|
|
216
|
-
<p id="card-22726" class="qld__card__description">
|
|
217
|
-
Additional text about the card
|
|
218
|
-
</p>
|
|
679
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
219
680
|
</div>
|
|
220
681
|
</div>
|
|
221
682
|
<div class="qld__card__footer">
|
|
222
|
-
<hr class="qld__horizontal-rule"
|
|
223
|
-
<div class="qld__card__footer-inner">
|
|
224
|
-
Footer text
|
|
225
|
-
</div>
|
|
683
|
+
<hr class="qld__horizontal-rule" />
|
|
684
|
+
<div class="qld__card__footer-inner">Footer text</div>
|
|
226
685
|
</div>
|
|
227
686
|
</div>
|
|
228
687
|
</div>
|
|
229
688
|
</li>
|
|
230
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
231
|
-
|
|
232
|
-
<div class="qld__card qld__card__action qld__card--dark-alt ">
|
|
233
|
-
|
|
234
|
-
|
|
689
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
690
|
+
<div class="qld__card qld__card__action qld__card--dark-alt">
|
|
235
691
|
<div class="qld__card__inner">
|
|
236
692
|
<div class="qld__card__content">
|
|
237
693
|
<div class="qld__card__content-inner">
|
|
238
694
|
<h3 class="qld__card__title">
|
|
239
|
-
|
|
695
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark Alternative</a>
|
|
240
696
|
</h3>
|
|
241
|
-
<p id="card-22726" class="qld__card__description">
|
|
242
|
-
Additional text about the card
|
|
243
|
-
</p>
|
|
697
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
244
698
|
</div>
|
|
245
699
|
</div>
|
|
246
700
|
<div class="qld__card__footer">
|
|
247
|
-
<hr class="qld__horizontal-rule"
|
|
248
|
-
<div class="qld__card__footer-inner">
|
|
249
|
-
Footer text
|
|
250
|
-
</div>
|
|
701
|
+
<hr class="qld__horizontal-rule" />
|
|
702
|
+
<div class="qld__card__footer-inner">Footer text</div>
|
|
251
703
|
</div>
|
|
252
704
|
</div>
|
|
253
705
|
</div>
|
|
@@ -256,85 +708,67 @@
|
|
|
256
708
|
|
|
257
709
|
<h2>Single Click - Image</h2>
|
|
258
710
|
<ul class="qld__card-list qld__card-list--matchheight">
|
|
711
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
712
|
+
<div class="qld__card qld__card__action qld__card--image">
|
|
713
|
+
<div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png')"></div>
|
|
259
714
|
|
|
260
|
-
|
|
261
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
262
|
-
|
|
263
|
-
<div class="qld__card qld__card__action qld__card--image ">
|
|
264
|
-
|
|
265
|
-
<div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png');"></div>
|
|
266
|
-
|
|
267
715
|
<div class="qld__card__inner">
|
|
268
716
|
<div class="qld__card__content">
|
|
269
717
|
<div class="qld__card__content-inner">
|
|
270
718
|
<h3 class="qld__card__title">
|
|
271
|
-
|
|
719
|
+
<a aria-label="Brand" aria-describedby="card-22724" class="qld__card--clickable__link" href="#">Light</a>
|
|
272
720
|
</h3>
|
|
273
|
-
<p id="card-22724" class="qld__card__description">
|
|
274
|
-
Additional text about the card
|
|
275
|
-
</p>
|
|
721
|
+
<p id="card-22724" class="qld__card__description">Additional text about the card</p>
|
|
276
722
|
</div>
|
|
277
723
|
</div>
|
|
278
724
|
</div>
|
|
279
725
|
</div>
|
|
280
726
|
</li>
|
|
281
|
-
|
|
282
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
<div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png');"></div>
|
|
287
|
-
|
|
727
|
+
|
|
728
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
729
|
+
<div class="qld__card qld__card__action qld__card--alt qld__card--image">
|
|
730
|
+
<div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png')"></div>
|
|
731
|
+
|
|
288
732
|
<div class="qld__card__inner">
|
|
289
733
|
<div class="qld__card__content">
|
|
290
734
|
<div class="qld__card__content-inner">
|
|
291
735
|
<h3 class="qld__card__title">
|
|
292
|
-
|
|
736
|
+
<a aria-label="Content" aria-describedby="card-22725" class="qld__card--clickable__link" href="#">Alternative</a>
|
|
293
737
|
</h3>
|
|
294
|
-
<p id="card-22725" class="qld__card__description">
|
|
295
|
-
Additional text about the card
|
|
296
|
-
</p>
|
|
738
|
+
<p id="card-22725" class="qld__card__description">Additional text about the card</p>
|
|
297
739
|
</div>
|
|
298
740
|
</div>
|
|
299
741
|
</div>
|
|
300
742
|
</div>
|
|
301
743
|
</li>
|
|
302
|
-
|
|
303
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
<div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png');"></div>
|
|
308
|
-
|
|
744
|
+
|
|
745
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
746
|
+
<div class="qld__card qld__card__action qld__card--dark qld__card--image">
|
|
747
|
+
<div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png')"></div>
|
|
748
|
+
|
|
309
749
|
<div class="qld__card__inner">
|
|
310
750
|
<div class="qld__card__content">
|
|
311
751
|
<div class="qld__card__content-inner">
|
|
312
752
|
<h3 class="qld__card__title">
|
|
313
|
-
|
|
753
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark</a>
|
|
314
754
|
</h3>
|
|
315
|
-
<p id="card-22726" class="qld__card__description">
|
|
316
|
-
Additional text about the card
|
|
317
|
-
</p>
|
|
755
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
318
756
|
</div>
|
|
319
757
|
</div>
|
|
320
758
|
</div>
|
|
321
759
|
</div>
|
|
322
760
|
</li>
|
|
323
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
<div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png');"></div>
|
|
328
|
-
|
|
761
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
762
|
+
<div class="qld__card qld__card__action qld__card--dark-alt qld__card--image">
|
|
763
|
+
<div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png')"></div>
|
|
764
|
+
|
|
329
765
|
<div class="qld__card__inner">
|
|
330
766
|
<div class="qld__card__content">
|
|
331
767
|
<div class="qld__card__content-inner">
|
|
332
768
|
<h3 class="qld__card__title">
|
|
333
|
-
|
|
769
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark Alternative</a>
|
|
334
770
|
</h3>
|
|
335
|
-
<p id="card-22726" class="qld__card__description">
|
|
336
|
-
Additional text about the card
|
|
337
|
-
</p>
|
|
771
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
338
772
|
</div>
|
|
339
773
|
</div>
|
|
340
774
|
</div>
|
|
@@ -345,172 +779,152 @@
|
|
|
345
779
|
<h2>Single action - Icon</h2>
|
|
346
780
|
|
|
347
781
|
<ul class="qld__card-list qld__card-list--matchheight">
|
|
782
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
783
|
+
<div class="qld__card qld__card__action qld__card--icon">
|
|
784
|
+
<div class="qld__card__icon">
|
|
785
|
+
<i class="fal fa-question-circle" aria-hidden="true"></i>
|
|
786
|
+
</div>
|
|
348
787
|
|
|
349
|
-
|
|
350
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
351
|
-
|
|
352
|
-
<div class="qld__card qld__card__action qld__card--icon ">
|
|
353
|
-
|
|
354
|
-
<div class="qld__card__icon"><i class="fal fa-question-circle" aria-hidden="true"></i></div>
|
|
355
|
-
|
|
356
788
|
<div class="qld__card__inner">
|
|
357
789
|
<div class="qld__card__content">
|
|
358
790
|
<div class="qld__card__content-inner">
|
|
359
791
|
<h3 class="qld__card__title">
|
|
360
|
-
|
|
792
|
+
<a aria-label="Brand" aria-describedby="card-22724" class="qld__card--clickable__link" href="#">Light</a>
|
|
361
793
|
</h3>
|
|
362
|
-
<p id="card-22724" class="qld__card__description">
|
|
363
|
-
Additional text about the card
|
|
364
|
-
</p>
|
|
794
|
+
<p id="card-22724" class="qld__card__description">Additional text about the card</p>
|
|
365
795
|
</div>
|
|
366
796
|
</div>
|
|
367
797
|
</div>
|
|
368
798
|
</div>
|
|
369
799
|
</li>
|
|
370
|
-
|
|
371
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
800
|
+
|
|
801
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
802
|
+
<div class="qld__card qld__card__action qld__card--alt qld__card--icon">
|
|
803
|
+
<div class="qld__card__icon">
|
|
804
|
+
<i class="fal fa-stethoscope" aria-hidden="true"></i>
|
|
805
|
+
</div>
|
|
806
|
+
|
|
377
807
|
<div class="qld__card__inner">
|
|
378
808
|
<div class="qld__card__content">
|
|
379
809
|
<div class="qld__card__content-inner">
|
|
380
810
|
<h3 class="qld__card__title">
|
|
381
|
-
|
|
811
|
+
<a aria-label="Content" aria-describedby="card-22725" class="qld__card--clickable__link" href="#">Alternative</a>
|
|
382
812
|
</h3>
|
|
383
|
-
<p id="card-22725" class="qld__card__description">
|
|
384
|
-
Additional text about the card
|
|
385
|
-
</p>
|
|
813
|
+
<p id="card-22725" class="qld__card__description">Additional text about the card</p>
|
|
386
814
|
</div>
|
|
387
815
|
</div>
|
|
388
816
|
</div>
|
|
389
817
|
</div>
|
|
390
818
|
</li>
|
|
391
|
-
|
|
392
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
819
|
+
|
|
820
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
821
|
+
<div class="qld__card qld__card__action qld__card--dark qld__card--icon">
|
|
822
|
+
<div class="qld__card__icon">
|
|
823
|
+
<i class="fal fa-heart" aria-hidden="true"></i>
|
|
824
|
+
</div>
|
|
825
|
+
|
|
398
826
|
<div class="qld__card__inner">
|
|
399
827
|
<div class="qld__card__content">
|
|
400
828
|
<div class="qld__card__content-inner">
|
|
401
829
|
<h3 class="qld__card__title">
|
|
402
|
-
|
|
830
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark</a>
|
|
403
831
|
</h3>
|
|
404
|
-
<p id="card-22726" class="qld__card__description">
|
|
405
|
-
Additional text about the card
|
|
406
|
-
</p>
|
|
832
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
407
833
|
</div>
|
|
408
834
|
</div>
|
|
409
835
|
</div>
|
|
410
836
|
</div>
|
|
411
837
|
</li>
|
|
412
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
838
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
839
|
+
<div class="qld__card qld__card__action qld__card--dark-alt qld__card--icon">
|
|
840
|
+
<div class="qld__card__icon">
|
|
841
|
+
<i class="fal fa-heart" aria-hidden="true"></i>
|
|
842
|
+
</div>
|
|
843
|
+
|
|
418
844
|
<div class="qld__card__inner">
|
|
419
845
|
<div class="qld__card__content">
|
|
420
846
|
<div class="qld__card__content-inner">
|
|
421
847
|
<h3 class="qld__card__title">
|
|
422
|
-
|
|
848
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark Alternative</a>
|
|
423
849
|
</h3>
|
|
424
|
-
<p id="card-22726" class="qld__card__description">
|
|
425
|
-
Additional text about the card
|
|
426
|
-
</p>
|
|
850
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
427
851
|
</div>
|
|
428
852
|
</div>
|
|
429
853
|
</div>
|
|
430
854
|
</div>
|
|
431
855
|
</li>
|
|
432
|
-
|
|
856
|
+
</ul>
|
|
433
857
|
<h2>Single action - Icon left</h2>
|
|
434
858
|
<ul class="qld__card-list qld__card-list--matchheight">
|
|
859
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
860
|
+
<div class="qld__card qld__card__action qld__card--icon qld__card--icon-left">
|
|
861
|
+
<div class="qld__card__icon">
|
|
862
|
+
<i class="fal fa-question-circle" aria-hidden="true"></i>
|
|
863
|
+
</div>
|
|
435
864
|
|
|
436
|
-
|
|
437
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
438
|
-
|
|
439
|
-
<div class="qld__card qld__card__action qld__card--icon qld__card--icon-left ">
|
|
440
|
-
|
|
441
|
-
<div class="qld__card__icon"><i class="fal fa-question-circle" aria-hidden="true"></i></div>
|
|
442
|
-
|
|
443
865
|
<div class="qld__card__inner">
|
|
444
866
|
<div class="qld__card__content">
|
|
445
867
|
<div class="qld__card__content-inner">
|
|
446
868
|
<h3 class="qld__card__title">
|
|
447
|
-
|
|
869
|
+
<a aria-label="Brand" aria-describedby="card-22724" class="qld__card--clickable__link" href="#">Light</a>
|
|
448
870
|
</h3>
|
|
449
|
-
<p id="card-22724" class="qld__card__description">
|
|
450
|
-
Additional text about the card
|
|
451
|
-
</p>
|
|
871
|
+
<p id="card-22724" class="qld__card__description">Additional text about the card</p>
|
|
452
872
|
</div>
|
|
453
873
|
</div>
|
|
454
874
|
</div>
|
|
455
875
|
</div>
|
|
456
876
|
</li>
|
|
457
|
-
|
|
458
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
877
|
+
|
|
878
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
879
|
+
<div class="qld__card qld__card__action qld__card--alt qld__card--icon qld__card--icon-left">
|
|
880
|
+
<div class="qld__card__icon">
|
|
881
|
+
<i class="fal fa-stethoscope" aria-hidden="true"></i>
|
|
882
|
+
</div>
|
|
883
|
+
|
|
464
884
|
<div class="qld__card__inner">
|
|
465
885
|
<div class="qld__card__content">
|
|
466
886
|
<div class="qld__card__content-inner">
|
|
467
887
|
<h3 class="qld__card__title">
|
|
468
|
-
|
|
888
|
+
<a aria-label="Content" aria-describedby="card-22725" class="qld__card--clickable__link" href="#">Alternative</a>
|
|
469
889
|
</h3>
|
|
470
|
-
<p id="card-22725" class="qld__card__description">
|
|
471
|
-
Additional text about the card
|
|
472
|
-
</p>
|
|
890
|
+
<p id="card-22725" class="qld__card__description">Additional text about the card</p>
|
|
473
891
|
</div>
|
|
474
892
|
</div>
|
|
475
893
|
</div>
|
|
476
894
|
</div>
|
|
477
895
|
</li>
|
|
478
|
-
|
|
479
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
896
|
+
|
|
897
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
898
|
+
<div class="qld__card qld__card__action qld__card--dark qld__card--icon qld__card--icon-left">
|
|
899
|
+
<div class="qld__card__icon">
|
|
900
|
+
<i class="fal fa-heart" aria-hidden="true"></i>
|
|
901
|
+
</div>
|
|
902
|
+
|
|
485
903
|
<div class="qld__card__inner">
|
|
486
904
|
<div class="qld__card__content">
|
|
487
905
|
<div class="qld__card__content-inner">
|
|
488
906
|
<h3 class="qld__card__title">
|
|
489
|
-
|
|
907
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark</a>
|
|
490
908
|
</h3>
|
|
491
|
-
<p id="card-22726" class="qld__card__description">
|
|
492
|
-
Additional text about the card
|
|
493
|
-
</p>
|
|
909
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
494
910
|
</div>
|
|
495
911
|
</div>
|
|
496
912
|
</div>
|
|
497
913
|
</div>
|
|
498
914
|
</li>
|
|
499
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
915
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
916
|
+
<div class="qld__card qld__card__action qld__card--dark-alt qld__card--icon qld__card--icon-left">
|
|
917
|
+
<div class="qld__card__icon">
|
|
918
|
+
<i class="fal fa-heart" aria-hidden="true"></i>
|
|
919
|
+
</div>
|
|
920
|
+
|
|
505
921
|
<div class="qld__card__inner">
|
|
506
922
|
<div class="qld__card__content">
|
|
507
923
|
<div class="qld__card__content-inner">
|
|
508
924
|
<h3 class="qld__card__title">
|
|
509
|
-
|
|
925
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark Alternative</a>
|
|
510
926
|
</h3>
|
|
511
|
-
<p id="card-22726" class="qld__card__description">
|
|
512
|
-
Additional text about the card
|
|
513
|
-
</p>
|
|
927
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
514
928
|
</div>
|
|
515
929
|
</div>
|
|
516
930
|
</div>
|
|
@@ -520,112 +934,81 @@
|
|
|
520
934
|
|
|
521
935
|
<h2>Single Action - Arrow</h2>
|
|
522
936
|
<ul class="qld__card-list qld__card-list--matchheight">
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
526
|
-
|
|
527
|
-
<div class="qld__card qld__card__action qld__card--arrow ">
|
|
528
|
-
|
|
529
|
-
|
|
937
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
938
|
+
<div class="qld__card qld__card__action qld__card--arrow">
|
|
530
939
|
<div class="qld__card__inner">
|
|
531
940
|
<div class="qld__card__content">
|
|
532
941
|
<div class="qld__card__content-inner">
|
|
533
942
|
<h3 class="qld__card__title">
|
|
534
|
-
|
|
943
|
+
<a aria-label="Brand" aria-describedby="card-22724" class="qld__card--clickable__link" href="#">Light</a>
|
|
535
944
|
</h3>
|
|
536
|
-
<p id="card-22724" class="qld__card__description">
|
|
537
|
-
Additional text about the card
|
|
538
|
-
</p>
|
|
945
|
+
<p id="card-22724" class="qld__card__description">Additional text about the card</p>
|
|
539
946
|
</div>
|
|
540
947
|
<div class="qld__card__arrow"></div>
|
|
541
948
|
</div>
|
|
542
|
-
|
|
543
949
|
</div>
|
|
544
950
|
</div>
|
|
545
951
|
</li>
|
|
546
|
-
|
|
547
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
548
|
-
|
|
549
|
-
<div class="qld__card qld__card__action qld__card--arrow qld__card--alt ">
|
|
550
|
-
|
|
551
|
-
|
|
952
|
+
|
|
953
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
954
|
+
<div class="qld__card qld__card__action qld__card--arrow qld__card--alt">
|
|
552
955
|
<div class="qld__card__inner">
|
|
553
956
|
<div class="qld__card__content">
|
|
554
957
|
<div class="qld__card__content-inner">
|
|
555
958
|
<h3 class="qld__card__title">
|
|
556
|
-
|
|
959
|
+
<a aria-label="Content" aria-describedby="card-22725" class="qld__card--clickable__link" href="#">Alternative</a>
|
|
557
960
|
</h3>
|
|
558
|
-
<p id="card-22725" class="qld__card__description">
|
|
559
|
-
Additional text about the card
|
|
560
|
-
</p>
|
|
961
|
+
<p id="card-22725" class="qld__card__description">Additional text about the card</p>
|
|
561
962
|
</div>
|
|
562
963
|
<div class="qld__card__arrow"></div>
|
|
563
964
|
</div>
|
|
564
965
|
</div>
|
|
565
966
|
</div>
|
|
566
967
|
</li>
|
|
567
|
-
|
|
568
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
569
|
-
|
|
570
|
-
<div class="qld__card qld__card__action qld__card--arrow qld__card--dark ">
|
|
571
|
-
|
|
572
|
-
|
|
968
|
+
|
|
969
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
970
|
+
<div class="qld__card qld__card__action qld__card--arrow qld__card--dark">
|
|
573
971
|
<div class="qld__card__inner">
|
|
574
972
|
<div class="qld__card__content">
|
|
575
973
|
<div class="qld__card__content-inner">
|
|
576
974
|
<h3 class="qld__card__title">
|
|
577
|
-
|
|
975
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark</a>
|
|
578
976
|
</h3>
|
|
579
|
-
<p id="card-22726" class="qld__card__description">
|
|
580
|
-
Additional text about the card
|
|
581
|
-
</p>
|
|
977
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
582
978
|
</div>
|
|
583
979
|
<div class="qld__card__arrow"></div>
|
|
584
980
|
</div>
|
|
585
981
|
</div>
|
|
586
982
|
</div>
|
|
587
983
|
</li>
|
|
588
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
589
|
-
|
|
590
|
-
<div class="qld__card qld__card__action qld__card--arrow qld__card--dark-alt ">
|
|
591
|
-
|
|
592
|
-
|
|
984
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
985
|
+
<div class="qld__card qld__card__action qld__card--arrow qld__card--dark-alt">
|
|
593
986
|
<div class="qld__card__inner">
|
|
594
987
|
<div class="qld__card__content">
|
|
595
988
|
<div class="qld__card__content-inner">
|
|
596
989
|
<h3 class="qld__card__title">
|
|
597
|
-
|
|
990
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark Alternative</a>
|
|
598
991
|
</h3>
|
|
599
|
-
<p id="card-22726" class="qld__card__description">
|
|
600
|
-
Additional text about the card
|
|
601
|
-
</p>
|
|
992
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
602
993
|
</div>
|
|
603
994
|
<div class="qld__card__arrow"></div>
|
|
604
995
|
</div>
|
|
605
996
|
</div>
|
|
606
997
|
</div>
|
|
607
998
|
</li>
|
|
608
|
-
|
|
999
|
+
</ul>
|
|
609
1000
|
</div>
|
|
610
1001
|
</div>
|
|
611
1002
|
</div>
|
|
612
|
-
</div>
|
|
1003
|
+
</div>
|
|
1004
|
+
<!-- Page Footer Info -->
|
|
1005
|
+
${require('../components/prefooter/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
|
|
613
1006
|
</main>
|
|
614
1007
|
<!-- END MAIN BODY -->
|
|
615
1008
|
|
|
616
|
-
<!-- WIDGETS -->
|
|
617
|
-
${require('../components/widgets/html/component.hbs')({
|
|
618
|
-
"site":require('/src/data/site.json'),
|
|
619
|
-
"current":require('/src/data/current.json')
|
|
620
|
-
})}
|
|
621
|
-
|
|
622
1009
|
<!-- FOOTER-->
|
|
623
|
-
${require('../components/footer/html/component.hbs')({
|
|
624
|
-
"site":require('/src/data/site.json')
|
|
625
|
-
})}
|
|
1010
|
+
${require('../components/footer/html/component.hbs')({ "site":require('/src/data/site.json') })}
|
|
626
1011
|
|
|
627
|
-
<div class="footer-scripts" id="footer_js" style="display: none !important
|
|
628
|
-
${require('../components/_global/html/scripts.html')}
|
|
629
|
-
</div>
|
|
1012
|
+
<div class="footer-scripts" id="footer_js" style="display: none !important">${require('../components/_global/html/scripts.html')}</div>
|
|
630
1013
|
</body>
|
|
631
1014
|
</html>
|