slow-steps 0.4.10 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d1dac6e17c47ad6a0d05c9cb5d5ea3b3e9346715404bd65cead12c4303ff741d
-  data.tar.gz: ab8509bd4728c1582fce247058bac78a135aabb88dc3adb26b60502f14dd4544
+  metadata.gz: e123b0e7f6c8b7ebcc34ab9306a321a294243fc3f7befc8bbd49965d4d7a0505
+  data.tar.gz: b6c2057ed0bcc61e007659a50636296da602b3aa79e9320aba7fb646b70e315d
 SHA512:
-  metadata.gz: c51adbd17b2b958bb9ccbb06f7d4936d9b28dbeecd9c087989d11b0c27528aa947890b6ee6b4e476eab1d6fbea29e6e7f0707fa9b171495433c302785bb82726
-  data.tar.gz: 35797752c5fc5b5b32c62837c3f19beb1212bfea9df9ac23018624f77564dbd32f3f8d53cd81d8143c059974afaa48f8a00b79fc462174a0c880ad5110e20820
+  metadata.gz: 447856377e6afe564ab4bc46df84f56d2cc9df1d85b283dd2fbc991f478baf9693443f5978003ab2a9f8bc66589c7b267c64cae6d424d1e50e438abb38e81d46
+  data.tar.gz: c34a1c156a0830aec0b1ff6f074ed7e52f2e3c4f71426a2a1d0b2c98c58837fd43a48c59ca673f106d6a5762627e20d1b4966fd872a0d312f8dea589dc38f4b3

data/README.md

@@ -70,7 +70,7 @@ https://github.com/madeslowly/slow-steps/
 |  ├─ env/                        # Environmental specific layouts
 |  |  |
 |  |  ├─ clinician.html           # Professionals and press
-|  |  ├─ pwp.html                 # Patients and carers
+|  |  ├─ walk.html                 # Patients and carers
 |  |  ├─ landing.html             # Landing page only
 |  |
 |  ├─ compress.html               # Final step for all pages. Strips html comments, carriage returns and white space.
@@ -89,7 +89,7 @@ https://github.com/madeslowly/slow-steps/
 |  |  |
 |  |  ├─ env/                     # Environmental specific colors
 |  |  |  |
-|  |  |  ├─ pwp.sass              # pwp environmental colors
+|  |  |  ├─ walk.sass              # walk environmental colors
 |  |  |
 |  |  ├─ _variable.sass           # <nav> settings
 |  |  ├─ burger.sass              # Mobile burger

data/_includes/forms/formspree-contact.html

@@ -0,0 +1,16 @@
+<!-- formspree contact form only, header and styling in laytout -->
+
+<form  action="https://formspree.io/f/{{ site.formspree }}" method="post" >
+
+  <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>
+  <input type="text" class="form-element" name="email" id="email" placeholder="Your email" required>
+
+  <label for="message">Enter your message</label>
+  <textarea class="form-element" rows="5" name="message" id="message" placeholder="Your Message" required></textarea>
+
+  <button class="btn btn-pop btn-outline btn-contact" type="submit">SEND</button>
+
+</form>

data/_includes/forms/kwes-contact.html

@@ -0,0 +1,15 @@
+<!-- kwes contact form only, header and styling in laytout -->
+<form class="kwes-form" action="https://kwes.io/api/foreign/forms/{{ site.kwes }}">
+
+  <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>
+  <input type="text" class="form-element" name="email" id="email" placeholder="Your email" required>
+
+  <label for="message">Enter your message</label>
+  <textarea class="form-element" rows="5" name="message" id="message" placeholder="Your Message" required></textarea>
+
+  <button class="btn btn-pop btn-outline btn-contact" type="submit">SEND</button>
+
+</form>

data/_includes/forms/mc-register.html

@@ -117,12 +117,12 @@
 
       <!-- 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="">
+        <input type="text" name="{{ site.data.forms.walk.botspot-name }}" tabindex="-1" value="">
       </div>
 
       <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' %}
+          {% if page.env == 'walk' %}
           <option value="PwP" selected></option>
           {% else %}
           <option value="Clinician" selected></option>

data/_includes/head/README.md

