slow-steps 0.3.0 → 0.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d9d1c88ec0b493bea3723570d98ef400e5d009e0e3b410909808c6b35e17e845
-  data.tar.gz: 978803f523fdbc4efc9b2acbd6e6f3f8f0e9922fc2968aa2284ec701496a71b0
+  metadata.gz: e4a1d4bde8448a9b326115676b5b1ff9d15522b3ccff4c67861c3081d5ad7db5
+  data.tar.gz: f78cfe5499f41c77606a9b08c37ad01a38f60a6cce554eb43bf38769be26e0a2
 SHA512:
-  metadata.gz: '028f491628453ae0c41ae8d4edc2a9657c0dc84adac901d32ef3868ff40d7df593cf5fd65d5dc1137b32964eae1f208962b49cd0fc0e6c58cfed934b9b1f554b'
-  data.tar.gz: b4a15f9e3cc37c5a52522460f95098b6edf54858184113a3c1dcffd1c81fa42643a909094a8bb08e544acb827975b5daba41ab7c3d917a463dbed7f56776e5fa
+  metadata.gz: 1ac85811ac4949da04d07b7d2de9f56617d4d87edfb7c75de70b808198eaff716228bc62582e80991c136d49e214bfe109825d8afa45935bf978965be08f874d
+  data.tar.gz: a162ddf4369a1cd0aad3ca6ca728b77a961c4105eeb98437cecd25e480fa254efbee90af6e9302e86b3787a3d3df38bb0debdf7781fd1c9704736744c11c2b77

data/README.md

@@ -37,7 +37,7 @@ https://github.com/madeslowly/slow-steps/
 |  |
 |  ├─ footer/                     # Site wide footers
 |  |  |
-|  |  ├─ footer_full.html         # Multi col footer
+|  |  ├─ footer.html         # Multi col footer
 |  |  |
 |  |  ├─ footer.html              # Simple footer
 |  |

data/_config.yml

@@ -4,8 +4,8 @@
 #
 #################################################################################
 
-# Site author
-author:
+# Site developer
+developer:
   name:                    Made Slowly
   email:                   arran@madeslowly.co.uk
   url:                     https://www.madeslowly.co.uk/
@@ -42,7 +42,7 @@ sass:
 
 compress_html:
   ignore:
-    envs: all
+    envs: local
   comments:                all
 
 autoprefixer:

data/_includes/contact-form.html

@@ -3,7 +3,7 @@
 
   <form  action="https://formspree.io/f/{{ site.formspree }}" method="post" >
 
-    <label for="name">Enter your name</label>
+    <label for="name">Enter your full name</label>
     <input type="text" class="form-element" name="name" id="name" placeholder="Your Name" required>
 
     <label for="email">Enter your email</label>

data/_includes/cookie-consent.html

@@ -0,0 +1,21 @@
+<!--
+This is where we put scripts for managing cookie consent
+This is placed before /body along with _include/scripts.html
+-->
+
+<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
+
+<script>
+window.cookieconsent.initialise({
+
+  "theme": "block",
+  "position": "top",
+  "content": {
+    "message": "{{ site.cookieconsent.message }}",
+    "dismiss": "{{ site.cookieconsent.button }}",
+    "link": "Tell me more.",
+    "href": "/privacy-policy/#cookies",
+    "target": "_self"
+  }
+});
+</script>

data/_includes/footer/footer.html

@@ -1,22 +1,79 @@
-<footer class="ft__wrap">
+<!-- footer -->
+<footer class="ft__wrapper">
+
+  <div class="ft__head">
+
+  </div>
+  <div class="ft__body">
+
+    <div class="ft__contact ft__col">
+
+      <a href="{{ site.baseurl }}/">
+        {% include /branding/site-logo.svg %}
+      </a>
+      <div class="ft__contact__add">
+        <ul class="ft__contact--list">
+          {% for item in site.postal_add %}
+          <li class="address">{{ item[1] }}</li>
+          {% endfor %}
+          <li><a class="ft--link" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
+          <li>{{ site.phone }}</li>
+
+          <ul class="social-media">
+
+          {% for social in site.socials %}
+          <li class="social-media-item">
+          <a href="{{ social.url }}">
+          <i class="fab fa-{{ social.icon }} social--{{ social.name }} social-media-link"></i></a>
+          </li>
+          {% endfor %}
+
+          </ul>
+
+        </ul>
+
+      </div>
+    </div>
+
+    <div class="ft__sitemap ft__col">
+      <div class="ft__sitemap--menu">
+        <h3 class="ft__sitemap--header">INFORMATION FOR</h3>
+
+        <div class="ft__sitemap--env-wrap">
+        {% for item in site.data.menu.navigation %}
+
+        <div class="ft__sitemap--env">
+
+          <h4 class="ft__sitemap--env-header">{{ item.name }}</h4>
+          <ul class="ft__sitemap--submenu">
+          {% for sub in item.submenu %}
+          <li><a class="ft--link" href="{{ sub.url | relative_url }}">{{ sub.alt }}</a></li>
+          {% endfor %}
+          </ul>
+        </div>
+
+        {% endfor %}
+
+      </div>
+      </div>
+    </div>
+
+  </div>
+  <!-- footer base and copyright -->
 
   <div class="ft__base">
 
