@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,30 +14,557 @@
|
|
|
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:
|
|
486
|
+
"https://qhscb.squiz.cloud/components/accordion",
|
|
487
|
+
asset_name: "Accordion",
|
|
488
|
+
children: [],
|
|
489
|
+
},
|
|
490
|
+
{
|
|
491
|
+
asset_assetid: "325",
|
|
492
|
+
asset_url:
|
|
493
|
+
"https://qhscb.squiz.cloud/components/callout",
|
|
494
|
+
asset_name: "Callout",
|
|
495
|
+
children: [],
|
|
496
|
+
},
|
|
497
|
+
{
|
|
498
|
+
asset_assetid: "659",
|
|
499
|
+
asset_url:
|
|
500
|
+
"https://qhscb.squiz.cloud/components/card-listing",
|
|
501
|
+
asset_name: "Card Listing",
|
|
502
|
+
children: [],
|
|
503
|
+
},
|
|
504
|
+
{
|
|
505
|
+
asset_assetid: "676",
|
|
506
|
+
asset_url:
|
|
507
|
+
"https://qhscb.squiz.cloud/components/links",
|
|
508
|
+
asset_name: "Links",
|
|
509
|
+
children: [],
|
|
510
|
+
},
|
|
511
|
+
{
|
|
512
|
+
asset_assetid: "683",
|
|
513
|
+
asset_url:
|
|
514
|
+
"https://qhscb.squiz.cloud/components/search-box",
|
|
515
|
+
asset_name: "Search Box",
|
|
516
|
+
children: [],
|
|
517
|
+
},
|
|
518
|
+
{
|
|
519
|
+
asset_assetid: "785",
|
|
520
|
+
asset_url:
|
|
521
|
+
"https://qhscb.squiz.cloud/components/page-alert",
|
|
522
|
+
asset_name: "Page Alert",
|
|
523
|
+
children: [],
|
|
524
|
+
},
|
|
525
|
+
],
|
|
526
|
+
lineage: [
|
|
527
|
+
{
|
|
528
|
+
asset_assetid: "136",
|
|
529
|
+
asset_name: "Design System",
|
|
530
|
+
asset_url: "https://qhscb.squiz.cloud",
|
|
531
|
+
},
|
|
532
|
+
{
|
|
533
|
+
asset_assetid: "198",
|
|
534
|
+
asset_name: "Components",
|
|
535
|
+
asset_url: "https://qhscb.squiz.cloud/components",
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
asset_assetid: "676",
|
|
539
|
+
asset_name: "Links",
|
|
540
|
+
asset_url:
|
|
541
|
+
"https://qhscb.squiz.cloud/components/links",
|
|
542
|
+
},
|
|
543
|
+
],
|
|
544
|
+
top: {
|
|
545
|
+
asset_assetid: "198",
|
|
546
|
+
asset_name: "Components",
|
|
547
|
+
asset_url: "https://qhscb.squiz.cloud/components",
|
|
548
|
+
},
|
|
549
|
+
},
|
|
550
|
+
};
|
|
21
551
|
</script>
|
|
22
552
|
</head>
|
|
23
553
|
|
|
24
554
|
<body class="qld__grid">
|
|
25
555
|
<!--noindex-->
|
|
26
556
|
${require('../components/header/html/component.hbs')({
|
|
27
|
-
|
|
28
|
-
})}
|
|
557
|
+
"site":require('/src/data/site.json') })}
|
|
29
558
|
<!--endnoindex-->
|
|
30
559
|
${require('../components/mega_main_navigation/html/component.hbs')({
|
|
31
|
-
|
|
32
|
-
})}
|
|
560
|
+
"site":require('/src/data/site.json') })}
|
|
33
561
|
<!-- MAIN BODY -->
|
|
34
562
|
<main class="main" role="main">
|
|
35
563
|
<section class="qld__body qld__body--breadcrumb">
|
|
36
564
|
<div class="container-fluid">
|
|
37
565
|
${require('../components/breadcrumbs/html/component.hbs')({
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
})}
|
|
566
|
+
"site":require('/src/data/site.json'),
|
|
567
|
+
"current":require('/src/data/current.json'), })}
|
|
41
568
|
</div>
|
|
42
569
|
</section>
|
|
43
570
|
<!--CONTENT-->
|
|
@@ -47,97 +574,143 @@
|
|
|
47
574
|
<div class="col-xs-12 col-lg-4 col-xl-3">
|
|
48
575
|
<!-- INTERNAL NAVIGATION -->
|
|
49
576
|
${require('../components/internal_navigation/html/component.hbs')({
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
})}
|
|
577
|
+
"site":require('/src/data/site.json'),
|
|
578
|
+
"current":require('/src/data/current.json') })}
|
|
53
579
|
</div>
|
|
54
580
|
<div class="col-xs-12 col-lg-8 col-xl-8" id="content">
|
|
55
|
-
|
|
56
581
|
${require('../components/_global/html/component.hbs')({
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
})
|
|
63
|
-
})}
|
|
582
|
+
"manifest":require('../components/card_single_action/js/manifest.json'),
|
|
583
|
+
"component":require('!url-loader!../components/card_single_action/html/component.hbs'),
|
|
584
|
+
"component_output":require('../components/card_single_action/html/component.hbs')({
|
|
585
|
+
"component":require('../components/card_single_action/js/manifest.json').component,
|
|
586
|
+
"content":"Lorem Ipsum" }) })}
|
|
64
587
|
|
|
65
588
|
<h2>Single action - base</h2>
|
|
66
|
-
<ul
|
|
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
|
-
|
|
589
|
+
<ul
|
|
590
|
+
class="qld__card-list qld__card-list--matchheight"
|
|
591
|
+
>
|
|
592
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
593
|
+
<div class="qld__card qld__card__action">
|
|
74
594
|
<div class="qld__card__inner">
|
|
75
595
|
<div class="qld__card__content">
|
|
76
|
-
<div
|
|
77
|
-
|
|
78
|
-
|
|
596
|
+
<div
|
|
597
|
+
class="qld__card__content-inner"
|
|
598
|
+
>
|
|
599
|
+
<h3
|
|
600
|
+
class="qld__card__title"
|
|
601
|
+
>
|
|
602
|
+
<a
|
|
603
|
+
aria-label="Brand"
|
|
604
|
+
aria-describedby="card-22724"
|
|
605
|
+
class="qld__card--clickable__link"
|
|
606
|
+
href="#"
|
|
607
|
+
>Light</a
|
|
608
|
+
>
|
|
79
609
|
</h3>
|
|
80
|
-
<p
|
|
81
|
-
|
|
610
|
+
<p
|
|
611
|
+
id="card-22724"
|
|
612
|
+
class="qld__card__description"
|
|
613
|
+
>
|
|
614
|
+
Additional text about
|
|
615
|
+
the card
|
|
82
616
|
</p>
|
|
83
617
|
</div>
|
|
84
618
|
</div>
|
|
85
619
|
</div>
|
|
86
620
|
</div>
|
|
87
621
|
</li>
|
|
88
|
-
|
|
89
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
622
|
+
|
|
623
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
624
|
+
<div
|
|
625
|
+
class="qld__card qld__card__action qld__card--alt"
|
|
626
|
+
>
|
|
94
627
|
<div class="qld__card__inner">
|
|
95
628
|
<div class="qld__card__content">
|
|
96
|
-
<div
|
|
97
|
-
|
|
98
|
-
|
|
629
|
+
<div
|
|
630
|
+
class="qld__card__content-inner"
|
|
631
|
+
>
|
|
632
|
+
<h3
|
|
633
|
+
class="qld__card__title"
|
|
634
|
+
>
|
|
635
|
+
<a
|
|
636
|
+
aria-label="Content"
|
|
637
|
+
aria-describedby="card-22725"
|
|
638
|
+
class="qld__card--clickable__link"
|
|
639
|
+
href="#"
|
|
640
|
+
>Alternative</a
|
|
641
|
+
>
|
|
99
642
|
</h3>
|
|
100
|
-
<p
|
|
101
|
-
|
|
643
|
+
<p
|
|
644
|
+
id="card-22725"
|
|
645
|
+
class="qld__card__description"
|
|
646
|
+
>
|
|
647
|
+
Additional text about
|
|
648
|
+
the card
|
|
102
649
|
</p>
|
|
103
650
|
</div>
|
|
104
651
|
</div>
|
|
105
652
|
</div>
|
|
106
653
|
</div>
|
|
107
654
|
</li>
|
|
108
|
-
|
|
109
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
655
|
+
|
|
656
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
657
|
+
<div
|
|
658
|
+
class="qld__card qld__card__action qld__card--dark"
|
|
659
|
+
>
|
|
114
660
|
<div class="qld__card__inner">
|
|
115
661
|
<div class="qld__card__content">
|
|
116
|
-
<div
|
|
117
|
-
|
|
118
|
-
|
|
662
|
+
<div
|
|
663
|
+
class="qld__card__content-inner"
|
|
664
|
+
>
|
|
665
|
+
<h3
|
|
666
|
+
class="qld__card__title"
|
|
667
|
+
>
|
|
668
|
+
<a
|
|
669
|
+
aria-label="Components"
|
|
670
|
+
aria-describedby="card-22726"
|
|
671
|
+
class="qld__card--clickable__link"
|
|
672
|
+
href="#"
|
|
673
|
+
>Dark</a
|
|
674
|
+
>
|
|
119
675
|
</h3>
|
|
120
|
-
<p
|
|
121
|
-
|
|
676
|
+
<p
|
|
677
|
+
id="card-22726"
|
|
678
|
+
class="qld__card__description"
|
|
679
|
+
>
|
|
680
|
+
Additional text about
|
|
681
|
+
the card
|
|
122
682
|
</p>
|
|
123
683
|
</div>
|
|
124
684
|
</div>
|
|
125
685
|
</div>
|
|
126
686
|
</div>
|
|
127
687
|
</li>
|
|
128
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
688
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
689
|
+
<div
|
|
690
|
+
class="qld__card qld__card__action qld__card--dark-alt"
|
|
691
|
+
>
|
|
133
692
|
<div class="qld__card__inner">
|
|
134
693
|
<div class="qld__card__content">
|
|
135
|
-
<div
|
|
136
|
-
|
|
137
|
-
|
|
694
|
+
<div
|
|
695
|
+
class="qld__card__content-inner"
|
|
696
|
+
>
|
|
697
|
+
<h3
|
|
698
|
+
class="qld__card__title"
|
|
699
|
+
>
|
|
700
|
+
<a
|
|
701
|
+
aria-label="Components"
|
|
702
|
+
aria-describedby="card-22726"
|
|
703
|
+
class="qld__card--clickable__link"
|
|
704
|
+
href="#"
|
|
705
|
+
>Dark Alternative</a
|
|
706
|
+
>
|
|
138
707
|
</h3>
|
|
139
|
-
<p
|
|
140
|
-
|
|
708
|
+
<p
|
|
709
|
+
id="card-22726"
|
|
710
|
+
class="qld__card__description"
|
|
711
|
+
>
|
|
712
|
+
Additional text about
|
|
713
|
+
the card
|
|
141
714
|
</p>
|
|
142
715
|
</div>
|
|
143
716
|
</div>
|
|
@@ -147,105 +720,171 @@
|
|
|
147
720
|
</ul>
|
|
148
721
|
|
|
149
722
|
<h2>Single Action - with footer</h2>
|
|
150
|
-
<ul
|
|
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
|
-
|
|
723
|
+
<ul
|
|
724
|
+
class="qld__card-list qld__card-list--matchheight"
|
|
725
|
+
>
|
|
726
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
727
|
+
<div class="qld__card qld__card__action">
|
|
158
728
|
<div class="qld__card__inner">
|
|
159
729
|
<div class="qld__card__content">
|
|
160
|
-
<div
|
|
161
|
-
|
|
162
|
-
|
|
730
|
+
<div
|
|
731
|
+
class="qld__card__content-inner"
|
|
732
|
+
>
|
|
733
|
+
<h3
|
|
734
|
+
class="qld__card__title"
|
|
735
|
+
>
|
|
736
|
+
<a
|
|
737
|
+
aria-label="Brand"
|
|
738
|
+
aria-describedby="card-22724"
|
|
739
|
+
class="qld__card--clickable__link"
|
|
740
|
+
href="#"
|
|
741
|
+
>Light</a
|
|
742
|
+
>
|
|
163
743
|
</h3>
|
|
164
|
-
<p
|
|
165
|
-
|
|
744
|
+
<p
|
|
745
|
+
id="card-22724"
|
|
746
|
+
class="qld__card__description"
|
|
747
|
+
>
|
|
748
|
+
Additional text about
|
|
749
|
+
the card
|
|
166
750
|
</p>
|
|
167
751
|
</div>
|
|
168
752
|
</div>
|
|
169
753
|
<div class="qld__card__footer">
|
|
170
|
-
<hr
|
|
171
|
-
|
|
754
|
+
<hr
|
|
755
|
+
class="qld__horizontal-rule"
|
|
756
|
+
/>
|
|
757
|
+
<div
|
|
758
|
+
class="qld__card__footer-inner"
|
|
759
|
+
>
|
|
172
760
|
Footer text
|
|
173
761
|
</div>
|
|
174
762
|
</div>
|
|
175
763
|
</div>
|
|
176
764
|
</div>
|
|
177
765
|
</li>
|
|
178
|
-
|
|
179
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
766
|
+
|
|
767
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
768
|
+
<div
|
|
769
|
+
class="qld__card qld__card__action qld__card--alt"
|
|
770
|
+
>
|
|
184
771
|
<div class="qld__card__inner">
|
|
185
772
|
<div class="qld__card__content">
|
|
186
|
-
<div
|
|
187
|
-
|
|
188
|
-
|
|
773
|
+
<div
|
|
774
|
+
class="qld__card__content-inner"
|
|
775
|
+
>
|
|
776
|
+
<h3
|
|
777
|
+
class="qld__card__title"
|
|
778
|
+
>
|
|
779
|
+
<a
|
|
780
|
+
aria-label="Content"
|
|
781
|
+
aria-describedby="card-22725"
|
|
782
|
+
class="qld__card--clickable__link"
|
|
783
|
+
href="#"
|
|
784
|
+
>Alternative</a
|
|
785
|
+
>
|
|
189
786
|
</h3>
|
|
190
|
-
<p
|
|
191
|
-
|
|
787
|
+
<p
|
|
788
|
+
id="card-22725"
|
|
789
|
+
class="qld__card__description"
|
|
790
|
+
>
|
|
791
|
+
Additional text about
|
|
792
|
+
the card
|
|
192
793
|
</p>
|
|
193
794
|
</div>
|
|
194
795
|
</div>
|
|
195
796
|
<div class="qld__card__footer">
|
|
196
|
-
<hr
|
|
197
|
-
|
|
797
|
+
<hr
|
|
798
|
+
class="qld__horizontal-rule"
|
|
799
|
+
/>
|
|
800
|
+
<div
|
|
801
|
+
class="qld__card__footer-inner"
|
|
802
|
+
>
|
|
198
803
|
Footer text
|
|
199
804
|
</div>
|
|
200
805
|
</div>
|
|
201
806
|
</div>
|
|
202
807
|
</div>
|
|
203
808
|
</li>
|
|
204
|
-
|
|
205
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
809
|
+
|
|
810
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
811
|
+
<div
|
|
812
|
+
class="qld__card qld__card__action qld__card--dark"
|
|
813
|
+
>
|
|
210
814
|
<div class="qld__card__inner">
|
|
211
815
|
<div class="qld__card__content">
|
|
212
|
-
<div
|
|
213
|
-
|
|
214
|
-
|
|
816
|
+
<div
|
|
817
|
+
class="qld__card__content-inner"
|
|
818
|
+
>
|
|
819
|
+
<h3
|
|
820
|
+
class="qld__card__title"
|
|
821
|
+
>
|
|
822
|
+
<a
|
|
823
|
+
aria-label="Components"
|
|
824
|
+
aria-describedby="card-22726"
|
|
825
|
+
class="qld__card--clickable__link"
|
|
826
|
+
href="#"
|
|
827
|
+
>Dark</a
|
|
828
|
+
>
|
|
215
829
|
</h3>
|
|
216
|
-
<p
|
|
217
|
-
|
|
830
|
+
<p
|
|
831
|
+
id="card-22726"
|
|
832
|
+
class="qld__card__description"
|
|
833
|
+
>
|
|
834
|
+
Additional text about
|
|
835
|
+
the card
|
|
218
836
|
</p>
|
|
219
837
|
</div>
|
|
220
838
|
</div>
|
|
221
839
|
<div class="qld__card__footer">
|
|
222
|
-
<hr
|
|
223
|
-
|
|
840
|
+
<hr
|
|
841
|
+
class="qld__horizontal-rule"
|
|
842
|
+
/>
|
|
843
|
+
<div
|
|
844
|
+
class="qld__card__footer-inner"
|
|
845
|
+
>
|
|
224
846
|
Footer text
|
|
225
847
|
</div>
|
|
226
848
|
</div>
|
|
227
849
|
</div>
|
|
228
850
|
</div>
|
|
229
851
|
</li>
|
|
230
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
852
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
853
|
+
<div
|
|
854
|
+
class="qld__card qld__card__action qld__card--dark-alt"
|
|
855
|
+
>
|
|
235
856
|
<div class="qld__card__inner">
|
|
236
857
|
<div class="qld__card__content">
|
|
237
|
-
<div
|
|
238
|
-
|
|
239
|
-
|
|
858
|
+
<div
|
|
859
|
+
class="qld__card__content-inner"
|
|
860
|
+
>
|
|
861
|
+
<h3
|
|
862
|
+
class="qld__card__title"
|
|
863
|
+
>
|
|
864
|
+
<a
|
|
865
|
+
aria-label="Components"
|
|
866
|
+
aria-describedby="card-22726"
|
|
867
|
+
class="qld__card--clickable__link"
|
|
868
|
+
href="#"
|
|
869
|
+
>Dark Alternative</a
|
|
870
|
+
>
|
|
240
871
|
</h3>
|
|
241
|
-
<p
|
|
242
|
-
|
|
872
|
+
<p
|
|
873
|
+
id="card-22726"
|
|
874
|
+
class="qld__card__description"
|
|
875
|
+
>
|
|
876
|
+
Additional text about
|
|
877
|
+
the card
|
|
243
878
|
</p>
|
|
244
879
|
</div>
|
|
245
880
|
</div>
|
|
246
881
|
<div class="qld__card__footer">
|
|
247
|
-
<hr
|
|
248
|
-
|
|
882
|
+
<hr
|
|
883
|
+
class="qld__horizontal-rule"
|
|
884
|
+
/>
|
|
885
|
+
<div
|
|
886
|
+
class="qld__card__footer-inner"
|
|
887
|
+
>
|
|
249
888
|
Footer text
|
|
250
889
|
</div>
|
|
251
890
|
</div>
|
|
@@ -255,85 +894,161 @@
|
|
|
255
894
|
</ul>
|
|
256
895
|
|
|
257
896
|
<h2>Single Click - Image</h2>
|
|
258
|
-
<ul
|
|
897
|
+
<ul
|
|
898
|
+
class="qld__card-list qld__card-list--matchheight"
|
|
899
|
+
>
|
|
900
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
901
|
+
<div
|
|
902
|
+
class="qld__card qld__card__action qld__card--image"
|
|
903
|
+
>
|
|
904
|
+
<div
|
|
905
|
+
class="qld__responsive-media-img--bg"
|
|
906
|
+
style="
|
|
907
|
+
background-image: url('/mysource_files/img/card--content.png');
|
|
908
|
+
"
|
|
909
|
+
></div>
|
|
259
910
|
|
|
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
911
|
<div class="qld__card__inner">
|
|
268
912
|
<div class="qld__card__content">
|
|
269
|
-
<div
|
|
270
|
-
|
|
271
|
-
|
|
913
|
+
<div
|
|
914
|
+
class="qld__card__content-inner"
|
|
915
|
+
>
|
|
916
|
+
<h3
|
|
917
|
+
class="qld__card__title"
|
|
918
|
+
>
|
|
919
|
+
<a
|
|
920
|
+
aria-label="Brand"
|
|
921
|
+
aria-describedby="card-22724"
|
|
922
|
+
class="qld__card--clickable__link"
|
|
923
|
+
href="#"
|
|
924
|
+
>Light</a
|
|
925
|
+
>
|
|
272
926
|
</h3>
|
|
273
|
-
<p
|
|
274
|
-
|
|
927
|
+
<p
|
|
928
|
+
id="card-22724"
|
|
929
|
+
class="qld__card__description"
|
|
930
|
+
>
|
|
931
|
+
Additional text about
|
|
932
|
+
the card
|
|
275
933
|
</p>
|
|
276
934
|
</div>
|
|
277
935
|
</div>
|
|
278
936
|
</div>
|
|
279
937
|
</div>
|
|
280
938
|
</li>
|
|
281
|
-
|
|
282
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
<div
|
|
287
|
-
|
|
939
|
+
|
|
940
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
941
|
+
<div
|
|
942
|
+
class="qld__card qld__card__action qld__card--alt qld__card--image"
|
|
943
|
+
>
|
|
944
|
+
<div
|
|
945
|
+
class="qld__responsive-media-img--bg"
|
|
946
|
+
style="
|
|
947
|
+
background-image: url('/mysource_files/img/card--content.png');
|
|
948
|
+
"
|
|
949
|
+
></div>
|
|
950
|
+
|
|
288
951
|
<div class="qld__card__inner">
|
|
289
952
|
<div class="qld__card__content">
|
|
290
|
-
<div
|
|
291
|
-
|
|
292
|
-
|
|
953
|
+
<div
|
|
954
|
+
class="qld__card__content-inner"
|
|
955
|
+
>
|
|
956
|
+
<h3
|
|
957
|
+
class="qld__card__title"
|
|
958
|
+
>
|
|
959
|
+
<a
|
|
960
|
+
aria-label="Content"
|
|
961
|
+
aria-describedby="card-22725"
|
|
962
|
+
class="qld__card--clickable__link"
|
|
963
|
+
href="#"
|
|
964
|
+
>Alternative</a
|
|
965
|
+
>
|
|
293
966
|
</h3>
|
|
294
|
-
<p
|
|
295
|
-
|
|
967
|
+
<p
|
|
968
|
+
id="card-22725"
|
|
969
|
+
class="qld__card__description"
|
|
970
|
+
>
|
|
971
|
+
Additional text about
|
|
972
|
+
the card
|
|
296
973
|
</p>
|
|
297
974
|
</div>
|
|
298
975
|
</div>
|
|
299
976
|
</div>
|
|
300
977
|
</div>
|
|
301
978
|
</li>
|
|
302
|
-
|
|
303
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
<div
|
|
308
|
-
|
|
979
|
+
|
|
980
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
981
|
+
<div
|
|
982
|
+
class="qld__card qld__card__action qld__card--dark qld__card--image"
|
|
983
|
+
>
|
|
984
|
+
<div
|
|
985
|
+
class="qld__responsive-media-img--bg"
|
|
986
|
+
style="
|
|
987
|
+
background-image: url('/mysource_files/img/card--content.png');
|
|
988
|
+
"
|
|
989
|
+
></div>
|
|
990
|
+
|
|
309
991
|
<div class="qld__card__inner">
|
|
310
992
|
<div class="qld__card__content">
|
|
311
|
-
<div
|
|
312
|
-
|
|
313
|
-
|
|
993
|
+
<div
|
|
994
|
+
class="qld__card__content-inner"
|
|
995
|
+
>
|
|
996
|
+
<h3
|
|
997
|
+
class="qld__card__title"
|
|
998
|
+
>
|
|
999
|
+
<a
|
|
1000
|
+
aria-label="Components"
|
|
1001
|
+
aria-describedby="card-22726"
|
|
1002
|
+
class="qld__card--clickable__link"
|
|
1003
|
+
href="#"
|
|
1004
|
+
>Dark</a
|
|
1005
|
+
>
|
|
314
1006
|
</h3>
|
|
315
|
-
<p
|
|
316
|
-
|
|
1007
|
+
<p
|
|
1008
|
+
id="card-22726"
|
|
1009
|
+
class="qld__card__description"
|
|
1010
|
+
>
|
|
1011
|
+
Additional text about
|
|
1012
|
+
the card
|
|
317
1013
|
</p>
|
|
318
1014
|
</div>
|
|
319
1015
|
</div>
|
|
320
1016
|
</div>
|
|
321
1017
|
</div>
|
|
322
1018
|
</li>
|
|
323
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
<div
|
|
328
|
-
|
|
1019
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
1020
|
+
<div
|
|
1021
|
+
class="qld__card qld__card__action qld__card--dark-alt qld__card--image"
|
|
1022
|
+
>
|
|
1023
|
+
<div
|
|
1024
|
+
class="qld__responsive-media-img--bg"
|
|
1025
|
+
style="
|
|
1026
|
+
background-image: url('/mysource_files/img/card--content.png');
|
|
1027
|
+
"
|
|
1028
|
+
></div>
|
|
1029
|
+
|
|
329
1030
|
<div class="qld__card__inner">
|
|
330
1031
|
<div class="qld__card__content">
|
|
331
|
-
<div
|
|
332
|
-
|
|
333
|
-
|
|
1032
|
+
<div
|
|
1033
|
+
class="qld__card__content-inner"
|
|
1034
|
+
>
|
|
1035
|
+
<h3
|
|
1036
|
+
class="qld__card__title"
|
|
1037
|
+
>
|
|
1038
|
+
<a
|
|
1039
|
+
aria-label="Components"
|
|
1040
|
+
aria-describedby="card-22726"
|
|
1041
|
+
class="qld__card--clickable__link"
|
|
1042
|
+
href="#"
|
|
1043
|
+
>Dark Alternative</a
|
|
1044
|
+
>
|
|
334
1045
|
</h3>
|
|
335
|
-
<p
|
|
336
|
-
|
|
1046
|
+
<p
|
|
1047
|
+
id="card-22726"
|
|
1048
|
+
class="qld__card__description"
|
|
1049
|
+
>
|
|
1050
|
+
Additional text about
|
|
1051
|
+
the card
|
|
337
1052
|
</p>
|
|
338
1053
|
</div>
|
|
339
1054
|
</div>
|
|
@@ -344,172 +1059,324 @@
|
|
|
344
1059
|
|
|
345
1060
|
<h2>Single action - Icon</h2>
|
|
346
1061
|
|
|
347
|
-
<ul
|
|
348
|
-
|
|
1062
|
+
<ul
|
|
1063
|
+
class="qld__card-list qld__card-list--matchheight"
|
|
1064
|
+
>
|
|
1065
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
1066
|
+
<div
|
|
1067
|
+
class="qld__card qld__card__action qld__card--icon"
|
|
1068
|
+
>
|
|
1069
|
+
<div class="qld__card__icon">
|
|
1070
|
+
<i
|
|
1071
|
+
class="fal fa-question-circle"
|
|
1072
|
+
aria-hidden="true"
|
|
1073
|
+
></i>
|
|
1074
|
+
</div>
|
|
349
1075
|
|
|
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
1076
|
<div class="qld__card__inner">
|
|
357
1077
|
<div class="qld__card__content">
|
|
358
|
-
<div
|
|
359
|
-
|
|
360
|
-
|
|
1078
|
+
<div
|
|
1079
|
+
class="qld__card__content-inner"
|
|
1080
|
+
>
|
|
1081
|
+
<h3
|
|
1082
|
+
class="qld__card__title"
|
|
1083
|
+
>
|
|
1084
|
+
<a
|
|
1085
|
+
aria-label="Brand"
|
|
1086
|
+
aria-describedby="card-22724"
|
|
1087
|
+
class="qld__card--clickable__link"
|
|
1088
|
+
href="#"
|
|
1089
|
+
>Light</a
|
|
1090
|
+
>
|
|
361
1091
|
</h3>
|
|
362
|
-
<p
|
|
363
|
-
|
|
1092
|
+
<p
|
|
1093
|
+
id="card-22724"
|
|
1094
|
+
class="qld__card__description"
|
|
1095
|
+
>
|
|
1096
|
+
Additional text about
|
|
1097
|
+
the card
|
|
364
1098
|
</p>
|
|
365
1099
|
</div>
|
|
366
1100
|
</div>
|
|
367
1101
|
</div>
|
|
368
1102
|
</div>
|
|
369
1103
|
</li>
|
|
370
|
-
|
|
371
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
1104
|
+
|
|
1105
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
1106
|
+
<div
|
|
1107
|
+
class="qld__card qld__card__action qld__card--alt qld__card--icon"
|
|
1108
|
+
>
|
|
1109
|
+
<div class="qld__card__icon">
|
|
1110
|
+
<i
|
|
1111
|
+
class="fal fa-stethoscope"
|
|
1112
|
+
aria-hidden="true"
|
|
1113
|
+
></i>
|
|
1114
|
+
</div>
|
|
1115
|
+
|
|
377
1116
|
<div class="qld__card__inner">
|
|
378
1117
|
<div class="qld__card__content">
|
|
379
|
-
<div
|
|
380
|
-
|
|
381
|
-
|
|
1118
|
+
<div
|
|
1119
|
+
class="qld__card__content-inner"
|
|
1120
|
+
>
|
|
1121
|
+
<h3
|
|
1122
|
+
class="qld__card__title"
|
|
1123
|
+
>
|
|
1124
|
+
<a
|
|
1125
|
+
aria-label="Content"
|
|
1126
|
+
aria-describedby="card-22725"
|
|
1127
|
+
class="qld__card--clickable__link"
|
|
1128
|
+
href="#"
|
|
1129
|
+
>Alternative</a
|
|
1130
|
+
>
|
|
382
1131
|
</h3>
|
|
383
|
-
<p
|
|
384
|
-
|
|
1132
|
+
<p
|
|
1133
|
+
id="card-22725"
|
|
1134
|
+
class="qld__card__description"
|
|
1135
|
+
>
|
|
1136
|
+
Additional text about
|
|
1137
|
+
the card
|
|
385
1138
|
</p>
|
|
386
1139
|
</div>
|
|
387
1140
|
</div>
|
|
388
1141
|
</div>
|
|
389
1142
|
</div>
|
|
390
1143
|
</li>
|
|
391
|
-
|
|
392
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
1144
|
+
|
|
1145
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
1146
|
+
<div
|
|
1147
|
+
class="qld__card qld__card__action qld__card--dark qld__card--icon"
|
|
1148
|
+
>
|
|
1149
|
+
<div class="qld__card__icon">
|
|
1150
|
+
<i
|
|
1151
|
+
class="fal fa-heart"
|
|
1152
|
+
aria-hidden="true"
|
|
1153
|
+
></i>
|
|
1154
|
+
</div>
|
|
1155
|
+
|
|
398
1156
|
<div class="qld__card__inner">
|
|
399
1157
|
<div class="qld__card__content">
|
|
400
|
-
<div
|
|
401
|
-
|
|
402
|
-
|
|
1158
|
+
<div
|
|
1159
|
+
class="qld__card__content-inner"
|
|
1160
|
+
>
|
|
1161
|
+
<h3
|
|
1162
|
+
class="qld__card__title"
|
|
1163
|
+
>
|
|
1164
|
+
<a
|
|
1165
|
+
aria-label="Components"
|
|
1166
|
+
aria-describedby="card-22726"
|
|
1167
|
+
class="qld__card--clickable__link"
|
|
1168
|
+
href="#"
|
|
1169
|
+
>Dark</a
|
|
1170
|
+
>
|
|
403
1171
|
</h3>
|
|
404
|
-
<p
|
|
405
|
-
|
|
1172
|
+
<p
|
|
1173
|
+
id="card-22726"
|
|
1174
|
+
class="qld__card__description"
|
|
1175
|
+
>
|
|
1176
|
+
Additional text about
|
|
1177
|
+
the card
|
|
406
1178
|
</p>
|
|
407
1179
|
</div>
|
|
408
1180
|
</div>
|
|
409
1181
|
</div>
|
|
410
1182
|
</div>
|
|
411
1183
|
</li>
|
|
412
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
1184
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
1185
|
+
<div
|
|
1186
|
+
class="qld__card qld__card__action qld__card--dark-alt qld__card--icon"
|
|
1187
|
+
>
|
|
1188
|
+
<div class="qld__card__icon">
|
|
1189
|
+
<i
|
|
1190
|
+
class="fal fa-heart"
|
|
1191
|
+
aria-hidden="true"
|
|
1192
|
+
></i>
|
|
1193
|
+
</div>
|
|
1194
|
+
|
|
418
1195
|
<div class="qld__card__inner">
|
|
419
1196
|
<div class="qld__card__content">
|
|
420
|
-
<div
|
|
421
|
-
|
|
422
|
-
|
|
1197
|
+
<div
|
|
1198
|
+
class="qld__card__content-inner"
|
|
1199
|
+
>
|
|
1200
|
+
<h3
|
|
1201
|
+
class="qld__card__title"
|
|
1202
|
+
>
|
|
1203
|
+
<a
|
|
1204
|
+
aria-label="Components"
|
|
1205
|
+
aria-describedby="card-22726"
|
|
1206
|
+
class="qld__card--clickable__link"
|
|
1207
|
+
href="#"
|
|
1208
|
+
>Dark Alternative</a
|
|
1209
|
+
>
|
|
423
1210
|
</h3>
|
|
424
|
-
<p
|
|
425
|
-
|
|
1211
|
+
<p
|
|
1212
|
+
id="card-22726"
|
|
1213
|
+
class="qld__card__description"
|
|
1214
|
+
>
|
|
1215
|
+
Additional text about
|
|
1216
|
+
the card
|
|
426
1217
|
</p>
|
|
427
1218
|
</div>
|
|
428
1219
|
</div>
|
|
429
1220
|
</div>
|
|
430
1221
|
</div>
|
|
431
1222
|
</li>
|
|
432
|
-
|
|
1223
|
+
</ul>
|
|
433
1224
|
<h2>Single action - Icon left</h2>
|
|
434
|
-
<ul
|
|
435
|
-
|
|
1225
|
+
<ul
|
|
1226
|
+
class="qld__card-list qld__card-list--matchheight"
|
|
1227
|
+
>
|
|
1228
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
1229
|
+
<div
|
|
1230
|
+
class="qld__card qld__card__action qld__card--icon qld__card--icon-left"
|
|
1231
|
+
>
|
|
1232
|
+
<div class="qld__card__icon">
|
|
1233
|
+
<i
|
|
1234
|
+
class="fal fa-question-circle"
|
|
1235
|
+
aria-hidden="true"
|
|
1236
|
+
></i>
|
|
1237
|
+
</div>
|
|
436
1238
|
|
|
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
1239
|
<div class="qld__card__inner">
|
|
444
1240
|
<div class="qld__card__content">
|
|
445
|
-
<div
|
|
446
|
-
|
|
447
|
-
|
|
1241
|
+
<div
|
|
1242
|
+
class="qld__card__content-inner"
|
|
1243
|
+
>
|
|
1244
|
+
<h3
|
|
1245
|
+
class="qld__card__title"
|
|
1246
|
+
>
|
|
1247
|
+
<a
|
|
1248
|
+
aria-label="Brand"
|
|
1249
|
+
aria-describedby="card-22724"
|
|
1250
|
+
class="qld__card--clickable__link"
|
|
1251
|
+
href="#"
|
|
1252
|
+
>Light</a
|
|
1253
|
+
>
|
|
448
1254
|
</h3>
|
|
449
|
-
<p
|
|
450
|
-
|
|
1255
|
+
<p
|
|
1256
|
+
id="card-22724"
|
|
1257
|
+
class="qld__card__description"
|
|
1258
|
+
>
|
|
1259
|
+
Additional text about
|
|
1260
|
+
the card
|
|
451
1261
|
</p>
|
|
452
1262
|
</div>
|
|
453
1263
|
</div>
|
|
454
1264
|
</div>
|
|
455
1265
|
</div>
|
|
456
1266
|
</li>
|
|
457
|
-
|
|
458
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
1267
|
+
|
|
1268
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
1269
|
+
<div
|
|
1270
|
+
class="qld__card qld__card__action qld__card--alt qld__card--icon qld__card--icon-left"
|
|
1271
|
+
>
|
|
1272
|
+
<div class="qld__card__icon">
|
|
1273
|
+
<i
|
|
1274
|
+
class="fal fa-stethoscope"
|
|
1275
|
+
aria-hidden="true"
|
|
1276
|
+
></i>
|
|
1277
|
+
</div>
|
|
1278
|
+
|
|
464
1279
|
<div class="qld__card__inner">
|
|
465
1280
|
<div class="qld__card__content">
|
|
466
|
-
<div
|
|
467
|
-
|
|
468
|
-
|
|
1281
|
+
<div
|
|
1282
|
+
class="qld__card__content-inner"
|
|
1283
|
+
>
|
|
1284
|
+
<h3
|
|
1285
|
+
class="qld__card__title"
|
|
1286
|
+
>
|
|
1287
|
+
<a
|
|
1288
|
+
aria-label="Content"
|
|
1289
|
+
aria-describedby="card-22725"
|
|
1290
|
+
class="qld__card--clickable__link"
|
|
1291
|
+
href="#"
|
|
1292
|
+
>Alternative</a
|
|
1293
|
+
>
|
|
469
1294
|
</h3>
|
|
470
|
-
<p
|
|
471
|
-
|
|
1295
|
+
<p
|
|
1296
|
+
id="card-22725"
|
|
1297
|
+
class="qld__card__description"
|
|
1298
|
+
>
|
|
1299
|
+
Additional text about
|
|
1300
|
+
the card
|
|
472
1301
|
</p>
|
|
473
1302
|
</div>
|
|
474
1303
|
</div>
|
|
475
1304
|
</div>
|
|
476
1305
|
</div>
|
|
477
1306
|
</li>
|
|
478
|
-
|
|
479
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
1307
|
+
|
|
1308
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
1309
|
+
<div
|
|
1310
|
+
class="qld__card qld__card__action qld__card--dark qld__card--icon qld__card--icon-left"
|
|
1311
|
+
>
|
|
1312
|
+
<div class="qld__card__icon">
|
|
1313
|
+
<i
|
|
1314
|
+
class="fal fa-heart"
|
|
1315
|
+
aria-hidden="true"
|
|
1316
|
+
></i>
|
|
1317
|
+
</div>
|
|
1318
|
+
|
|
485
1319
|
<div class="qld__card__inner">
|
|
486
1320
|
<div class="qld__card__content">
|
|
487
|
-
<div
|
|
488
|
-
|
|
489
|
-
|
|
1321
|
+
<div
|
|
1322
|
+
class="qld__card__content-inner"
|
|
1323
|
+
>
|
|
1324
|
+
<h3
|
|
1325
|
+
class="qld__card__title"
|
|
1326
|
+
>
|
|
1327
|
+
<a
|
|
1328
|
+
aria-label="Components"
|
|
1329
|
+
aria-describedby="card-22726"
|
|
1330
|
+
class="qld__card--clickable__link"
|
|
1331
|
+
href="#"
|
|
1332
|
+
>Dark</a
|
|
1333
|
+
>
|
|
490
1334
|
</h3>
|
|
491
|
-
<p
|
|
492
|
-
|
|
1335
|
+
<p
|
|
1336
|
+
id="card-22726"
|
|
1337
|
+
class="qld__card__description"
|
|
1338
|
+
>
|
|
1339
|
+
Additional text about
|
|
1340
|
+
the card
|
|
493
1341
|
</p>
|
|
494
1342
|
</div>
|
|
495
1343
|
</div>
|
|
496
1344
|
</div>
|
|
497
1345
|
</div>
|
|
498
1346
|
</li>
|
|
499
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
1347
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
1348
|
+
<div
|
|
1349
|
+
class="qld__card qld__card__action qld__card--dark-alt qld__card--icon qld__card--icon-left"
|
|
1350
|
+
>
|
|
1351
|
+
<div class="qld__card__icon">
|
|
1352
|
+
<i
|
|
1353
|
+
class="fal fa-heart"
|
|
1354
|
+
aria-hidden="true"
|
|
1355
|
+
></i>
|
|
1356
|
+
</div>
|
|
1357
|
+
|
|
505
1358
|
<div class="qld__card__inner">
|
|
506
1359
|
<div class="qld__card__content">
|
|
507
|
-
<div
|
|
508
|
-
|
|
509
|
-
|
|
1360
|
+
<div
|
|
1361
|
+
class="qld__card__content-inner"
|
|
1362
|
+
>
|
|
1363
|
+
<h3
|
|
1364
|
+
class="qld__card__title"
|
|
1365
|
+
>
|
|
1366
|
+
<a
|
|
1367
|
+
aria-label="Components"
|
|
1368
|
+
aria-describedby="card-22726"
|
|
1369
|
+
class="qld__card--clickable__link"
|
|
1370
|
+
href="#"
|
|
1371
|
+
>Dark Alternative</a
|
|
1372
|
+
>
|
|
510
1373
|
</h3>
|
|
511
|
-
<p
|
|
512
|
-
|
|
1374
|
+
<p
|
|
1375
|
+
id="card-22726"
|
|
1376
|
+
class="qld__card__description"
|
|
1377
|
+
>
|
|
1378
|
+
Additional text about
|
|
1379
|
+
the card
|
|
513
1380
|
</p>
|
|
514
1381
|
</div>
|
|
515
1382
|
</div>
|
|
@@ -519,112 +1386,172 @@
|
|
|
519
1386
|
</ul>
|
|
520
1387
|
|
|
521
1388
|
<h2>Single Action - Arrow</h2>
|
|
522
|
-
<ul
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
1389
|
+
<ul
|
|
1390
|
+
class="qld__card-list qld__card-list--matchheight"
|
|
1391
|
+
>
|
|
1392
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
1393
|
+
<div
|
|
1394
|
+
class="qld__card qld__card__action qld__card--arrow"
|
|
1395
|
+
>
|
|
530
1396
|
<div class="qld__card__inner">
|
|
531
1397
|
<div class="qld__card__content">
|
|
532
|
-
<div
|
|
533
|
-
|
|
534
|
-
|
|
1398
|
+
<div
|
|
1399
|
+
class="qld__card__content-inner"
|
|
1400
|
+
>
|
|
1401
|
+
<h3
|
|
1402
|
+
class="qld__card__title"
|
|
1403
|
+
>
|
|
1404
|
+
<a
|
|
1405
|
+
aria-label="Brand"
|
|
1406
|
+
aria-describedby="card-22724"
|
|
1407
|
+
class="qld__card--clickable__link"
|
|
1408
|
+
href="#"
|
|
1409
|
+
>Light</a
|
|
1410
|
+
>
|
|
535
1411
|
</h3>
|
|
536
|
-
<p
|
|
537
|
-
|
|
1412
|
+
<p
|
|
1413
|
+
id="card-22724"
|
|
1414
|
+
class="qld__card__description"
|
|
1415
|
+
>
|
|
1416
|
+
Additional text about
|
|
1417
|
+
the card
|
|
538
1418
|
</p>
|
|
539
1419
|
</div>
|
|
540
|
-
<div
|
|
1420
|
+
<div
|
|
1421
|
+
class="qld__card__arrow"
|
|
1422
|
+
></div>
|
|
541
1423
|
</div>
|
|
542
|
-
|
|
543
1424
|
</div>
|
|
544
1425
|
</div>
|
|
545
1426
|
</li>
|
|
546
|
-
|
|
547
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
1427
|
+
|
|
1428
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
1429
|
+
<div
|
|
1430
|
+
class="qld__card qld__card__action qld__card--arrow qld__card--alt"
|
|
1431
|
+
>
|
|
552
1432
|
<div class="qld__card__inner">
|
|
553
1433
|
<div class="qld__card__content">
|
|
554
|
-
<div
|
|
555
|
-
|
|
556
|
-
|
|
1434
|
+
<div
|
|
1435
|
+
class="qld__card__content-inner"
|
|
1436
|
+
>
|
|
1437
|
+
<h3
|
|
1438
|
+
class="qld__card__title"
|
|
1439
|
+
>
|
|
1440
|
+
<a
|
|
1441
|
+
aria-label="Content"
|
|
1442
|
+
aria-describedby="card-22725"
|
|
1443
|
+
class="qld__card--clickable__link"
|
|
1444
|
+
href="#"
|
|
1445
|
+
>Alternative</a
|
|
1446
|
+
>
|
|
557
1447
|
</h3>
|
|
558
|
-
<p
|
|
559
|
-
|
|
1448
|
+
<p
|
|
1449
|
+
id="card-22725"
|
|
1450
|
+
class="qld__card__description"
|
|
1451
|
+
>
|
|
1452
|
+
Additional text about
|
|
1453
|
+
the card
|
|
560
1454
|
</p>
|
|
561
1455
|
</div>
|
|
562
|
-
<div
|
|
1456
|
+
<div
|
|
1457
|
+
class="qld__card__arrow"
|
|
1458
|
+
></div>
|
|
563
1459
|
</div>
|
|
564
1460
|
</div>
|
|
565
1461
|
</div>
|
|
566
1462
|
</li>
|
|
567
|
-
|
|
568
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
1463
|
+
|
|
1464
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
1465
|
+
<div
|
|
1466
|
+
class="qld__card qld__card__action qld__card--arrow qld__card--dark"
|
|
1467
|
+
>
|
|
573
1468
|
<div class="qld__card__inner">
|
|
574
1469
|
<div class="qld__card__content">
|
|
575
|
-
<div
|
|
576
|
-
|
|
577
|
-
|
|
1470
|
+
<div
|
|
1471
|
+
class="qld__card__content-inner"
|
|
1472
|
+
>
|
|
1473
|
+
<h3
|
|
1474
|
+
class="qld__card__title"
|
|
1475
|
+
>
|
|
1476
|
+
<a
|
|
1477
|
+
aria-label="Components"
|
|
1478
|
+
aria-describedby="card-22726"
|
|
1479
|
+
class="qld__card--clickable__link"
|
|
1480
|
+
href="#"
|
|
1481
|
+
>Dark</a
|
|
1482
|
+
>
|
|
578
1483
|
</h3>
|
|
579
|
-
<p
|
|
580
|
-
|
|
1484
|
+
<p
|
|
1485
|
+
id="card-22726"
|
|
1486
|
+
class="qld__card__description"
|
|
1487
|
+
>
|
|
1488
|
+
Additional text about
|
|
1489
|
+
the card
|
|
581
1490
|
</p>
|
|
582
1491
|
</div>
|
|
583
|
-
<div
|
|
1492
|
+
<div
|
|
1493
|
+
class="qld__card__arrow"
|
|
1494
|
+
></div>
|
|
584
1495
|
</div>
|
|
585
1496
|
</div>
|
|
586
1497
|
</div>
|
|
587
1498
|
</li>
|
|
588
|
-
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
1499
|
+
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
1500
|
+
<div
|
|
1501
|
+
class="qld__card qld__card__action qld__card--arrow qld__card--dark-alt"
|
|
1502
|
+
>
|
|
593
1503
|
<div class="qld__card__inner">
|
|
594
1504
|
<div class="qld__card__content">
|
|
595
|
-
<div
|
|
596
|
-
|
|
597
|
-
|
|
1505
|
+
<div
|
|
1506
|
+
class="qld__card__content-inner"
|
|
1507
|
+
>
|
|
1508
|
+
<h3
|
|
1509
|
+
class="qld__card__title"
|
|
1510
|
+
>
|
|
1511
|
+
<a
|
|
1512
|
+
aria-label="Components"
|
|
1513
|
+
aria-describedby="card-22726"
|
|
1514
|
+
class="qld__card--clickable__link"
|
|
1515
|
+
href="#"
|
|
1516
|
+
>Dark Alternative</a
|
|
1517
|
+
>
|
|
598
1518
|
</h3>
|
|
599
|
-
<p
|
|
600
|
-
|
|
1519
|
+
<p
|
|
1520
|
+
id="card-22726"
|
|
1521
|
+
class="qld__card__description"
|
|
1522
|
+
>
|
|
1523
|
+
Additional text about
|
|
1524
|
+
the card
|
|
601
1525
|
</p>
|
|
602
1526
|
</div>
|
|
603
|
-
<div
|
|
1527
|
+
<div
|
|
1528
|
+
class="qld__card__arrow"
|
|
1529
|
+
></div>
|
|
604
1530
|
</div>
|
|
605
1531
|
</div>
|
|
606
1532
|
</div>
|
|
607
1533
|
</li>
|
|
608
|
-
|
|
1534
|
+
</ul>
|
|
609
1535
|
</div>
|
|
610
1536
|
</div>
|
|
611
1537
|
</div>
|
|
612
|
-
</div>
|
|
1538
|
+
</div>
|
|
1539
|
+
<!-- Page Footer Info -->
|
|
1540
|
+
${require('../components/prefooter/html/component.hbs')({
|
|
1541
|
+
"site":require('/src/data/site.json'),
|
|
1542
|
+
"current":require('/src/data/current.json') })}
|
|
613
1543
|
</main>
|
|
614
1544
|
<!-- END MAIN BODY -->
|
|
615
1545
|
|
|
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
1546
|
<!-- FOOTER-->
|
|
623
1547
|
${require('../components/footer/html/component.hbs')({
|
|
624
|
-
|
|
625
|
-
})}
|
|
1548
|
+
"site":require('/src/data/site.json') })}
|
|
626
1549
|
|
|
627
|
-
<div
|
|
1550
|
+
<div
|
|
1551
|
+
class="footer-scripts"
|
|
1552
|
+
id="footer_js"
|
|
1553
|
+
style="display: none !important"
|
|
1554
|
+
>
|
|
628
1555
|
${require('../components/_global/html/scripts.html')}
|
|
629
1556
|
</div>
|
|
630
1557
|
</body>
|