slow-steps 0.1.1

data/_includes/footer/footer_full.html

@@ -0,0 +1,43 @@
+<!-- footer -->
+<footer class="ft-wrapper">
+
+  <div class="ft__head">
+    <a href="{{ site.baseurl }}/">
+      {% include /branding/site-logo.svg %}</a>
+  </div>
+  <div class="ft__body">
+
+    <section class="ft__sitemap">
+      <div class="ft__sitemap--menu">
+        {% for item in site.data.menu.navigation %}
+        <h2 class="ft__sitemap--header">{{ item.name }}</h2>
+        <ul class="ft__sitemap--submenu">
+          {% for sub in item.submenu %}
+          <li><a href="{{ sub.url }}">{{ sub.name }}</a></li>
+          {% endfor %}
+        </ul>
+        {% endfor %}
+      </div>
+    </section>
+
+    <!-- quick contact form -->
+
+    <section class="ft__contact">
+      {% include /forms/mc-register.html %}
+    </section>
+  </div>
+  <!-- footer base and copyright -->
+
+  <div class="ft__base">
+    <a href="{{ site.author.url }}" class="slogan">made slowly</a>
+    <div class="legal-links">
+      {% for item in site.data.menu.legals %}
+      <a href="{{ item.url }}">{{ item.name }}</a>
+      {% endfor %}
+    </div>
+    <p class="copyright">&copy; <script>
+        document.write(new Date().getFullYear())
+      </script> {{ site.title }} Limited</p>
+  </div>
+
+</footer>

data/_includes/forms/mc-register.html

@@ -0,0 +1,157 @@
+
+<form action="{{ site.data.forms[page.env].action }}" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+
+  <div class="form__block">
+    <h2 class="form--title">{{ site.data.forms[page.env].header }}</h2>
+
+    <p class="form--strap">{{ site.data.forms[page.env].strapline }}</p>
+    {% for item in site.data.forms[page.env].inputs %}
+
+      <div class="
+        form__elem
+        {{ item.type }}__elem
+        mc--{{ item.width }}
+        mc-field-group
+        {% if item.type == 'select' OR item.type == 'radio' %}input-group{% endif %}">
+
+        <label class="form--label {{ item.type }}-label" for="{{ item.mce-id }}">
+          {{ item.label }}
+          {% if item.required %}
+            <span class="mc-asterisk">*</span>
+          {% endif %}
+        </label>
+        {% if item.type == 'radio' %}
+          <ul>
+            {% for option in item.opts %}
+              <li>
+                <input
+                  type="{{ item.type }}"
+                  value="{{ option.value }}"
+                  name="{{ item.name }}"
+                  id="{{ item.mce-id }}-{{ option.mce-id }}" {{ item.autofocus }}>
+                <label
+                  for="{{ item.mce-id }}-{{ option.mce-id }}">
+                  {{ option.name }}
+                </label>
+              </li>
+            {% endfor %}
+          </ul>
+        {% endif %}
+
+        {% if item.type == 'select' %}
+          <select name="{{ item.name }}" class="form--select form--elem {% if item.required %}required {% endif %}" id="{{ item.mce-id }}" {{ item.autofocus }}>
+            {% for option in item.opts %}
+              <option
+                type="{{ item.type }}"
+                value="{{ option.value }}"
+                name="{{ item.name }}"
+                id="{{ item.mce-id }}-{{ option.mce-id }}">
+                {{ option.name }}
+              </option>
+            {% endfor %}
+          </select>
+        {% endif %}
+
+        {% if item.type == 'textarea' %}
+          <textarea
+            rows="4"
+            name="{{ item.name }}"
+            id="item.mce-id"
+            class="form--textarea form--elem" {{ item.autofocus }}></textarea>
+        {% endif %}
+
+        {% if item.type == 'checkbox' %}
+          <label class="form--label {{ item.type }}-label--mod" for="{{ item.mce-id }}">
+            <p>{{ item.label }}</p>
+            <span class="styled-checkbox__block">
+      	      <input type="checkbox" class="styled-checkbox switch" id="{{ item.mce-id }}" {{ item.autofocus }}>
+            	<span class="icon"><span class="icon--elem"></span></span>
+              <span class="no">NO</span>
+            	<span class="yes">YES</span>
+            </span>
+          </label>
+        {% endif %}
+
+        {% if item.type != 'select' and item.type != 'radio' and item.type != 'textarea' and item.type != 'checkbox' %}
+          <input
+            type="{{ item.type }}"
+            value=""
+            {% if item.type == 'tel' %}
+            placeholder="Landline or mobile"
+            pattern="[0-9]{3}-[0-9]{3}-[0-9]{3}"
+            {% endif %}
+            name="{{ item.name }}"
+            class="{% if item.required %}required {% endif %} form--input form--elem"
+            id="{{ item.mce-id }}"
+            {{ item.autofocus }}>
+        {% endif %}
+      </div>
+
+    {% endfor %}
+
+    <div id="mergeRow-gdpr" class="mergeRow gdpr-mergeRow content__gdprBlock mc-field-group">
+      <div class="content__gdpr">
+        <label for="interestgroup_field" class="form--label gdpr--title">What is your prefered method of communication?</label>
+        <fieldset class="mc_fieldset gdprRequired mc-field-group" name="interestgroup_field">
+
+        {% for item in site.data.forms[page.env].gdpr %}
+
+          <label class="mc--{{ item.width }} form--label {{ item.type }}-label--mod checkbox subfield" for="gdpr_{{ item.mce-id }}">
+            <p>{{ item.label }}</p>
+            <span class="styled-checkbox__block">
+              <input type="checkbox" class="styled-checkbox switch av-checkbox gdpr" id="gdpr_{{ item.mce-id }}" value="Y" name="{{ item.name }}">
+              <span class="icon"><span class="icon--elem"></span></span>
+              <span class="no">NO</span>
+              <span class="yes">YES</span>
+            </span>
+          </label>
+          {% endfor %}
+        </fieldset>
+
+        <p class="content__gdprLegal">You can unsubscribe at any time by clicking the link at the bottom of our emails. For information about our privacy practices, click <a href="/privacy-policy/">here</a>.</p>
+
+      </div>
+      <div class="content__gdprLegal">
+        <p>We use Mailchimp as our marketing platform. By clicking below, you acknowledge that your information will be transferred to Mailchimp for processing. Learn more about
+            Mailchimp's privacy practices <a href="https://mailchimp.com/legal/" target="_blank">here.</a></p>
+      </div>
+    </div>
+
+
+    <div class="clear">
+      <input type="submit" value="Submit" name="subscribe" id="mc-embedded-subscribe" class="button">
+    </div>
+
+
+    <div id="mce-responses" class="clear">
+      <div class="response" id="mce-error-response" style="display:none">
+      </div>
+      <div class="response" id="mce-success-response" style="display:none">
+      </div>
+    </div>
+
+    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+    <div style="position: absolute; left: -5000px;" aria-hidden="true">
+      <input type="text" name="{{ site.data.forms.pwp.botspot-name }}" tabindex="-1" value="">
+    </div>
+
+
+
+  </div>
+
+</form>
+
+
+<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
+
+<script type='text/javascript'>
+	(function($) {
+		window.fnames = new Array();
+		window.ftypes = new Array();
+    {% for item in site.data.forms[page.env].inputs %}
+      fnames[{{ forloop.index0 }}] = '{{ item.name }}';
+      ftypes[{{ forloop.index0 }}] = '{{ item.type }}';
+    {% endfor %}
+	}(jQuery));
+	var $mcj = jQuery.noConflict(true);
+</script>