-    <div class="owner-links">
-      <p><a href="https://jekyllrb.com/" class="slogan">Jekyll</a> theme <a href="https://rubygems.org/gems/slow-steps/">slow steps</a> by <a href="{{ site.author.url }}" class="slogan">made slowly</a></p>
     <p class="copyright">&copy; <script>
         document.write(new Date().getFullYear())
-      </script> {{ site.title }} Limited</p>
+      </script> {{ site.title }}</p>
 
 
-</div>
     <div class="legal-links">
       {% for item in site.data.menu.legals %}
       <a href="{{ item.url }}">{{ item.name }}</a>
       {% endfor %}
     </div>
-
-
+    <a href="{{ site.developer.url }}" class="slogan">Jekyll theme Slow Steps</a>
   </div>
 
 </footer>

data/_includes/footer/footer_redesign.html

@@ -0,0 +1,139 @@
+<!-- footer -->
+<footer class="ft__wrapper">
+
+  <div class="ft__body">
+
+    <div class="ft__company">
+
+
+      <div class="ft__company__add">
+        <ul>
+          <li class="ft__company__logo">
+            {% include /branding/site-logo.svg %}
+          </li>
+
+          <li class="ft__company__no">{{ site.company.registration }} {{ site.company.number }}.</li>
+          <!--
+          <li class="address"><h4>Registered office</h4></li>
+          {% for item in site.postal_add %}
+          <li class="address">{{ item[1] }}</li>
+          {% endfor %}
+          -->
+        </ul>
+
+      </div>
+    </div>
+
+
+
+    <div class="ft__sitemap">
+      <div class="ft__sitemap--menu">
+
+        {% if page.url != "/" %}
+
+        <h2 class="ft__sitemap--header">COMAPNY INFORMATION</h2>
+
+        <div class="ft__sitemap--env-wrap">
+
+          {% for item in site.data.menu.navigation %}
+
+          {% if item.env == page.env %}
+
+          <div class="ft__sitemap--env">
+
+            <ul class="ft__sitemap--submenu ft__sitemap--company">
+
+              {% for sub in item.submenu %}
+              {% if sub.id == 'footer' %}
+
+              <li><a class="ft__sitemap--link " href="{{ sub.url | relative_url }}">{{ sub.alt }}</a></li>
+
+              {% endif %}
+              {% endfor %}
+
+            </ul>
+          </div>
+          {% endif %}
+
+          {% endfor %}
+
+        </div>
+
+        {% endif %}
+
+
+
+        <h2 class="ft__sitemap--header">INFORMATION FOR</h2>
+
+        <div class="ft__sitemap--env-wrap">
+          {% for item in site.data.menu.navigation %}
+
+          <div class="ft__sitemap--env">
+
+            <h3 class="ft__sitemap--env-header">{{ item.name }}</h3>
+            <ul class="ft__sitemap--submenu">
+              {% for sub in item.submenu %}
+              {% if sub.id == 'nav' %}
+
+              <li><a class="ft__sitemap--link" href="{{ sub.url | relative_url }}">{{ sub.alt }}</a></li>
+
+              {% endif %}
+              {% endfor %}
+            </ul>
+          </div>
+
+          {% endfor %}
+
+        </div>
+
+      </div>
+    </div>
+
+
+    <div class="ft__contact">
+
+      <h2 class="ft__contact--header">Connect with us</h2>
+
+      <ul>
+        <li class="ft__contact--link"><a href="mailto:{{ site.email }}"><i class="fas fa-envelope"></i>{{ site.email }}</a></li>
+
+        <li class="ft__contact--link"><a href="tel:{{ site.phone }}"><i class="fas fa-phone-square"></i>{{ site.phone }}</a></li>
+
+      </ul>
+
+      <ul class="social-media">
+
+        {% for social in site.socials %}
+          <li class="social-media-item">
+          <a href="{{ social.url }}">
+          <i class="fab fa-{{ social.icon }} social--{{ social.name }} social-media-link"></i></a>
+          </li>
+        {% endfor %}
+
+      </ul>
+
+
+
+    </div>
+  </div>
+
+
+
+  <!-- footer base and copyright -->
+
+  <div class="ft__base">
+
+    <p class="copyright">&copy; <script>
+        document.write(new Date().getFullYear())
+      </script> {{ site.title }}</p>
+
+
+    <div class="legal-links">
+      {% for item in site.data.menu.legals %}
+      <a href="{{ item.url }}">{{ item.name }}</a>
+      {% endfor %}
+    </div>
+    <a href="{{ site.developer.url }}" class="slogan">Jekyll theme Slow Steps</a>
+  </div>
+
+</footer>

