mp-design-system 1.2.48 → 1.2.52
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/build/scss/main.css +1 -1
- package/dist/build/scss/main.css.map +1 -1
- package/package.json +1 -1
- package/src/_includes/components/accordion/accordion.scss +5 -0
- package/src/_includes/components/card/card.scss +1 -0
- package/src/_includes/components/product-signpost/product-signpost.scss +5 -2
- package/src/_includes/includes/system-footer.njk +1 -1
- package/src/_redirects +6 -1
- package/src/assets/scss/components/form.scss +243 -89
- package/src/assets/scss/utilities/display.scss +4 -0
- package/src/brand/resources.njk +1 -1
- package/src/components/iconography.njk +2 -0
- package/src/patterns/mp-form.njk +111 -0
- package/src/prototype/events-hub.njk +111 -116
- package/src/static/pdf/Power of One - Malvern Panalytical rebranding guidance.pdf +0 -0
- package/src/static/svg/sprite.svg +4 -0
- package/src/static/pdf/Power of one Content guidance.pdf +0 -0
|
@@ -102,11 +102,9 @@ tagTitle: Events hub
|
|
|
102
102
|
</div>
|
|
103
103
|
</div>
|
|
104
104
|
|
|
105
|
-
<div class="u-flow--3xl u-pad-bottom-xl u-margin-top-xl ">
|
|
106
|
-
|
|
107
105
|
{# This week #}
|
|
108
|
-
<
|
|
109
|
-
<
|
|
106
|
+
<section id="this-week" class="c-slat c-slat--padded">
|
|
107
|
+
<div class="u-wrap u-flow">
|
|
110
108
|
<header>
|
|
111
109
|
<p class="c-h c-h--upper">Featured</p>
|
|
112
110
|
<h2 class="c-h c-h--step-5">This week</h2>
|
|
@@ -154,13 +152,12 @@ tagTitle: Events hub
|
|
|
154
152
|
},
|
|
155
153
|
tag: 'Live webinar'
|
|
156
154
|
}) }}
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
</div>
|
|
155
|
+
</div>
|
|
156
|
+
</section>
|
|
160
157
|
|
|
161
158
|
{# Upcoming #}
|
|
162
|
-
<
|
|
163
|
-
<
|
|
159
|
+
<section id="upcoming" class="c-slat c-slat--padded">
|
|
160
|
+
<div class="u-wrap u-flow">
|
|
164
161
|
<div class="u-split">
|
|
165
162
|
<h2 class="c-h c-h--step-5">Coming soon</h2>
|
|
166
163
|
{{ twi({ classes: 'u-link', label: "See all upcoming webinars", icon: 'arrow-right', align: 'left', link: "#" }) }}
|
|
@@ -247,12 +244,12 @@ tagTitle: Events hub
|
|
|
247
244
|
tag: 'Live webinar'
|
|
248
245
|
}) }}
|
|
249
246
|
</div>
|
|
250
|
-
</
|
|
251
|
-
</
|
|
247
|
+
</div>
|
|
248
|
+
</section>
|
|
252
249
|
|
|
253
250
|
{# Recorded #}
|
|
254
|
-
<
|
|
255
|
-
<
|
|
251
|
+
<section id="recorded" class="c-slat c-slat--padded">
|
|
252
|
+
<div class="u-wrap u-flow">
|
|
256
253
|
<div class="u-split">
|
|
257
254
|
<h2 class="c-h c-h--step-5">Recorded webinars</h2>
|
|
258
255
|
{{ twi({ classes: 'u-link', label: "See all recorded webinars", icon: 'arrow-right', align: 'left', link: "#" }) }}
|
|
@@ -360,12 +357,12 @@ tagTitle: Events hub
|
|
|
360
357
|
tag: 'Recorded webinar'
|
|
361
358
|
}) }}
|
|
362
359
|
</div>
|
|
363
|
-
</
|
|
364
|
-
</
|
|
360
|
+
</div>
|
|
361
|
+
</section>
|
|
365
362
|
|
|
366
363
|
{# Explore #}
|
|
367
|
-
<
|
|
368
|
-
<
|
|
364
|
+
<section id="explore" class="c-slat c-slat--padded">
|
|
365
|
+
<div class="u-wrap u-flow">
|
|
369
366
|
<h2 class="c-h c-h--step-3">Explore topics from over 1,000 expert sessions</h2>
|
|
370
367
|
<div class="o-grid o-grid--of-four">
|
|
371
368
|
{{ productSignpost ({
|
|
@@ -417,108 +414,106 @@ tagTitle: Events hub
|
|
|
417
414
|
classes: 'c-product-signpost--bordered u-pad-m'
|
|
418
415
|
}) }}
|
|
419
416
|
</div>
|
|
420
|
-
</
|
|
421
|
-
</
|
|
417
|
+
</div>
|
|
418
|
+
</section>
|
|
422
419
|
|
|
423
420
|
{# Series #}
|
|
424
|
-
<
|
|
425
|
-
<
|
|
426
|
-
<div class="
|
|
427
|
-
<
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
{{ twi({ classes: 'u-link', label: "View the complete series", icon: 'arrow-right', align: 'left', link: "#" }) }}
|
|
432
|
-
</div>
|
|
433
|
-
<div class="o-grid o-grid--of-three o-grid--of-three-early">
|
|
434
|
-
{{ card({
|
|
435
|
-
theme: {
|
|
436
|
-
border: false,
|
|
437
|
-
layout: 'single',
|
|
438
|
-
name: 'event-series',
|
|
439
|
-
inlineSpecs: false,
|
|
440
|
-
corner: false
|
|
441
|
-
},
|
|
442
|
-
image: {
|
|
443
|
-
src: 'https://p3.aprimocdn.net/malvernpanalytical/97c76c3b-e491-43e2-875b-adea00bec47d/shutterstock_733895350_Square.jpg?quality=60',
|
|
444
|
-
alt: 'Product image alt'
|
|
445
|
-
},
|
|
446
|
-
header: {
|
|
447
|
-
title: 'Part 1 - The theory of X-Ray Fluorescence (XRF)',
|
|
448
|
-
date: {
|
|
449
|
-
date: 'Oct 2019',
|
|
450
|
-
formatted: true
|
|
451
|
-
}
|
|
452
|
-
},
|
|
453
|
-
footer: {
|
|
454
|
-
cta: {
|
|
455
|
-
link: '#',
|
|
456
|
-
label: 'Watch now',
|
|
457
|
-
icon: 'play'
|
|
458
|
-
}
|
|
459
|
-
},
|
|
460
|
-
link: '#'
|
|
461
|
-
}) }}
|
|
462
|
-
{{ card({
|
|
463
|
-
theme: {
|
|
464
|
-
border: false,
|
|
465
|
-
layout: 'single',
|
|
466
|
-
name: 'event-series',
|
|
467
|
-
inlineSpecs: false,
|
|
468
|
-
corner: false
|
|
469
|
-
},
|
|
470
|
-
image: {
|
|
471
|
-
src: 'https://p3.aprimocdn.net/malvernpanalytical/3a8462a5-a4f8-48ea-a18a-adea00bebbc8/shutterstock_733895305_Square.jpg?quality=60',
|
|
472
|
-
alt: 'Product image alt'
|
|
473
|
-
},
|
|
474
|
-
header: {
|
|
475
|
-
title: 'Part 2 - Wavelength & energy dispersive XRF explained',
|
|
476
|
-
date: {
|
|
477
|
-
date: 'Oct 2019',
|
|
478
|
-
formatted: true
|
|
479
|
-
}
|
|
480
|
-
},
|
|
481
|
-
footer: {
|
|
482
|
-
cta: {
|
|
483
|
-
link: '#',
|
|
484
|
-
label: 'Watch now',
|
|
485
|
-
icon: 'play'
|
|
486
|
-
}
|
|
487
|
-
},
|
|
488
|
-
link: '#'
|
|
489
|
-
}) }}
|
|
490
|
-
{{ card({
|
|
491
|
-
theme: {
|
|
492
|
-
border: false,
|
|
493
|
-
layout: 'single',
|
|
494
|
-
name: 'event-series',
|
|
495
|
-
inlineSpecs: false,
|
|
496
|
-
corner: false
|
|
497
|
-
},
|
|
498
|
-
image: {
|
|
499
|
-
src: 'https://p3.aprimocdn.net/malvernpanalytical/78a2e0d5-123f-48df-a54f-adea00bec1ad/shutterstock_733895335_Square.jpg?quality=60',
|
|
500
|
-
alt: 'Product image alt'
|
|
501
|
-
},
|
|
502
|
-
header: {
|
|
503
|
-
title: 'Part 3 - The basics of sample preparation for XRF',
|
|
504
|
-
date: {
|
|
505
|
-
date: 'Nov 2019',
|
|
506
|
-
formatted: true
|
|
507
|
-
}
|
|
508
|
-
},
|
|
509
|
-
footer: {
|
|
510
|
-
cta: {
|
|
511
|
-
link: '#',
|
|
512
|
-
label: 'Watch now',
|
|
513
|
-
icon: 'play'
|
|
514
|
-
}
|
|
515
|
-
},
|
|
516
|
-
link: '#'
|
|
517
|
-
}) }}
|
|
518
|
-
</div>
|
|
421
|
+
<section id="featured" class="c-slat c-slat--padded c-slat--concentric u-bg-blue-step-3">
|
|
422
|
+
<div class="u-wrap o-grid o-grid--layout o-grid--8/4-switch">
|
|
423
|
+
<div class="u-flow">
|
|
424
|
+
<p class="c-h c-h--upper">Featured</p>
|
|
425
|
+
<h2 class="c-h c-h--step-5">XRF Elemental Analysis Masterclass</h2>
|
|
426
|
+
<p>Learn everything there is to know about elemental analysis using X-ray fluorescence (XRF) in this series of webinars.</p>
|
|
427
|
+
{{ twi({ classes: 'u-link', label: "View the complete series", icon: 'arrow-right', align: 'left', link: "#" }) }}
|
|
519
428
|
</div>
|
|
520
|
-
|
|
521
|
-
|
|
429
|
+
<div class="o-grid o-grid--of-three o-grid--of-three-early">
|
|
430
|
+
{{ card({
|
|
431
|
+
theme: {
|
|
432
|
+
border: false,
|
|
433
|
+
layout: 'single',
|
|
434
|
+
name: 'event-series',
|
|
435
|
+
inlineSpecs: false,
|
|
436
|
+
corner: false
|
|
437
|
+
},
|
|
438
|
+
image: {
|
|
439
|
+
src: 'https://p3.aprimocdn.net/malvernpanalytical/97c76c3b-e491-43e2-875b-adea00bec47d/shutterstock_733895350_Square.jpg?quality=60',
|
|
440
|
+
alt: 'Product image alt'
|
|
441
|
+
},
|
|
442
|
+
header: {
|
|
443
|
+
title: 'Part 1 - The theory of X-Ray Fluorescence (XRF)',
|
|
444
|
+
date: {
|
|
445
|
+
date: 'Oct 2019',
|
|
446
|
+
formatted: true
|
|
447
|
+
}
|
|
448
|
+
},
|
|
449
|
+
footer: {
|
|
450
|
+
cta: {
|
|
451
|
+
link: '#',
|
|
452
|
+
label: 'Watch now',
|
|
453
|
+
icon: 'play'
|
|
454
|
+
}
|
|
455
|
+
},
|
|
456
|
+
link: '#'
|
|
457
|
+
}) }}
|
|
458
|
+
{{ card({
|
|
459
|
+
theme: {
|
|
460
|
+
border: false,
|
|
461
|
+
layout: 'single',
|
|
462
|
+
name: 'event-series',
|
|
463
|
+
inlineSpecs: false,
|
|
464
|
+
corner: false
|
|
465
|
+
},
|
|
466
|
+
image: {
|
|
467
|
+
src: 'https://p3.aprimocdn.net/malvernpanalytical/3a8462a5-a4f8-48ea-a18a-adea00bebbc8/shutterstock_733895305_Square.jpg?quality=60',
|
|
468
|
+
alt: 'Product image alt'
|
|
469
|
+
},
|
|
470
|
+
header: {
|
|
471
|
+
title: 'Part 2 - Wavelength & energy dispersive XRF explained',
|
|
472
|
+
date: {
|
|
473
|
+
date: 'Oct 2019',
|
|
474
|
+
formatted: true
|
|
475
|
+
}
|
|
476
|
+
},
|
|
477
|
+
footer: {
|
|
478
|
+
cta: {
|
|
479
|
+
link: '#',
|
|
480
|
+
label: 'Watch now',
|
|
481
|
+
icon: 'play'
|
|
482
|
+
}
|
|
483
|
+
},
|
|
484
|
+
link: '#'
|
|
485
|
+
}) }}
|
|
486
|
+
{{ card({
|
|
487
|
+
theme: {
|
|
488
|
+
border: false,
|
|
489
|
+
layout: 'single',
|
|
490
|
+
name: 'event-series',
|
|
491
|
+
inlineSpecs: false,
|
|
492
|
+
corner: false
|
|
493
|
+
},
|
|
494
|
+
image: {
|
|
495
|
+
src: 'https://p3.aprimocdn.net/malvernpanalytical/78a2e0d5-123f-48df-a54f-adea00bec1ad/shutterstock_733895335_Square.jpg?quality=60',
|
|
496
|
+
alt: 'Product image alt'
|
|
497
|
+
},
|
|
498
|
+
header: {
|
|
499
|
+
title: 'Part 3 - The basics of sample preparation for XRF',
|
|
500
|
+
date: {
|
|
501
|
+
date: 'Nov 2019',
|
|
502
|
+
formatted: true
|
|
503
|
+
}
|
|
504
|
+
},
|
|
505
|
+
footer: {
|
|
506
|
+
cta: {
|
|
507
|
+
link: '#',
|
|
508
|
+
label: 'Watch now',
|
|
509
|
+
icon: 'play'
|
|
510
|
+
}
|
|
511
|
+
},
|
|
512
|
+
link: '#'
|
|
513
|
+
}) }}
|
|
514
|
+
</div>
|
|
515
|
+
</div>
|
|
516
|
+
</section>
|
|
522
517
|
|
|
523
518
|
</div>
|
|
524
519
|
{% endblock %}
|
|
@@ -26,6 +26,10 @@
|
|
|
26
26
|
|
|
27
27
|
<symbol id="log-out" viewBox="0 0 24 24" fill="none"><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H9M16 17L21 12M21 12L16 7M21 12H9"/></symbol>
|
|
28
28
|
|
|
29
|
+
<symbol id="monitor" viewBox="0 0 24 24" fill="none"><path d="M18.6 4.23438H5.4C4.6268 4.23438 4 4.86118 4 5.63438V12.6344C4 13.4076 4.6268 14.0344 5.4 14.0344H18.6C19.3732 14.0344 20 13.4076 20 12.6344V5.63438C20 4.86118 19.3732 4.23438 18.6 4.23438Z" stroke="#3D7B87" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.2002 17.7695H15.8002" stroke="#3D7B87" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 14.9688V17.7687" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol>
|
|
30
|
+
|
|
31
|
+
<symbol id="pin" viewBox="0 0 24 24" fill="none"><g style="mix-blend-mode:multiply"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.75 9.51163C19.75 10.9541 19.2189 12.2724 18.3415 13.2818C17.1715 14.746 15.0292 17.7626 14.3076 20.0155C14.2778 20.1086 14.2154 20.1722 14.1409 20.2064C14.0983 20.2275 14.0504 20.2393 13.9996 20.2393C13.8503 20.2393 13.7249 20.1367 13.6902 19.9981C12.9741 17.7811 10.8951 14.8329 9.71784 13.3491C8.80514 12.3313 8.25 10.9863 8.25 9.51163C8.25 6.33599 10.8244 3.76163 14 3.76163C17.1756 3.76163 19.75 6.33599 19.75 9.51163ZM14 11.414C15.1046 11.414 16 10.5185 16 9.41397C16 8.3094 15.1046 7.41397 14 7.41397C12.8954 7.41397 12 8.3094 12 9.41397C12 10.5185 12.8954 11.414 14 11.414Z" fill="currentColor"/></g></symbol>
|
|
32
|
+
|
|
29
33
|
<symbol id="play" viewBox="0 0 24 24" fill="none"><path fill="currentColor" d="M3 2v20l18-10L3 2z"/></symbol>
|
|
30
34
|
|
|
31
35
|
<symbol id="rss" viewBox="0 0 24 24" fill="none"><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M4 10.5C6.38695 10.5 8.67613 11.4482 10.364 13.136C12.0518 14.8239 13 17.1131 13 19.5M4 3.5C8.24346 3.5 12.3131 5.18571 15.3137 8.18629C18.3143 11.1869 20 15.2565 20 19.5M6 18.5C6 19.0523 5.55228 19.5 5 19.5C4.44772 19.5 4 19.0523 4 18.5C4 17.9477 4.44772 17.5 5 17.5C5.55228 17.5 6 17.9477 6 18.5Z"/></symbol>
|
|
Binary file
|