@@ -28,4 +28,4 @@ This is how we control the indexing of our pages with search engines, in particu
 
 ### 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. 
+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: walk | clinician`. The existence of `page.env` triggers conditional.html. 

data/_includes/navigation/global.html

@@ -1,5 +1,5 @@
 
-<!-- No navigation on landing, we split the diplay with <a's pointing to pwp or clinician. This is done in the landing.html layout. -->
+<!-- No navigation on landing, we split the diplay with <a's pointing to walk or clinician. This is done in the landing.html layout. -->
 
 <nav class="navbar">
 

data/_includes/scripts.html

@@ -12,6 +12,18 @@
 
 {% endif %}
 
+{% if scripts contains 'kwes' %}
+
+  <script src="https://kwes.io/v2/kwes-script.js" async></script>
+
+{% endif %}
+
+{% if scripts contains 'checkAll' %}
+
+  <script type="text/javascript" src="{{ '/assets/js/checkAll.js' | relative_url }}" async></script>
+
+{% endif %}
+
 <script type="text/javascript" src="{{ '/assets/js/animate_after_load.js' | relative_url }}" async></script>
 
 <script type="text/javascript" src="{{ '/assets/js/calc-mobile-viewport.js' | relative_url}}" async></script>
@@ -26,9 +38,6 @@
 
 <script type="text/javascript" src="{{ '/assets/vendor/aos/aos.js' | relative_url }}" ></script>
 
-<!-- need to conditional load this. will sort that out after tyding up content repo 25 May 2021 Arran -->
-<script src="https://kwes.io/v2/kwes-script.js" async></script>
-
 {% include cookie-consent.html %}
 
 <script>

data/_layouts/contact.html

@@ -31,7 +31,10 @@ layout: default
 <div class="contact__wrapper" id="content">
 
   <div class="contact--left">
-    {% include contact-form.html %}
+    <div class="contact-form">
+      <h4 class="form-instruction blue">Get in touch using the form below</h4>
+      {% include forms/kwes-contact.html %}
+    </div>
   </div>
 
   <div class="contact--right">

data/_layouts/env/landing.html

@@ -14,7 +14,7 @@ Last full read through 27/12/2020
 
 <div class="landing__page">
   <!-- setup liquid variables -->
-  {%- assign env = site.data.menu.navigation | where: 'env', 'pwp' -%}
+  {%- assign env = site.data.menu.navigation | where: 'env', 'walk' -%}
   {%- assign env = env[0] -%}
 
   {%- assign cta = env.submenu | where: 'cta', 'true' -%}
@@ -25,14 +25,14 @@ Last full read through 27/12/2020
 
   <div class="page__half">
 
-    <div class="env__text env--pwp">
+    <div class="env__text env--walk">
 
       <a class="landing__link" aria-label="{{ env.aria }}" href="{{ env.url | relative_url }}">
 
         <h3 class="landing__title">{{ env.name | upcase }}</h3></a>
 
       <div class="landing__strap">
-        <p>{{ site.data.copy.landing.landing.pwp }}</p>
+        <p>{{ site.data.copy.landing.landing.walk }}</p>
         <div class="landing__cta">
         <a class="primary__cta" aria-label="{{ cta.aria }}" href="{{ cta.url | relative_url }}">{{ cta.name }}</a>
         <a class="secondary__cta" aria-label="{{ cta_2.aria }}" href="{{ cta_2.url | relative_url }}">More Info</a>
@@ -41,10 +41,10 @@ Last full read through 27/12/2020
 
     </div>
 
-    <div class="hero__overlay env--pwp">
-      {%- picture {{ page.pwp.image | prepend: 'content/' }}
+    <div class="hero__overlay env--walk">
+      {%- picture {{ page.walk.image | prepend: 'content/' }}
         --img class="hero__image hero__filter pwp__hero h-100"
-        --alt {{ page.pwp.alt }} -%}</div>
+        --alt {{ page.walk.alt }} -%}</div>
 
   </div>
 

data/_layouts/env/{pwp.html → walk.html}

@@ -7,7 +7,7 @@ layout: default
 Last full read through 27/12/2020
 
 ##############################################
-# PWP Layout            /_layouts/env/pwp.html
+# PWP Layout            /_layouts/env/walk.html
 ##############################################
 
 -->
@@ -15,8 +15,8 @@ Last full read through 27/12/2020
 
 <!-- assign description with site decsription as fallback -->
 
-{% if site.data.copy.landing.pwp.description %}
-{% assign description = site.data.copy.landing.pwp.description %}
+{% if site.data.copy.landing.walk.description %}
+{% assign description = site.data.copy.landing.walk.description %}
 {% else %}
 {% assign description = site.description %}
 {% endif %}
@@ -31,7 +31,7 @@ Last full read through 27/12/2020
   <div class="hero__strap hero__strap--center hero__strap--env">
     <h1>
       <span class="hero__strap--start">
-        {% assign header = site.data.copy.landing.pwp %}
+        {% assign header = site.data.copy.landing.walk %}
         {% assign title = header.title | split: " " %}
         {% assign n = header.split %}
         {% for word in (1..title.size) %}
@@ -79,8 +79,8 @@ Last full read through 27/12/2020
 </div>
 
 <div class="center-text strap__100 strap--opd-trust" id="content">
-  <h2>{{ site.data.copy.landing.pwp.subtitle }}</h2>
-  <p data-aos="fade-in">{{ site.data.copy.landing.pwp.strap }}</p>
+  <h2>{{ site.data.copy.landing.walk.subtitle }}</h2>
+  <p data-aos="fade-in">{{ site.data.copy.landing.walk.strap }}</p>
 </div>
 
 <div class="segment__wrap">
@@ -93,7 +93,7 @@ Last full read through 27/12/2020
       {{ description }}</p></div>
 
   <div class="center-text segment__keywords strap--opd-trust">
-    {% assign keyword = site.data.copy.landing.pwp.keywords | split: ", " %}
+    {% assign keyword = site.data.copy.landing.walk.keywords | split: ", " %}
     {% for word in (1..keyword.size) %}
     <h3 data-aos="fade-in">{{ keyword[forloop.index0] }}</h3>
     {% endfor %}</div>

data/_layouts/faq.html

@@ -69,7 +69,9 @@ document.querySelectorAll('.faq__question').forEach(function(el){
 
 
 <div class="faq__contact">
+  <div class="contact-form">
     <h2 class="faq__contact--strap">Not found the answer?</h2>
-    {% include contact-form-faq.html %}
-
+    <h4 class="form-instruction white">Get in touch using the form below</h4>
+    {% include forms/kwes-contact.html %}
+  </div>
 </div>

data/_sass/_colors/README.md

@@ -22,6 +22,6 @@ Collection of the above definitions.
 
 Theme colouring for clinician environments. We import collection.sass and define `$env-primary` and `$env-secondary`.
 
-## _pwp.sass
+## walk.sass
 
-Theme colouring for pwp environments. We import collection.sass and define `$env-primary` and `$env-secondary`.
+Theme colouring for walk environments. We import collection.sass and define `$env-primary` and `$env-secondary`.

data/_sass/_colors/{_pwp.sass → _walk.sass}

@@ -1,5 +1,5 @@
 @import 'collection'
-// Colouring theme for pwp env
+// Colouring theme for walk env
 
 $env-primary: $opd-coral
 

data/_sass/_colors/collection.sass

@@ -1,3 +1,5 @@
 @import '_variables'
 
 @import '_mixins'
+
+@import 'global'

data/_sass/_colors/global.sass

@@ -0,0 +1,5 @@
+.white
+  color: $pure-white
+
+.blue
+  color: $opd-blue

data/_sass/contact.sass

@@ -19,12 +19,6 @@
 .form-instruction
   padding-bottom: $font-size
   padding-top: $lg-font-size
-  color: $env-primary
-
-.form-instruction-FAQ
-  padding-bottom: $font-size
-  padding-top: $lg-font-size
-  color: $pure-white
 
 .contact-form
   width: 100%

data/_sass/env/landing.sass

@@ -59,7 +59,7 @@ body
 .hero__filter
   @include image-filter--mix
 
-.env--pwp
+.env--walk
   background-color: $opd-coral
 
 .env--clinician
@@ -135,7 +135,7 @@ body
     &:hover
       box-shadow: 0 10px 15px -5px rgba($pure-black, .5)
 
-  .env__text.env--pwp
+  .env__text.env--walk
     @include build-in(slide-from-left)
     border-radius: 6px 0 0 6px
     box-shadow: -12px 10px 10px -10px $grey
@@ -162,7 +162,7 @@ body
     height: 100%
     top: 0
 
-  .env--pwp
+  .env--walk
     .landing__title
       text-align: right
 

data/_sass/env/{pwp.sass → walk.sass}

@@ -1,7 +1,7 @@
 /*  Last full read through 27/12/2020
  *
  *##############################################
- *# pwp landing sass         /_sass/env/pwp.sass
+ *# walk landing sass         /_sass/env/walk.sass
  *##############################################
  *
  */

data/_sass/faq.sass

@@ -53,6 +53,7 @@
   width: 100vw
   background-color: lighten($env-primary, 0%)
   padding: 4rem 0
+  border-bottom: 1px solid $env-secondary
 
   .contact-form
     width: 95%

data/_sass/navigation/README.md

@@ -30,6 +30,6 @@ Unique settings for the landing page
 
 Unique settings for the clinician pages
 
-## pwp.sass
+## walk.sass
 
-Unique settings for the pwp pages
+Unique settings for the walk pages

data/_sass/navigation/breakpoints/1024.sass

@@ -2,7 +2,7 @@
 
 @media screen and ( min-width: 1024px )
 
-  .pwp-group-link, .clinician-group-link
+  .walk-group-link, .clinician-group-link
     display: flex
 
   .navbar

data/_sass/navigation/clinician.sass

@@ -14,7 +14,7 @@
     background-color: $env-primary
 
 // on mobile and within an env we hide the other submenus
-.pwp-group
+.walk-group
   display: none
 
 @media screen and ( min-width: 1024px )

data/_sass/navigation/{pwp.sass → walk.sass}

@@ -19,7 +19,7 @@
 
 @media screen and ( min-width: 1024px )
 
-  .pwp-group
+  .walk-group
     display: flex
     align-items: center
     width: 100vw

data/assets/css/env/{gaitq_pwp.sass → gaitq_walk.sass}

@@ -18,20 +18,20 @@ $baseurl: '{{ site.baseurl }}/'
 
 
 
-@import '_colors/_pwp'
+@import '_colors/walk'
 
 
 
 
 
-@import 'navigation/pwp'
+@import 'navigation/walk'
 
 
 
 
 
 
-@import 'env/pwp'
+@import 'env/walk'
 
 @import 'env/breakpoints/768'
 

data/assets/js/checkALL.js

@@ -0,0 +1,14 @@
+// Check other options if all is checked
+// This needs to be made more generic
+function checkAll() {
+  var videoCall = document.getElementById("Video-call");
+  var phone = document.getElementById("phone");
+  var any = document.getElementById("Any");
+  if (any.checked == true ) {
+    videoCall.checked = true;
+    phone.checked = true;
+  } else {
+    videoCall.checked = false;
+    phone.checked = false;
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: slow-steps
 version: !ruby/object:Gem::Version
-  version: 0.4.10
+  version: 1.0.0
 platform: ruby
 authors:
 - Made Slowly
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-05-25 00:00:00.000000000 Z
+date: 2021-05-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -183,8 +183,6 @@ files:
 - _includes/branding/site-logo.svg
 - _includes/build-version.html
 - _includes/contact-details.html
-- _includes/contact-form-faq.html
-- _includes/contact-form.html
 - _includes/cookie-consent.html
 - _includes/env_filter.html
 - _includes/errors/robot-403.svg
@@ -192,6 +190,8 @@ files:
 - _includes/errors/robot-405.svg
 - _includes/footer/footer.html
 - _includes/footer/footer_redesign.html
+- _includes/forms/formspree-contact.html
+- _includes/forms/kwes-contact.html
 - _includes/forms/mc-register.html
 - _includes/functions/calc-svg-coord.html
 - _includes/functions/reposition-svg-labels.html
@@ -216,7 +216,7 @@ files:
 - _layouts/default.html
 - _layouts/env/clinician.html
 - _layouts/env/landing.html
-- _layouts/env/pwp.html
+- _layouts/env/walk.html
 - _layouts/error-page.html
 - _layouts/faq.html
 - _layouts/feed.html
@@ -227,9 +227,10 @@ files:
 - _sass/_colors/README.md
 - _sass/_colors/_clinician.sass
 - _sass/_colors/_mixins.sass
-- _sass/_colors/_pwp.sass
 - _sass/_colors/_variables.sass
+- _sass/_colors/_walk.sass
 - _sass/_colors/collection.sass
+- _sass/_colors/global.sass
 - _sass/_functions.sass
 - _sass/_mixins.sass
 - _sass/_variables.sass
@@ -241,7 +242,7 @@ files:
 - _sass/env/breakpoints/768.sass
 - _sass/env/clinician.sass
 - _sass/env/landing.sass
-- _sass/env/pwp.sass
+- _sass/env/walk.sass
 - _sass/error-page.sass
 - _sass/faq.sass
 - _sass/feed.sass
@@ -258,7 +259,7 @@ files:
 - _sass/navigation/collection.sass
 - _sass/navigation/colors.sass
 - _sass/navigation/no-nav.sass
-- _sass/navigation/pwp.sass
+- _sass/navigation/walk.sass
 - _sass/post.sass
 - _sass/product.sass
 - _sass/typography/_variables.sass
@@ -266,10 +267,9 @@ files:
 - _sass/typography/resets.sass
 - assets/css/env/gaitq_clinician.sass
 - assets/css/env/gaitq_landing.sass
-- assets/css/env/gaitq_pwp.sass
+- assets/css/env/gaitq_walk.sass
 - assets/css/gaitq_errors.sass
 - assets/css/gaitq_post.sass
-- assets/fonts/fontawesome-free-5.11.2-web/css/.DS_Store
 - assets/fonts/fontawesome-free-5.11.2-web/css/all.min.css
 - assets/fonts/fontawesome-free-5.11.2-web/webfonts/fa-brands-400.eot
 - assets/fonts/fontawesome-free-5.11.2-web/webfonts/fa-brands-400.svg
@@ -289,6 +289,7 @@ files:
 - assets/images/augmented_image.png
 - assets/js/animate_after_load.js
 - assets/js/calc-mobile-viewport.js
+- assets/js/checkALL.js
 - assets/js/mobile-nav-slider.js
 - assets/js/nav-scroll.js
 - assets/js/svg_aos.js

data/_includes/contact-form-faq.html

@@ -1,24 +0,0 @@
-<!--
-changed from formspree to kwes 25 May 2021 Arran
--->
-
-<!-- script has been moved to slow-steps/_includes/scripts.html -->
-<!--<script src="https://kwes.io/v2/kwes-script.js" defer></script>-->
-<div class="contact-form">
-  <h4 class="form-instruction-FAQ">Get in touch using the form below</h4>
-
-  <form class="kwes-form" action="https://kwes.io/api/foreign/forms/{{ site.kwes }}">
-
-    <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>
-    <input type="text" class="form-element" name="email" id="email" placeholder="Your email" required>
-
-    <label for="message">Enter your message</label>
-    <textarea class="form-element" rows="5" name="message" id="message" placeholder="Your Message" required></textarea>
-
-    <button class="btn btn-pop btn-outline btn-contact" type="submit">SEND</button>
-
-  </form>
-</div>

data/_includes/contact-form.html

@@ -1,18 +0,0 @@
-<div class="contact-form">
-  <h4 class="form-instruction">Get in touch using the form below</h4>
-
-  <form  action="https://formspree.io/f/{{ site.formspree }}" method="post" >
-
-    <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>
-    <input type="text" class="form-element" name="email" id="email" placeholder="Your email" required>
-
-    <label for="message">Enter your message</label>
-    <textarea class="form-element" rows="5" name="message" id="message" placeholder="Your Message" required></textarea>
-
-    <button class="btn btn-pop btn-outline btn-contact" type="submit">SEND</button>
-
-  </form>
-</div>