@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,43 +560,28 @@
|
|
|
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
|
-
|
|
58
|
-
"component":require('!url-loader!../components/card_multi_action/html/component.hbs'),
|
|
59
|
-
"component_output":require('../components/card_multi_action/html/component.hbs')({
|
|
60
|
-
"component":require('../components/card_multi_action/js/manifest.json').component,
|
|
61
|
-
"content":"Lorem Ipsum",
|
|
62
|
-
"current":require('/src/data/current.json')
|
|
63
|
-
})
|
|
64
|
-
})}
|
|
566
|
+
${require('../components/_global/html/component.hbs')({ "manifest":require('../components/card_multi_action/js/manifest.json'),
|
|
567
|
+
"component":require('!url-loader!../components/card_multi_action/html/component.hbs'), "component_output":require('../components/card_multi_action/html/component.hbs')({
|
|
568
|
+
"component":require('../components/card_multi_action/js/manifest.json').component, "content":"Lorem Ipsum", "current":require('/src/data/current.json') }) })}
|
|
65
569
|
|
|
66
|
-
|
|
67
|
-
<h2>Multi Action - base</h2>
|
|
570
|
+
<h2>Multi Action - base</h2>
|
|
68
571
|
<ul class="qld__card-list qld__card-list--matchheight">
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
572
|
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
73
|
-
<div class="qld__card qld__card__multi-action
|
|
74
|
-
|
|
573
|
+
<div class="qld__card qld__card__multi-action">
|
|
75
574
|
<div class="qld__card__inner">
|
|
76
|
-
<div class="qld__card__content">
|
|
575
|
+
<div class="qld__card__content">
|
|
77
576
|
<div class="qld__card__content-inner">
|
|
78
577
|
<h3 class="qld__card__title">
|
|
79
|
-
|
|
578
|
+
<a aria-label="Brand" aria-describedby="card-22724" class="qld__card--clickable__link" href="#">Light</a>
|
|
80
579
|
</h3>
|
|
81
|
-
|
|
580
|
+
<p id="card-22724" class="qld__card__description">Additional text about the card</p>
|
|
82
581
|
</div>
|
|
83
582
|
</div>
|
|
84
583
|
<div class="qld__card__footer">
|
|
85
|
-
<hr class="qld__horizontal-rule"
|
|
584
|
+
<hr class="qld__horizontal-rule" />
|
|
86
585
|
<div class="qld__card__footer-inner">
|
|
87
586
|
<ul class="qld__link-list">
|
|
88
587
|
<li>
|
|
@@ -107,26 +606,22 @@
|
|
|
107
606
|
</div>
|
|
108
607
|
</div>
|
|
109
608
|
</div>
|
|
110
|
-
|
|
111
609
|
</div>
|
|
112
|
-
|
|
113
610
|
</li>
|
|
114
|
-
|
|
115
|
-
|
|
611
|
+
|
|
116
612
|
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
117
|
-
<div class="qld__card qld__card__multi-action qld__card--alt
|
|
118
|
-
|
|
613
|
+
<div class="qld__card qld__card__multi-action qld__card--alt">
|
|
119
614
|
<div class="qld__card__inner">
|
|
120
|
-
<div class="qld__card__content">
|
|
615
|
+
<div class="qld__card__content">
|
|
121
616
|
<div class="qld__card__content-inner">
|
|
122
617
|
<h3 class="qld__card__title">
|
|
123
|
-
|
|
618
|
+
<a aria-label="Content" aria-describedby="card-22725" class="qld__card--clickable__link" href="#">Alternative</a>
|
|
124
619
|
</h3>
|
|
125
|
-
|
|
620
|
+
<p id="card-22725" class="qld__card__description">Additional text about the card</p>
|
|
126
621
|
</div>
|
|
127
622
|
</div>
|
|
128
623
|
<div class="qld__card__footer">
|
|
129
|
-
<hr class="qld__horizontal-rule"
|
|
624
|
+
<hr class="qld__horizontal-rule" />
|
|
130
625
|
<div class="qld__card__footer-inner">
|
|
131
626
|
<ul class="qld__link-list">
|
|
132
627
|
<li>
|
|
@@ -151,26 +646,22 @@
|
|
|
151
646
|
</div>
|
|
152
647
|
</div>
|
|
153
648
|
</div>
|
|
154
|
-
|
|
155
649
|
</div>
|
|
156
|
-
|
|
157
650
|
</li>
|
|
158
|
-
|
|
159
|
-
|
|
651
|
+
|
|
160
652
|
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
161
|
-
<div class="qld__card qld__card__multi-action qld__card--dark
|
|
162
|
-
|
|
653
|
+
<div class="qld__card qld__card__multi-action qld__card--dark">
|
|
163
654
|
<div class="qld__card__inner">
|
|
164
|
-
<div class="qld__card__content">
|
|
655
|
+
<div class="qld__card__content">
|
|
165
656
|
<div class="qld__card__content-inner">
|
|
166
657
|
<h3 class="qld__card__title">
|
|
167
|
-
|
|
658
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark</a>
|
|
168
659
|
</h3>
|
|
169
|
-
|
|
660
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
170
661
|
</div>
|
|
171
662
|
</div>
|
|
172
663
|
<div class="qld__card__footer">
|
|
173
|
-
<hr class="qld__horizontal-rule"
|
|
664
|
+
<hr class="qld__horizontal-rule" />
|
|
174
665
|
<div class="qld__card__footer-inner">
|
|
175
666
|
<ul class="qld__link-list">
|
|
176
667
|
<li>
|
|
@@ -195,24 +686,21 @@
|
|
|
195
686
|
</div>
|
|
196
687
|
</div>
|
|
197
688
|
</div>
|
|
198
|
-
|
|
199
689
|
</div>
|
|
200
|
-
|
|
201
690
|
</li>
|
|
202
691
|
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
203
|
-
<div class="qld__card qld__card__multi-action qld__card--dark-alt
|
|
204
|
-
|
|
692
|
+
<div class="qld__card qld__card__multi-action qld__card--dark-alt">
|
|
205
693
|
<div class="qld__card__inner">
|
|
206
|
-
<div class="qld__card__content">
|
|
694
|
+
<div class="qld__card__content">
|
|
207
695
|
<div class="qld__card__content-inner">
|
|
208
696
|
<h3 class="qld__card__title">
|
|
209
|
-
|
|
697
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark Alternative</a>
|
|
210
698
|
</h3>
|
|
211
|
-
|
|
699
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
212
700
|
</div>
|
|
213
701
|
</div>
|
|
214
702
|
<div class="qld__card__footer">
|
|
215
|
-
<hr class="qld__horizontal-rule"
|
|
703
|
+
<hr class="qld__horizontal-rule" />
|
|
216
704
|
<div class="qld__card__footer-inner">
|
|
217
705
|
<ul class="qld__link-list">
|
|
218
706
|
<li>
|
|
@@ -237,33 +725,25 @@
|
|
|
237
725
|
</div>
|
|
238
726
|
</div>
|
|
239
727
|
</div>
|
|
240
|
-
|
|
241
728
|
</div>
|
|
242
|
-
|
|
243
729
|
</li>
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
</ul>
|
|
730
|
+
</ul>
|
|
247
731
|
|
|
248
|
-
|
|
732
|
+
<h2>Multi Action - with tags</h2>
|
|
249
733
|
<ul class="qld__card-list qld__card-list--matchheight">
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
734
|
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
254
|
-
<div class="qld__card qld__card__multi-action
|
|
255
|
-
|
|
735
|
+
<div class="qld__card qld__card__multi-action">
|
|
256
736
|
<div class="qld__card__inner">
|
|
257
|
-
<div class="qld__card__content">
|
|
737
|
+
<div class="qld__card__content">
|
|
258
738
|
<div class="qld__card__content-inner">
|
|
259
739
|
<h3 class="qld__card__title">
|
|
260
|
-
|
|
740
|
+
<a aria-label="Brand" aria-describedby="card-22724" class="qld__card--clickable__link" href="#">Light</a>
|
|
261
741
|
</h3>
|
|
262
|
-
|
|
742
|
+
<p id="card-22724" class="qld__card__description">Additional text about the card</p>
|
|
263
743
|
</div>
|
|
264
744
|
</div>
|
|
265
745
|
<div class="qld__card__footer">
|
|
266
|
-
<hr class="qld__horizontal-rule"
|
|
746
|
+
<hr class="qld__horizontal-rule" />
|
|
267
747
|
<div class="qld__card__footer-inner">
|
|
268
748
|
<ul class="qld__card__tags qld__tag-list">
|
|
269
749
|
<li>
|
|
@@ -279,26 +759,22 @@
|
|
|
279
759
|
</div>
|
|
280
760
|
</div>
|
|
281
761
|
</div>
|
|
282
|
-
|
|
283
762
|
</div>
|
|
284
|
-
|
|
285
763
|
</li>
|
|
286
|
-
|
|
287
|
-
|
|
764
|
+
|
|
288
765
|
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
289
|
-
<div class="qld__card qld__card__multi-action qld__card--alt
|
|
290
|
-
|
|
766
|
+
<div class="qld__card qld__card__multi-action qld__card--alt">
|
|
291
767
|
<div class="qld__card__inner">
|
|
292
|
-
<div class="qld__card__content">
|
|
768
|
+
<div class="qld__card__content">
|
|
293
769
|
<div class="qld__card__content-inner">
|
|
294
770
|
<h3 class="qld__card__title">
|
|
295
|
-
|
|
771
|
+
<a aria-label="Content" aria-describedby="card-22725" class="qld__card--clickable__link" href="#">Alternative</a>
|
|
296
772
|
</h3>
|
|
297
|
-
|
|
773
|
+
<p id="card-22725" class="qld__card__description">Additional text about the card</p>
|
|
298
774
|
</div>
|
|
299
775
|
</div>
|
|
300
776
|
<div class="qld__card__footer">
|
|
301
|
-
<hr class="qld__horizontal-rule"
|
|
777
|
+
<hr class="qld__horizontal-rule" />
|
|
302
778
|
<div class="qld__card__footer-inner">
|
|
303
779
|
<ul class="qld__card__tags qld__tag-list">
|
|
304
780
|
<li>
|
|
@@ -314,26 +790,22 @@
|
|
|
314
790
|
</div>
|
|
315
791
|
</div>
|
|
316
792
|
</div>
|
|
317
|
-
|
|
318
793
|
</div>
|
|
319
|
-
|
|
320
794
|
</li>
|
|
321
|
-
|
|
322
|
-
|
|
795
|
+
|
|
323
796
|
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
324
|
-
<div class="qld__card qld__card__multi-action qld__card--dark
|
|
325
|
-
|
|
797
|
+
<div class="qld__card qld__card__multi-action qld__card--dark">
|
|
326
798
|
<div class="qld__card__inner">
|
|
327
|
-
<div class="qld__card__content">
|
|
799
|
+
<div class="qld__card__content">
|
|
328
800
|
<div class="qld__card__content-inner">
|
|
329
801
|
<h3 class="qld__card__title">
|
|
330
|
-
|
|
802
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark</a>
|
|
331
803
|
</h3>
|
|
332
|
-
|
|
804
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
333
805
|
</div>
|
|
334
806
|
</div>
|
|
335
807
|
<div class="qld__card__footer">
|
|
336
|
-
<hr class="qld__horizontal-rule"
|
|
808
|
+
<hr class="qld__horizontal-rule" />
|
|
337
809
|
<div class="qld__card__footer-inner">
|
|
338
810
|
<ul class="qld__card__tags qld__tag-list">
|
|
339
811
|
<li>
|
|
@@ -349,24 +821,21 @@
|
|
|
349
821
|
</div>
|
|
350
822
|
</div>
|
|
351
823
|
</div>
|
|
352
|
-
|
|
353
824
|
</div>
|
|
354
|
-
|
|
355
825
|
</li>
|
|
356
826
|
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
357
|
-
<div class="qld__card qld__card__multi-action qld__card--dark-alt
|
|
358
|
-
|
|
827
|
+
<div class="qld__card qld__card__multi-action qld__card--dark-alt">
|
|
359
828
|
<div class="qld__card__inner">
|
|
360
|
-
<div class="qld__card__content">
|
|
829
|
+
<div class="qld__card__content">
|
|
361
830
|
<div class="qld__card__content-inner">
|
|
362
831
|
<h3 class="qld__card__title">
|
|
363
|
-
|
|
832
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark Alternative</a>
|
|
364
833
|
</h3>
|
|
365
|
-
|
|
834
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
366
835
|
</div>
|
|
367
836
|
</div>
|
|
368
837
|
<div class="qld__card__footer">
|
|
369
|
-
<hr class="qld__horizontal-rule"
|
|
838
|
+
<hr class="qld__horizontal-rule" />
|
|
370
839
|
<div class="qld__card__footer-inner">
|
|
371
840
|
<ul class="qld__card__tags qld__tag-list">
|
|
372
841
|
<li>
|
|
@@ -382,33 +851,29 @@
|
|
|
382
851
|
</div>
|
|
383
852
|
</div>
|
|
384
853
|
</div>
|
|
385
|
-
|
|
386
854
|
</div>
|
|
387
|
-
|
|
388
855
|
</li>
|
|
389
|
-
|
|
390
|
-
|
|
391
856
|
</ul>
|
|
392
857
|
|
|
393
858
|
<h2>Multi action - image</h2>
|
|
394
859
|
<ul class="qld__card-list qld__card-list--matchheight">
|
|
395
860
|
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
396
|
-
<div class="qld__card qld__card__multi-action
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
861
|
+
<div class="qld__card qld__card__multi-action qld__card--image">
|
|
862
|
+
<a aria-label="Brand" aria-describedby="card-22724" class="qld__card__image-link" href="#"
|
|
863
|
+
><div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--brand.png')"></div
|
|
864
|
+
></a>
|
|
400
865
|
|
|
401
866
|
<div class="qld__card__inner">
|
|
402
|
-
<div class="qld__card__content">
|
|
867
|
+
<div class="qld__card__content">
|
|
403
868
|
<div class="qld__card__content-inner">
|
|
404
869
|
<h3 class="qld__card__title">
|
|
405
|
-
|
|
870
|
+
<a aria-label="Brand" aria-describedby="card-22724" class="qld__card--clickable__link" href="#">Brand</a>
|
|
406
871
|
</h3>
|
|
407
|
-
|
|
872
|
+
<p id="card-22724" class="qld__card__description">Additional text about the card</p>
|
|
408
873
|
</div>
|
|
409
874
|
</div>
|
|
410
875
|
<div class="qld__card__footer">
|
|
411
|
-
<hr class="qld__horizontal-rule"
|
|
876
|
+
<hr class="qld__horizontal-rule" />
|
|
412
877
|
<div class="qld__card__footer-inner">
|
|
413
878
|
<ul class="qld__link-list">
|
|
414
879
|
<li>
|
|
@@ -433,29 +898,26 @@
|
|
|
433
898
|
</div>
|
|
434
899
|
</div>
|
|
435
900
|
</div>
|
|
436
|
-
|
|
437
901
|
</div>
|
|
438
|
-
|
|
439
902
|
</li>
|
|
440
903
|
|
|
441
|
-
|
|
442
904
|
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
443
|
-
<div class="qld__card qld__card__multi-action
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
905
|
+
<div class="qld__card qld__card__multi-action qld__card--alt qld__card--image">
|
|
906
|
+
<a aria-label="Content" aria-describedby="card-22725" class="qld__card__image-link" href="#"
|
|
907
|
+
><div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png')"></div
|
|
908
|
+
></a>
|
|
447
909
|
|
|
448
910
|
<div class="qld__card__inner">
|
|
449
|
-
<div class="qld__card__content">
|
|
911
|
+
<div class="qld__card__content">
|
|
450
912
|
<div class="qld__card__content-inner">
|
|
451
913
|
<h3 class="qld__card__title">
|
|
452
|
-
|
|
914
|
+
<a aria-label="Content" aria-describedby="card-22725" class="qld__card--clickable__link" href="#">Alternative</a>
|
|
453
915
|
</h3>
|
|
454
|
-
|
|
916
|
+
<p id="card-22725" class="qld__card__description">Additional text about the card</p>
|
|
455
917
|
</div>
|
|
456
918
|
</div>
|
|
457
919
|
<div class="qld__card__footer">
|
|
458
|
-
<hr class="qld__horizontal-rule"
|
|
920
|
+
<hr class="qld__horizontal-rule" />
|
|
459
921
|
<div class="qld__card__footer-inner">
|
|
460
922
|
<ul class="qld__link-list">
|
|
461
923
|
<li>
|
|
@@ -480,29 +942,26 @@
|
|
|
480
942
|
</div>
|
|
481
943
|
</div>
|
|
482
944
|
</div>
|
|
483
|
-
|
|
484
945
|
</div>
|
|
485
|
-
|
|
486
946
|
</li>
|
|
487
947
|
|
|
488
|
-
|
|
489
948
|
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
490
|
-
<div class="qld__card qld__card__multi-action qld__card--dark
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
949
|
+
<div class="qld__card qld__card__multi-action qld__card--dark qld__card--image">
|
|
950
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card__image-link" href="#"
|
|
951
|
+
><div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--components.png')"></div
|
|
952
|
+
></a>
|
|
494
953
|
|
|
495
954
|
<div class="qld__card__inner">
|
|
496
|
-
<div class="qld__card__content">
|
|
955
|
+
<div class="qld__card__content">
|
|
497
956
|
<div class="qld__card__content-inner">
|
|
498
957
|
<h3 class="qld__card__title">
|
|
499
|
-
|
|
958
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark</a>
|
|
500
959
|
</h3>
|
|
501
|
-
|
|
960
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
502
961
|
</div>
|
|
503
962
|
</div>
|
|
504
963
|
<div class="qld__card__footer">
|
|
505
|
-
<hr class="qld__horizontal-rule"
|
|
964
|
+
<hr class="qld__horizontal-rule" />
|
|
506
965
|
<div class="qld__card__footer-inner">
|
|
507
966
|
<ul class="qld__link-list">
|
|
508
967
|
<li>
|
|
@@ -527,27 +986,25 @@
|
|
|
527
986
|
</div>
|
|
528
987
|
</div>
|
|
529
988
|
</div>
|
|
530
|
-
|
|
531
989
|
</div>
|
|
532
|
-
|
|
533
990
|
</li>
|
|
534
991
|
<li class="col-xs-12 col-md-6 col-xs-12">
|
|
535
|
-
<div class="qld__card qld__card__multi-action qld__card--dark-alt
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
992
|
+
<div class="qld__card qld__card__multi-action qld__card--dark-alt qld__card--image">
|
|
993
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card__image-link" href="#"
|
|
994
|
+
><div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--components.png')"></div
|
|
995
|
+
></a>
|
|
539
996
|
|
|
540
997
|
<div class="qld__card__inner">
|
|
541
|
-
<div class="qld__card__content">
|
|
998
|
+
<div class="qld__card__content">
|
|
542
999
|
<div class="qld__card__content-inner">
|
|
543
1000
|
<h3 class="qld__card__title">
|
|
544
|
-
|
|
1001
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark Alternative</a>
|
|
545
1002
|
</h3>
|
|
546
|
-
|
|
1003
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
547
1004
|
</div>
|
|
548
1005
|
</div>
|
|
549
1006
|
<div class="qld__card__footer">
|
|
550
|
-
<hr class="qld__horizontal-rule"
|
|
1007
|
+
<hr class="qld__horizontal-rule" />
|
|
551
1008
|
<div class="qld__card__footer-inner">
|
|
552
1009
|
<ul class="qld__link-list">
|
|
553
1010
|
<li>
|
|
@@ -572,32 +1029,29 @@
|
|
|
572
1029
|
</div>
|
|
573
1030
|
</div>
|
|
574
1031
|
</div>
|
|
575
|
-
|
|
576
1032
|
</div>
|
|
577
|
-
|
|
578
1033
|
</li>
|
|
579
|
-
|
|
580
1034
|
</ul>
|
|
581
1035
|
|
|
582
1036
|
<h2>Multi action - Feature image</h2>
|
|
583
1037
|
<ul class="qld__card-list qld__card-list--matchheight">
|
|
584
|
-
<li class="col-xs-12
|
|
585
|
-
<div class="qld__card qld__card__multi-action qld__card__multi-action--feature
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
1038
|
+
<li class="col-xs-12">
|
|
1039
|
+
<div class="qld__card qld__card__multi-action qld__card__multi-action--feature qld__card--image">
|
|
1040
|
+
<a aria-label="Brand" aria-describedby="card-22724" class="qld__card__image-link" href="#"
|
|
1041
|
+
><div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--brand.png')"></div
|
|
1042
|
+
></a>
|
|
589
1043
|
|
|
590
1044
|
<div class="qld__card__inner">
|
|
591
|
-
<div class="qld__card__content">
|
|
1045
|
+
<div class="qld__card__content">
|
|
592
1046
|
<div class="qld__card__content-inner">
|
|
593
1047
|
<h3 class="qld__card__title">
|
|
594
|
-
|
|
1048
|
+
<a aria-label="Brand" aria-describedby="card-22724" class="qld__card--clickable__link" href="#">Brand</a>
|
|
595
1049
|
</h3>
|
|
596
|
-
|
|
1050
|
+
<p id="card-22724" class="qld__card__description">Additional text about the card</p>
|
|
597
1051
|
</div>
|
|
598
1052
|
</div>
|
|
599
1053
|
<div class="qld__card__footer">
|
|
600
|
-
<hr class="qld__horizontal-rule"
|
|
1054
|
+
<hr class="qld__horizontal-rule" />
|
|
601
1055
|
<div class="qld__card__footer-inner">
|
|
602
1056
|
<ul class="qld__link-list">
|
|
603
1057
|
<li>
|
|
@@ -622,29 +1076,26 @@
|
|
|
622
1076
|
</div>
|
|
623
1077
|
</div>
|
|
624
1078
|
</div>
|
|
625
|
-
|
|
626
1079
|
</div>
|
|
627
|
-
|
|
628
1080
|
</li>
|
|
629
1081
|
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
<a aria-label="Content" aria-describedby="card-22725" class="qld__card__image-link" href="#"><div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png');"></div></a>
|
|
1082
|
+
<li class="col-xs-12">
|
|
1083
|
+
<div class="qld__card qld__card__multi-action qld__card__multi-action--feature qld__card__multi-action--image-right qld__card--alt qld__card--image">
|
|
1084
|
+
<a aria-label="Content" aria-describedby="card-22725" class="qld__card__image-link" href="#"
|
|
1085
|
+
><div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png')"></div
|
|
1086
|
+
></a>
|
|
636
1087
|
|
|
637
1088
|
<div class="qld__card__inner">
|
|
638
|
-
<div class="qld__card__content">
|
|
1089
|
+
<div class="qld__card__content">
|
|
639
1090
|
<div class="qld__card__content-inner">
|
|
640
1091
|
<h3 class="qld__card__title">
|
|
641
|
-
|
|
1092
|
+
<a aria-label="Content" aria-describedby="card-22725" class="qld__card--clickable__link" href="#">Alternative</a>
|
|
642
1093
|
</h3>
|
|
643
|
-
|
|
1094
|
+
<p id="card-22725" class="qld__card__description">Additional text about the card</p>
|
|
644
1095
|
</div>
|
|
645
1096
|
</div>
|
|
646
1097
|
<div class="qld__card__footer">
|
|
647
|
-
<hr class="qld__horizontal-rule"
|
|
1098
|
+
<hr class="qld__horizontal-rule" />
|
|
648
1099
|
<div class="qld__card__footer-inner">
|
|
649
1100
|
<ul class="qld__link-list">
|
|
650
1101
|
<li>
|
|
@@ -669,29 +1120,26 @@
|
|
|
669
1120
|
</div>
|
|
670
1121
|
</div>
|
|
671
1122
|
</div>
|
|
672
|
-
|
|
673
1123
|
</div>
|
|
674
|
-
|
|
675
1124
|
</li>
|
|
676
1125
|
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
<a aria-label="Components" aria-describedby="card-22726" class="qld__card__image-link" href="#"><div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--components.png');"></div></a>
|
|
1126
|
+
<li class="col-xs-12">
|
|
1127
|
+
<div class="qld__card qld__card__multi-action qld__card--dark qld__card__multi-action--feature qld__card--image">
|
|
1128
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card__image-link" href="#"
|
|
1129
|
+
><div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--components.png')"></div
|
|
1130
|
+
></a>
|
|
683
1131
|
|
|
684
1132
|
<div class="qld__card__inner">
|
|
685
|
-
<div class="qld__card__content">
|
|
1133
|
+
<div class="qld__card__content">
|
|
686
1134
|
<div class="qld__card__content-inner">
|
|
687
1135
|
<h3 class="qld__card__title">
|
|
688
|
-
|
|
1136
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark</a>
|
|
689
1137
|
</h3>
|
|
690
|
-
|
|
1138
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
691
1139
|
</div>
|
|
692
1140
|
</div>
|
|
693
1141
|
<div class="qld__card__footer">
|
|
694
|
-
<hr class="qld__horizontal-rule"
|
|
1142
|
+
<hr class="qld__horizontal-rule" />
|
|
695
1143
|
<div class="qld__card__footer-inner">
|
|
696
1144
|
<ul class="qld__link-list">
|
|
697
1145
|
<li>
|
|
@@ -716,27 +1164,25 @@
|
|
|
716
1164
|
</div>
|
|
717
1165
|
</div>
|
|
718
1166
|
</div>
|
|
719
|
-
|
|
720
1167
|
</div>
|
|
721
|
-
|
|
722
1168
|
</li>
|
|
723
1169
|
<li class="col-xs-12">
|
|
724
|
-
<div class="qld__card qld__card__multi-action qld__card--dark-alt qld__card__multi-action--feature qld__card__multi-action--image-right qld__card--image
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
1170
|
+
<div class="qld__card qld__card__multi-action qld__card--dark-alt qld__card__multi-action--feature qld__card__multi-action--image-right qld__card--image">
|
|
1171
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card__image-link" href="#"
|
|
1172
|
+
><div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--components.png')"></div
|
|
1173
|
+
></a>
|
|
728
1174
|
|
|
729
1175
|
<div class="qld__card__inner">
|
|
730
|
-
<div class="qld__card__content">
|
|
1176
|
+
<div class="qld__card__content">
|
|
731
1177
|
<div class="qld__card__content-inner">
|
|
732
1178
|
<h3 class="qld__card__title">
|
|
733
|
-
|
|
1179
|
+
<a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark Alternative</a>
|
|
734
1180
|
</h3>
|
|
735
|
-
|
|
1181
|
+
<p id="card-22726" class="qld__card__description">Additional text about the card</p>
|
|
736
1182
|
</div>
|
|
737
1183
|
</div>
|
|
738
1184
|
<div class="qld__card__footer">
|
|
739
|
-
<hr class="qld__horizontal-rule"
|
|
1185
|
+
<hr class="qld__horizontal-rule" />
|
|
740
1186
|
<div class="qld__card__footer-inner">
|
|
741
1187
|
<ul class="qld__link-list">
|
|
742
1188
|
<li>
|
|
@@ -761,33 +1207,21 @@
|
|
|
761
1207
|
</div>
|
|
762
1208
|
</div>
|
|
763
1209
|
</div>
|
|
764
|
-
|
|
765
1210
|
</div>
|
|
766
|
-
|
|
767
1211
|
</li>
|
|
768
|
-
|
|
769
1212
|
</ul>
|
|
770
|
-
|
|
771
1213
|
</div>
|
|
772
1214
|
</div>
|
|
773
1215
|
</div>
|
|
774
|
-
</div>
|
|
1216
|
+
</div>
|
|
1217
|
+
<!-- Page Footer Info -->
|
|
1218
|
+
${require('../components/prefooter/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
|
|
775
1219
|
</main>
|
|
776
1220
|
<!-- END MAIN BODY -->
|
|
777
1221
|
|
|
778
|
-
<!-- WIDGETS -->
|
|
779
|
-
${require('../components/widgets/html/component.hbs')({
|
|
780
|
-
"site":require('/src/data/site.json'),
|
|
781
|
-
"current":require('/src/data/current.json')
|
|
782
|
-
})}
|
|
783
|
-
|
|
784
1222
|
<!-- FOOTER-->
|
|
785
|
-
${require('../components/footer/html/component.hbs')({
|
|
786
|
-
"site":require('/src/data/site.json')
|
|
787
|
-
})}
|
|
1223
|
+
${require('../components/footer/html/component.hbs')({ "site":require('/src/data/site.json') })}
|
|
788
1224
|
|
|
789
|
-
<div class="footer-scripts" id="footer_js" style="display: none !important
|
|
790
|
-
${require('../components/_global/html/scripts.html')}
|
|
791
|
-
</div>
|
|
1225
|
+
<div class="footer-scripts" id="footer_js" style="display: none !important">${require('../components/_global/html/scripts.html')}</div>
|
|
792
1226
|
</body>
|
|
793
1227
|
</html>
|