data/_includes/head/README.md

@@ -0,0 +1,31 @@
+# Header _includes
+
+Everything we place in a pages header originates here.
+
+## descriptors
+
+Descriptive stuff that describes the website, the company, the developer and the particular page.
+
+### Global includes
+
+#### Open Graph protocol - og-meta.html
+
+Mostly used by facebook to understand what a given page is all about. This is how we control our content when posted on facebook. Thumbs and descriptions are taken from page front matter, if that doesn't exist we default to site settings in _config.yml.
+
+If the page is part of a blog, we change `og:type` from website to article and add details from front matter.
+
+We have the option to include a fb:app_id.
+
+#### Twitter Meta - twitter-meta.html
+
+Similar to og-meta, we control how our content appears on Twitter. We look for data in pages front matter first then default to site data.
+
+#### Structured Data - structured-datd.html
+
+This is how we control the indexing of our pages with search engines, in particular Google.
+
+## env
+
+### conditional.html
+
+Conditional `<link rel="stylesheet"` to style each environment. We do this so that we only load the css needed for a given page. All pages get gaitq_global.css. With front matter we include environmental stylesheet with `env: pwp | clinician`. The existence of `page.env` triggers conditional.html. 

data/_includes/head/descriptors/og-meta.html

@@ -0,0 +1,74 @@
+
+<!-- *** OG *** https://ogp.me/ -->
+<meta property="og:title" content="{% if page.url == "/" %} {{ site.title }} {% else %} {{ page.title }} | {{ site.title }} {% endif %}" />
+
+<!-- Adds article properties for posts -->
+
+<meta property="og:type" content="
+  {% if page.id %}
+  {%- assign facebook = site.socials | where: 'name', 'Facebook' -%}
+
+
+    article" />
+    <meta
+    property=article:publisher
+    content="{{ facebook[0].url }}/">
+    <meta
+    property=article:author
+    content="{{ site.url }}">
+    <meta
+    property=article:section
+    content="News from {{ site.title }}" >
+    <meta
+    property=article:published_time
+    content="{{ page.date | date_to_xmlschema }}">
+    <meta
+    property=article:modified_time
+    content="{{ 'now' | date_to_xmlschema }}">
+    <!-- this just pulls the first cat -->
+    <meta
+    property=article:tag
+    content="{{ page.categories }}">
+  {% else %}
+  website" />
+{% endif %}
+
+<meta property=og:updated_time content="{{ 'now' | date_to_xmlschema }}">
+
+<!-- use local image if it exist but only for posts -->
+
+{% if page.id %}
+{% assign image = '/posts/' | append: page.image %}
+{% else %}
+{% assign image = site.fallback_path | append: site.brand %}
+{% endif %}
+
+{% assign image_url = site.url | append: site.baseurl | append: image %}
+
+<meta property="og:image" content="{{ image_url }}" />
+
+<meta property="og:image:type" content="image/{{ image | split: '.' | last }}" />
+
+{% imagesize image:opengraph %}
+
+<!-- to implement this properly we need some kind of db recording the descriptors of our thumbs -->
+
+<meta property="og:image:alt" content="{{ site.subtitle }}" />
+
+<meta property="og:url" content="{{ site.url }}{{ site.baseurl }}{{ page.url }}" />
+
+<meta property="og:description" content="
+{% if page.description %}
+  {{ page.description }}
+{% else %}
+  {{ site.description }}
+{% endif %}" />
+
+<meta property="og:locale" content="en" />
+
+<meta property="og:site_name" content="{{ site.title }} | {{ site.subtitle }}" />
+
+<!-- *** fb:app_id *** https://developers.facebook.com/docs/sharing/webmasters/#markup -->
+<meta property="fb:app_id" content="{{ site.data.socials.facebook.app_id }}" />
+
+<!-- *** END OG *** -->