data/_includes/forms/mc-register.html

@@ -2,156 +2,170 @@
 <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
+      {% 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 }}">
+        <label class="form--label {{ item.type }}-label" for="{{ item.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>
+        <ul>
+          {% for option in item.opts %}
+            <li>
+              <input type="{{ item.type }}" value="{{ option.value }}" name="{{ item.name }}"
+                id="{{ item.id }}-{{ option.id }}" {{ item.autofocus }}>
+              <label for="{{ item.id }}-{{ option.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>
+        <select name="{{ item.name }}" class="form--select form--elem {% if item.required %}required {% endif %}" id="{{ item.id }}" {{ item.autofocus }}>
+          {% for option in item.opts %}
+          <option type="{{ item.type }}" value="{{ option.value }}" name="{{ item.name }}">
+            {{ 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>
+        <textarea rows="4" name="{{ item.name }}" id="{{ item.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>
+        <label class="form--label {{ item.type }}-label--mod" for="{{ item.id }}">
+          <p>{{ item.label }}</p>
+          <span class="styled-checkbox__block">
+
+    	      <input type="checkbox" class="styled-checkbox switch" id="{{ item.id }}" name="{{ item.name }}" {{ item.autofocus }} value="{{ item.value }}">
+
+          	<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 }}>
+        <input type="{{ item.type }}" value=""
+          {% if item.type == 'tel' %}
+          placeholder="Landline or mobile"
+          pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"
+          {% endif %}
+          name="{{ item.name }}"
+          class="{% if item.required %}required{% endif %} form--input form--elem"
+          id="{{ item.id }}"
+          {{ item.autofocus }}>
         {% endif %}
+
       </div>
 
-    {% endfor %}
+      {% 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">
+      <div id="mergeRow-gdpr" class="mergeRow gdpr-mergeRow content__gdprBlock mc-field-group">
 
-        {% for item in site.data.forms[page.env].gdpr %}
+        <div class="content__gdpr">
+          <label for="interestgroup_field" class="form--label gdpr--title">What is your prefered method of communication?</label>
 
-          <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>
+          <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="{{ item.id }}">
+              <p>{{ item.label }}</p>
+              <span class="styled-checkbox__block">
+                <input type="checkbox" class="styled-checkbox switch av-checkbox gdpr" id="{{ item.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>
+          <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>
 
+          <p class="content__gdprLegal">
+            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="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 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>
 
-    <div id="mce-responses" class="clear">
-      <div class="response" id="mce-error-response" style="display:none">
+      <!-- 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 class="response" id="mce-success-response" style="display:none">
+
+      <div class="mc-field-group input-group" style="position: absolute; left: -5000px;" aria-hidden="true">
+        <select name="USERTYPE" class="required" id="mce-USERTYPE" >
+          {% if page.env == 'pwp' %}
+          <option value="PWP" selected></option>
+          {% else %}
+          <option value="CLINICIAN" selected></option>
+          {% endif %}
+        </select>
       </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>
 
+  </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();
+      /*
+      fnames[0] = 'EMAIL';
+  		ftypes[0] = 'email';
+  		fnames[2] = 'FNAME';
+  		ftypes[2] = 'text';
+  		fnames[4] = 'LNAME';
+  		ftypes[4] = 'text';
+  		fnames[6] = 'TEL';
+  		ftypes[6] = 'number';
+  		fnames[3] = 'USERDES';
+  		ftypes[3] = 'dropdown';
+  		fnames[1] = 'USERTYPE';
+  		ftypes[1] = 'dropdown';
+  		fnames[5] = 'MESSAGE';
+  		ftypes[5] = 'text';
+      */
+      {% for item in site.data.forms[page.env].inputs %}
+        fnames[{{ forloop.index0 }}] = '{{ item.name }}';
+        ftypes[{{ forloop.index0 }}] = '{{ item.type }}';
+        {% if forloop.last == true %}
+        fnames[{{ forloop.index }}] = 'USERTYPE';
+        ftypes[{{ forloop.index }}] = 'dropdown';
+        {% endif %}
+      {% endfor %}
 
-
-  </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>
+  	}(jQuery));
+  	var $mcj = jQuery.noConflict(true);
+  </script>