mp-design-system 1.2.64 → 1.2.66

package/src/prototype/webinars-3-2-1.njk

@@ -1,397 +0,0 @@
----
-title: Webinars and events
-tags: prototype
-tagTitle: Webinars - featured layout
----
-
-{% from "components/button/macro.njk" import button %}
-{% from "components/filter-search/macro.njk" import filterSearch %}
-{% from "components/tabs/macro.njk" import tabsRadio %}
-{% from "components/card/macro.njk" import card %}
-{% from "components/prose/macro.njk" import prose, markdown %}
-
-{% set siteNav %}{% include "navigation/corporate.njk" %}{% endset %}
-
-{% extends "page.njk" %}
-
-{% block content %}
-<div class="c-slat--white">
-  <div class="mp u-wrap u-pad-y-l-2xl u-flow--xl">
-
-    <h1 class="mp c-h c-h--step-6">Three cards</h1>
-
-    <aside class="u-flow">
-      <h3 class="c-h c-h--upper">Featured events</h3>
-      <div class="o-grid o-grid--of-three o-grid--swipeable">
-        {{ card({
-          theme: {
-            layout: 'single',
-            size: 'medium',
-            name: 'featured'
-          },
-          image: {
-            src: '/static/img/featured-event-1.jpg',
-            alt: 'Alt'
-          },
-          header: {
-            title: 'Achieving method transfer from Mastersizer 2000 to Mastersizer 3000',
-            meta: ['English'],
-            date: {
-              date: '2020-08-01' | createDate,
-              duration: '36:01'
-            }
-          },
-          body: {
-            keySpecs: [
-              {
-                title: 'Products',
-                term: 'Mastersizer 3000'
-              },
-              {
-                title: 'Technologies',
-                term: 'Morphologically-Directed Raman Spectroscopy'
-              }
-            ]
-          },
-          footer: {
-            buttons: [
-              {
-                label: 'Watch now',
-                link: '/prototype/oma/',
-                colour: 'outline-white'
-              }
-            ]
-          },
-          tag: 'Recorded webinar'
-        }) }}
-        
-        {{ card({
-          theme: {
-            layout: 'single',
-            size: 'medium',
-            name: 'featured'
-          },
-          image: {
-            src: '/static/img/featured-event-2.jpg',
-            alt: 'Alt'
-          },
-          header: {
-            title: 'Zetium ED X-ray fluorescence SuperQ application course',
-            meta: ['English'],
-            date: {
-              date: '2021-02-09' | createDate,
-              time: '11:00 – 1200',
-              timezone: 'EST'
-            }
-          },
-          body: {
-            keySpecs: [
-              {
-                title: 'Products',
-                term: 'Mastersizer 3000'
-              },
-              {
-                title: 'Technologies',
-                term: 'Morphologically-Directed Raman Spectroscopy'
-              }
-            ]
-          },
-          footer: {
-            buttons: [
-              {
-                label: 'Book your place',
-                link: '/prototype/webinar'
-              }
-            ]
-          },
-          tag: 'Training course'
-        }) }}
-
-        {{ card({
-          theme: {
-            layout: 'single',
-            size: 'medium',
-            name: 'featured'
-          },
-          image: {
-            src: '/static/img/featured-event-3.jpg',
-            alt: 'Alt'
-          },
-          header: {
-            title: 'Ask us Anything: The API Edition - API Characterization & Developability',
-            meta: ['English'],
-            date: {
-              date: '2021-02-16' | createDate,
-              time: '11:00 – 1200',
-              timezone: 'EST'
-            }
-          },
-          body: {
-            content: '<p>Find out how the Mastersizer range can help keep costs down in formulation development.</p>'
-          },
-          footer: {
-            buttons: [
-              {
-                label: 'Book your place',
-                link: '/prototype/webinar'
-              }
-            ]
-          },
-          tag: 'Training course'
-        }) }}
-      </div>
-    </aside>
-
-    <h1 class="mp c-h c-h--step-6">Two cards</h1>
-    {{ markdown ({
-      content: "To create this wide card, use **layout:multi**, **size:large** (default), and **featured**."
-    }) }}
-
-    <aside class="u-flow">
-      <h3 class="c-h c-h--upper">Featured events</h3>
-      <div class="o-grid o-grid--8/4">
-        {{ card({
-          theme: {
-            layout: 'multi',
-            name: 'featured',
-            switch: true
-          },
-          image: {
-            src: '/static/img/featured-event-1.jpg',
-            alt: 'Alt'
-          },
-          header: {
-            title: 'Achieving method transfer from Mastersizer 2000 to Mastersizer 3000',
-            meta: ['English'],
-            date: {
-              date: '2020-08-01' | createDate,
-              duration: '36:01'
-            }
-          },
-          body: {
-            keySpecs: [
-              {
-                title: 'Products',
-                term: 'Mastersizer 3000'
-              },
-              {
-                title: 'Technologies',
-                term: 'Morphologically-Directed Raman Spectroscopy'
-              }
-            ]
-          },
-          footer: {
-            buttons: [
-              {
-                label: 'Watch now',
-                link: '/prototype/oma/',
-                colour: 'outline-white'
-              }
-            ]
-          },
-          tag: 'Recorded webinar'
-        }) }}
-        
-        {{ card({
-          theme: {
-            layout: 'single',
-            size: 'medium',
-            name: 'featured'
-          },
-          image: {
-            src: '/static/img/featured-event-2.jpg',
-            alt: 'Alt'
-          },
-          header: {
-            title: 'Zetium ED X-ray fluorescence SuperQ application course',
-            meta: ['English'],
-            date: {
-              date: '2021-02-09' | createDate,
-              time: '11:00 – 1200',
-              timezone: 'EST'
-            }
-          },
-          
-          footer: {
-            buttons: [
-              {
-                label: 'Book your place',
-                link: '/prototype/webinar'
-              }
-            ]
-          },
-          tag: 'Training course'
-        }) }}
-      </div>
-    </aside>
-
-    <aside class="u-flow">
-      <h3 class="c-h c-h--upper">Featured events</h3>
-      <div class="o-grid o-grid--8/4">
-        {{ card({
-          theme: {
-            layout: 'multi',
-            name: 'featured',
-            switch: true
-          },
-          image: {
-            src: '/static/img/featured-event-2.jpg',
-            alt: 'Alt'
-          },
-          header: {
-            title: 'Zetium ED X-ray fluorescence SuperQ application course',
-            meta: ['English'],
-            date: {
-              date: '2021-02-09' | createDate,
-              time: '11:00 – 1200',
-              timezone: 'EST'
-            }
-          },
-          body: {
-            keySpecs: [
-              {
-                title: 'Products',
-                term: 'Mastersizer 3000'
-              },
-              {
-                title: 'Technologies',
-                term: 'Morphologically-Directed Raman Spectroscopy'
-              }
-            ]
-          },
-          footer: {
-            buttons: [
-              {
-                label: 'Book your place',
-                link: '/prototype/webinar'
-              }
-            ]
-          },
-          tag: 'Training course'
-        }) }}
-        
-        {{ card({
-          theme: {
-            layout: 'single',
-            size: 'medium',
-            name: 'featured'
-          },
-          image: {
-            src: '/static/img/featured-event-1.jpg',
-            alt: 'Alt'
-          },
-          header: {
-            title: 'Achieving method transfer from Mastersizer 2000 to Mastersizer 3000',
-            meta: ['English'],
-            date: {
-              date: '2020-08-01' | createDate,
-              duration: '36:01'
-            }
-          },
-          footer: {
-            buttons: [
-              {
-                label: 'Watch now',
-                link: '/prototype/oma/',
-                colour: 'outline-white'
-              }
-            ]
-          },
-          tag: 'Recorded webinar'
-          
-        }) }}
-      </div>
-    </aside>
-
-    <h1 class="mp c-h c-h--step-6">One card</h1>
-    {{ markdown ({
-      content: "To activate this layout, the card must have **layout:multi**, **layout:multi-40-60**, **size:large**, and must be **featured**."
-    }) }}
-
-    {{ card({
-          theme: {
-            layout: 'multi c-card--layout-multi-40-60',
-            name: 'featured',
-            switch: true
-          },
-          image: {
-            src: '/static/img/featured-event-3.jpg',
-            alt: 'Alt'
-          },
-          header: {
-            title: 'Achieving method transfer from Mastersizer 2000 to Mastersizer 3000',
-            meta: ['English'],
-            date: {
-              date: '2020-08-01' | createDate,
-              duration: '36:01'
-            }
-          },
-          body: {
-            keySpecs: [
-              {
-                title: 'Products',
-                term: 'Mastersizer 3000'
-              },
-              {
-                title: 'Technologies',
-                term: 'Morphologically-Directed Raman Spectroscopy'
-              }
-            ]
-          },
-          footer: {
-            buttons: [
-              {
-                label: 'Watch now',
-                link: '/prototype/oma/',
-                colour: 'outline-white'
-              }
-            ]
-          },
-          tag: 'Recorded webinar'
-        }) }}
-
-    {{ card({
-          theme: {
-            layout: 'multi c-card--layout-multi-40-60',
-            name: 'featured'
-          },
-          image: {
-            src: '/static/img/featured-event-2.jpg',
-            alt: 'Alt'
-          },
-          header: {
-            title: 'Achieving method transfer from Mastersizer 2000 to Mastersizer 3000',
-            meta: ['English'],
-            date: {
-              date: '2021-02-09' | createDate,
-              time: '11:00 – 1200',
-              timezone: 'EST'
-            }
-          },
-          body: {
-            keySpecs: [
-              {
-                title: 'Products',
-                term: 'Mastersizer 3000'
-              },
-              {
-                title: 'Technologies',
-                term: 'Morphologically-Directed Raman Spectroscopy'
-              }
-            ]
-          },
-          footer: {
-            buttons: [
-              {
-                label: 'Book your place',
-                link: '/prototype/oma/',
-                colour: 'green'
-              }
-            ]
-          },
-          tag: 'Recorded webinar'
-        }) }}
-
-  </div>
-</div>
-{% endblock %}