data/_includes/head/descriptors/structured-data.html

@@ -0,0 +1,124 @@
+
+{%- assign facebook = site.socials | where: 'name', 'Facebook' -%}
+
+{%- assign twitter = site.socials | where: 'name', 'Twitter' -%}
+
+<!-- *** STRUCTURED DATA *** -->
+<!-- WebSite -->
+<!-- const -->
+<script type="application/ld+json">
+{ "@context":"https://schema.org",
+  "@graph":[ {
+    "@type":"WebSite",
+    "@id":"{{ site.url }}{{ site.baseurl }}/#website",
+    "url": "{{ site.url }}{{ site.baseurl }}/",
+    "sameAs":[
+      "mailto:{{ site.email }}",
+      "{{ twitter[0].url }}/",
+      "{{ facebook[0].url }}/" ],
+    "name": "{{ site.title }} | {{ site.subtitle }}",
+    "description": "{{ site.description }}",
+    "image": "{{ site.url }}{{ site.baseurl }}{{ site.fallback_path }}{{ site.brand }}",
+    "author":[ {
+      /* Person */
+      "@type": "Person",
+      "@context": "http://schema.org",
+      "name": "{{ site.title }}",
+      "description": "{{ site.description }}",
+      "image": "{{ site.url }}{{ site.baseurl }}{{ site.fallback_path }}{{ site.brand }}"} ]
+     } , {
+    /* WePage */
+    /* var */
+    "@type":"WebPage",
+    "@id":"{{ site.url }}{{ site.baseurl }}{{ page.url }}#webpage",
+    "url":"{{ site.url }}{{ site.baseurl }}{{ page.url }}",
+    "inLanguage":"en-GB",
+    "name":"{%- if page.title -%} {{ page.title }} | {{ site.title }} {%- else -%} {{ site.title }} | {{ site.subtitle }} {% endif %}",
+    "description": "{%- if page.description -%} {{ page.descrition }}{%- else -%}{{ site.description }}{% endif %}",
+    "datePublished":"{{ page.date }}",
+    "dateModified":"{{ 'now' | date_to_xmlschema }}",
+    "isPartOf":[{
+      "@id":"{{ site.url }}{{ site.baseurl }}/#website"}] }] } </script>
+
+<!-- Organization -->
+<script type="application/ld+json">
+{ "@context": "http://schema.org",
+  "@type": "Organization",
+  "url": "{{ site.url }}{{ site.baseurl }}/",
+  /* only applies to registered business */
+  "legalName": "{{ site.title }} Limited",
+  "description": "{{ site.description }}",
+  "image": "{{ site.url }}{{ site.baseurl }}{{ site.fallback_path }}{{ site.brand }}",
+  "logo": "{{ site.url }}{{ site.baseurl }}{{ site.fallback_path }}{{ site.logo }}",
+  "address": {
+    "@type": "PostalAddress",
+    "streetAddress": "{{ site.postal_add.street }}",
+    "addressLocality": "{{ site.postal_add.city }}",
+    "addressRegion": "{{ site.postal_add.region }}",
+    "addressCountry": "{{ site.postal_add.country }}",
+    "postalCode": "{{ site.postal_add.postcode }}" },
+  "telephone": "{{ site.phone }}",
+  "sameAs":[
+    "mailto:{{ site.email }}",
+    "{{ twitter[0].url }}/",
+    "{{ facebook[0].url }}/" ] } </script>
+
+<!-- Article -->
+{% if page.id %}<!-- this is a post -->
+<script type="application/ld+json">
+  {
+    "@context": "http://schema.org",
+    "@type": "Article",
+    "author": {
+      "@type": "Person",
+      "name":
+      "{%- if page.author -%}{{ site.data.authors[page.author].name }}{%- else -%}{{ site.title }}{% endif %}"
+    },
+    "creator": {
+      "@type": "Person",
+      "name":
+      "{%- if page.author -%}{{ site.data.authors[page.author].name }}{%- else -%}{{ site.title }}{% endif %}"
+    },
+    "publisher": {
+      "@type": "Organization",
+      "name": "{{ site.title }}",
+      "logo": {
+        "@type": "ImageObject",
+        "url": "{{ site.url }}{{ site.baseurl }}{{ site.fallback_path }}{{ site.logo }}"
+      }
+    },
+    "headline": "{{ page.title }} | {{ site.title }}",
+    "datePublished": "{{ page.date | date_to_xmlschema }}",
+    "dateModified": "{{ 'now' | date_to_xmlschema }}",
+    "description": "{{ page.description }}",
+    "inLanguage": "en",
+    "url": "{{ page.url }}",
+    "name": "{{ page.title }} | {{ site.title }}",
+    "image": {
+      "@type": "ImageObject",
+      "url": "{%- if page.image -%}{{ site.url }}{{ site.baseurl }}{{ site.default_path }}{{ page.image | prepend: 'posts/' }}{%- else -%}{{ site.url }}{{ site.baseurl }}{{ site.fallback_path }}{{ site.brand }}{%- endif -%}"
+    },
+    "mainEntityOfPage": "{{ site.url }}{{ site.baseurl }}{{ page.url }}"
+  }
+</script>
+{% else %}
+<!-- LocalBusiness -->
+<script type="application/ld+json">
+  { "@context": "http://schema.org",
+    "@type": "LocalBusiness",
+    "address": {
+      "@type": "PostalAddress",
+      "streetAddress": "{{ site.postal_add.street }}",
+      "addressLocality": "{{ site.postal_add.city }}",
+      "addressRegion": "{{ site.postal_add.region }}",
+      "addressCountry": "{{ site.postal_add.country }}",
+      "postalCode": "{{ site.postal_add.postcode }}"
+    },
+    "name": "{{ site.title }} | {{ site.subtitle }}",
+    "alternateName": "{{ site.title }}",
+    "description": "{{ site.description }}",
+    "telephone": "{{ site.phone }}",
+    "openingHours": "{{ site.opening_hours }}",
+    "image": "{{ site.url }}{{ site.baseurl }}{{ site.fallback_path }}{{ site.brand }}"
+  } </script>
+{% endif %}

