mp-design-system 1.2.64 → 1.2.66

package/src/prototype/webinars.njk

@@ -1,405 +0,0 @@
----
-title: Webinars and events
-tags: prototype
-tagTitle: Webinars
----
-
-{% 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/twi/macro.njk" import twi %}
-
-{% 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">
-    <header class="u-wrap--content u-flow--2xs">
-      <h1 class="c-h c-h--page-title">Webinars, events and training</h1>
-      <h2 class="c-h c-h--page-subtitle">Science moves faster when we share what we know. The best place to find webinars, seminars, conferences, exhibitions or training course that's just right.</h2>
-    </header>
-
-    <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>
-    
-    <form class="u-flow--xl">
-      {{ filterSearch({
-        label: 'Find the perfect event for you'
-      }) }}
-
-      {{ tabsRadio({
-        name: 'event-type',
-        links: [
-          { id: 'event-type-1', value: 'webinars', label: 'Webinars', active: true },
-          { id: 'event-type-2', value: 'events', label: 'Events' },
-          { id: 'event-type-3', value: 'training', label: 'Training' }
-        ]
-      }) }}
-
-      <div class="o-grid o-grid--layout o-grid--3/8 o-grid--push">
-        <aside class="u-flow--m">          
-          <h3 class="c-h c-h--step-0">Filters</h3>
-
-          <ul class="u-flow">
-            <li><input type="radio" class="c-radio" name="event-time" id="event-time-1" value="future" checked /><label for="event-time-1">Coming up (12)</label></li>
-            <li><input type="radio" class="c-radio" name="event-time" id="event-time-2" value="past" /><label for="event-time-2">Recorded (130)</label></li>
-          </ul>
-
-          <div>
-            <label class="u-hidden" for="event-language">Language</label>
-            <select class="c-input c-input--select" id="event-language" name="event-language">
-              <option value="">All languages</option>
-            </select>
-          </div>
-
-          <noscript>
-            {{ button({
-              type: 'submit',
-              label: 'Search',
-              classes: 'u-margin-top-l'
-            }) }}
-          </noscript>
-        </aside>
-        <main class="u-flow">
-          <header class="u-split u-step--1">
-            <span>12 results</span>
-            <span>Sorted by nearest date</span>
-          </header>
-
-          {{ card({
-            theme: {
-              layout: 'single',
-              size: 'medium',
-              name: 'alt',
-              corner: true
-            },
-            header: {
-              title: 'Zetium ED X-ray fluorescence SuperQ application course',
-              meta: ['English'],
-              date: {
-                date: '2021-02-09' | createDate,
-                time: '11:00 – 1200',
-                timezone: 'EST'
-              }
-            },
-            link: '/prototype/webinar',
-            series: [{
-              link: '/prototype/webinar',
-              label: 'Part 2 of 3',
-              active: true
-            },{
-              link: '/prototype/webinar',
-              label: 'Watch part 1'
-            },
-            {
-              link: '/prototype/webinar',
-              label: 'Register for part 3'
-            }]
-          }) }}
-
-          {{ card({
-            theme: {
-              layout: 'single',
-              size: 'medium',
-              name: 'alt',
-              corner: true
-            },
-            header: {
-              title: 'Discover how on-line particle sizing optimises mining analytics.',
-              meta: ['English'],
-              date: {
-                date: '2021-02-13' | createDate,
-                time: '11:00 – 1200',
-                timezone: 'EST'
-              }
-            },
-            link: '/prototype/webinar'
-          }) }}
-
-          {{ card({
-            theme: {
-              layout: 'single',
-              size: 'medium',
-              name: 'alt',
-              corner: true
-            },
-            header: {
-              title: 'Ask us Anything: The API Edition - API Characterization & Developability',
-              meta: ['English'],
-              date: {
-                date: '2021-02-18' | createDate,
-                time: '11:00 – 1200',
-                timezone: 'EST'
-              }
-            },
-            link: '/prototype/webinar'
-          }) }}
-
-          {{ card({
-            theme: {
-              layout: 'single',
-              size: 'medium',
-              name: 'alt',
-              corner: true
-            },
-            header: {
-              title: 'Zetium ED X-ray fluorescence SuperQ application course',
-              meta: ['English'],
-              date: {
-                date: '2021-03-01' | createDate,
-                time: '11:00 – 1200',
-                timezone: 'EST'
-              }
-            },
-            link: '/prototype/webinar'
-          }) }}
-
-          {{ card({
-            theme: {
-              layout: 'single',
-              size: 'medium',
-              name: 'alt',
-              corner: true
-            },
-            header: {
-              title: 'Discover how on-line particle sizing optimises mining analytics.',
-              meta: ['English'],
-              date: {
-                date: '2021-03-07' | createDate,
-                time: '11:00 – 1200',
-                timezone: 'EST'
-              }
-            },
-            link: '/prototype/webinar'
-          }) }}
-
-          {{ card({
-            theme: {
-              layout: 'single',
-              size: 'medium',
-              name: 'alt',
-              corner: true
-            },
-            header: {
-              title: 'Ask us Anything: The API Edition - API Characterization & Developability',
-              meta: ['English'],
-              date: {
-                date: '2021-03-17' | createDate,
-                time: '11:00 – 1200',
-                timezone: 'EST'
-              }
-            },
-            link: '/prototype/webinar'
-          }) }}
-
-          {{ card({
-            theme: {
-              layout: 'single',
-              size: 'medium',
-              name: 'alt',
-              corner: true
-            },
-            header: {
-              title: 'Discover how on-line particle sizing optimises mining analytics.',
-              meta: ['English'],
-              date: {
-                date: '2021-05-13' | createDate,
-                time: '11:00 – 1200',
-                timezone: 'EST'
-              }
-            },
-            link: '/prototype/webinar'
-          }) }}
-
-          {{ card({
-            theme: {
-              layout: 'single',
-              size: 'medium',
-              name: 'alt',
-              corner: true
-            },
-            header: {
-              title: 'Ask us Anything: The API Edition - API Characterization & Developability',
-              meta: ['English'],
-              date: {
-                date: '2021-05-18' | createDate,
-                time: '11:00 – 1200',
-                timezone: 'EST'
-              }
-            },
-            link: '/prototype/webinar'
-          }) }}
-
-          {{ card({
-            theme: {
-              layout: 'single',
-              size: 'medium',
-              name: 'alt',
-              corner: true
-            },
-            header: {
-              title: 'Zetium ED X-ray fluorescence SuperQ application course',
-              meta: ['English'],
-              date: {
-                date: '2021-06-01' | createDate,
-                time: '11:00 – 1200',
-                timezone: 'EST'
-              }
-            },
-            link: '/prototype/webinar'
-          }) }}
-
-          {{ card({
-            theme: {
-              layout: 'single',
-              size: 'medium',
-              name: 'alt',
-              corner: true
-            },
-            header: {
-              title: 'Discover how on-line particle sizing optimises mining analytics.',
-              meta: ['English'],
-              date: {
-                date: '2021-06-07' | createDate,
-                time: '11:00 – 1200',
-                timezone: 'EST'
-              }
-            },
-            link: '/prototype/webinar'
-          }) }}
-
-        <footer class="u-split u-step--1 u-margin-top-m">
-          <span>Page 1 of 2</span>
-          {{ twi({ classes: 'u-link u-step--1', label: "Next page", icon: 'arrow-right', align: 'right', link: "#" }) }}
-        </footer>
-
-        </main>
-      </div>
-
-    </form>
-
-  </div>
-</div>
-{% endblock %}

package/src/quickstart.md

@@ -1,41 +0,0 @@
----
-title: Quick start
-layout: content-page
-sidebar: brand
-status: 'Ready'
-version: 1.0.2
-tags: brand
-date: 2023-06-23
----
-
-When you're building a public-facing website it's important to follow our brand guidelines. With Franklin we've created a  simple two-step process to help you stay on brand, accessible, and mobile friendly - no matter what technology you use under the hood.
-
-## The easy way
-
-**1:**
-Copy these two lines of code into your web page:
-
-```html
-<link rel="stylesheet" href="https://unpkg.com/mp-design-system@latest/dist/build/scss/main.css" />
-
-<script src="https://unpkg.com/mp-design-system@latest/dist/build/js/app.js"></script>
-```
-
-**2:**
-Simply use the appropriate HTML and class attributes when building your site. For example, the `c-button` class will give you a perfect, on-brand button:
-
-```html
-<a class="c-button c-button--inline" href="#">Click me</a>
-```
-
-{% button 'Click me' '/components/button' %}
-
-We have guidelines for [layout](/components/grid), [typography](/components/typography), [spacing](/components/flow), and a list of [utility classes](/components/utilities) to help you build the perfect design. And for larger page elements, we have [a library of ready-made components](/components).
-
-You can find full details on our [installation](/components/installation) page.
-
----
-
-## The hard way
-
-If you're unable to comply with the two steps above, you'll need to style your website to match Franklin as closely as possible. Please see [Requirements](/brand/requirements) for complete details.

package/src/robots.txt

@@ -1,5 +0,0 @@
-User-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36
-Disallow: /
-
-User-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.6367.207 Safari/537.36
-Disallow: /