data/_includes/head/descriptors/twitter-meta.html

@@ -0,0 +1,17 @@
+
+<!-- *** TWITTER:CARD *** https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/abouts-cards -->
+  <meta name="twitter:card" content="summary_large_image" />
+
+  <meta name="twitter:site" content="@{{ site.data.socials.twitter.username }}" />
+  <meta name="twitter:creator" content="@{{ site.author.twitter }}">
+  <meta name="twitter:title" content="{% if page.url == "/" %} {{ site.title }} | {{ site.subtitle }} {% else %} {{ page.title }} | {{ site.title }}{% endif %}" />
+
+  <meta name="twitter:description" content="{% if page.description == null %} {{ site.description }}
+  {% else %} {{ page.description }} {% endif %}" />
+
+  <meta name="twitter:image" content="
+  {%- if page.image -%}{{ site.url }}{{ site.baseurl }}{{ site.default_path }}
+  {%- if page.id -%}{{ page.image | prepend: 'posts/' }}{%- else -%}{{ page.image }}{%- endif -%}{%- else -%}{{ site.url }}{{ site.baseurl }}{{ site.fallback_path }}{{ site.brand }}{%- endif -%}" />
+  <!-- to implement this we need some kind of db recording the descriptors of our thumbs -->
+  <meta name="twitter:image:alt" content="" />
+<!-- *** END TWITTER:CARD *** -->