slow-steps 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f99778250d8255d09c4feb5232eca79d4a8e9aaf2c7819a6cec2d050a09fc61c
-  data.tar.gz: e722072946f3eee1b5a47a14ebc2d6570a020cbcd1cb8b36a3c51f63b2881cd5
+  metadata.gz: 5905d151caa2a511bd3cb4491d190377d5a4d9e71d03aaaaf9e500c98bcddc8e
+  data.tar.gz: 9f76b1b790b12641fbf9b5b839191da6d4047476be880eeaca2be80caac1c13f
 SHA512:
-  metadata.gz: 87d1517e7f8e857e70260acdc241b5ff6de4f8bb79dab6f50b73a366e677a90bcfc80ea6d59c16cca351c3da9c15a911862fbfd1c56ad2acca1a125886bab78a
-  data.tar.gz: eb9d967005c27d31fa48dc25a8b6f93aac4b24b3f6264aa73a8392dc8373bb673429b78994354ad93b5bd3b1a4bfecfef71b86096dcdfe0872949087feac8666
+  metadata.gz: 94b2276d3b3d073bcc8fb185c032c32653f6a8888fbad54bd355b21dc17c34d181e718e8a1521a25a55813dc74f59db3bbf4b0e7ab259a6270f76ebc021fdf30
+  data.tar.gz: a20c622efeda2a92d25eb7bd985bbaed063a5938f626f23190a4bb0a327266bfed526ddca0608474b821166234a0cf9d5b0613896886f03b0bd98c17e8947acd

data/_includes/footer/footer_full.html

@@ -1,43 +1,67 @@
 <!-- footer -->
-<footer class="ft-wrapper">
+<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__contact ft__col-3">
+
+      <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>{{ site.phone }}</li>
+          <li>{{ site.email }}</li>
+        </ul>
+
+      </div>
+    </div>
+
+    <div class="ft__sitemap ft__col-3">
       <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 %}
-        <h2 class="ft__sitemap--header">{{ item.name }}</h2>
-        <ul class="ft__sitemap--submenu">
+
+        <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 href="{{ sub.url }}">{{ sub.name }}</a></li>
+          <li><a href="{{ sub.url }}">{{ sub.alt }}</a></li>
           {% endfor %}
-        </ul>
+          </ul>
+        </div>
+
         {% endfor %}
-      </div>
-    </section>
 
-    <!-- quick contact form -->
+      </div>
+      </div>
+    </div>
 
-    <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>
+
+    <p class="copyright">&copy; <script>
+        document.write(new Date().getFullYear())
+      </script> {{ site.title }} Limited</p>
+
+
     <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>
+    <a href="{{ site.author.url }}" class="slogan">made slowly</a>
   </div>
 
 </footer>

data/_layouts/default.html

@@ -12,7 +12,7 @@ layout: compress
 
 {% else %}
 
-  {% include footer/footer.html %}
+  {% include footer/footer_full.html %}
 
 {% endif %}
 

data/_layouts/env/clinician.html

@@ -2,47 +2,118 @@
 layout: default
 ---
 
-<div class="clinician__hero">
+<!--
 
-  <div class="clinician__overlay">
-    <div class="clinician__bg">
-    </div>
-  </div>
+Last full read through 27/12/2020
+
+##############################################
+# Clinician Layout/_layouts/env/clinician.html
+##############################################
+
+-->
+
+<!-- assign description with site decsription as fallback -->
 
-  <div class="clinician__strap">
-    <h1>{{ site.data.copy.about.clinician.title }}</h1>
-    <p data-aos="fade-up">{{ site.data.copy.about.clinician.description }}</p>
+{% if site.data.copy.landing.clinician.description %}
+{% assign description = site.data.copy.landing.clinician.description %}
+{% else %}
+{% assign description = site.description %}
+{% endif %}
+
+<div class="hero">
+
+  <div class="hero__overlay">
+    {% picture {{ page.hero.image | prepend: 'content/' }}
+      --img class="hero__image hero__filter"
+      --alt {{ page.hero.alt }} %}</div>
+
+  <div class="hero__strap">
+    <h2>{{ site.data.copy.landing.clinician.title }}</h2>
+    <p data-aos="fade-up">{{ site.data.copy.landing.clinician.description }}</p>
   </div>
 
-  <div class="clinician__follow"></div>
+  <div class="hero__follow"></div>
 
 </div>
 
 
-{% picture
-  {{ page.image | prepend: 'content/' }}
-  --img class="clinician__hero__2"
-  --alt {{ page.image_alt }} %}
+<div class="augmented-image">
 
+  {% picture {{ page.subhero.image | prepend: 'content/' }}
+    --img class="hero__image"
+    --alt {{ page.subhero.alt }} %}
 
+    <svg class="svg__augment" viewBox="-50 -50 100 100" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
+      <defs>
+        <radialGradient id="augmentLED" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
+        <stop offset="0%" />
+        <stop offset="100%" />
+        </radialGradient>
+      </defs>
+
+      <circle class="svg__augment--pulse" cx="32%" cy="2%" />
+      <circle class="svg__augment--led" cx="32%" cy="2%" r=".5" />
+
+    </svg>
+
+</div>
+
+<div class="segment__wrap">
+
+  <div class="segment__left">
+
+
+  <div class="center-text segment__keywords strap--opd-trust">
+    {% assign keyword = site.data.copy.landing.clinician.keywords | split: ", " %}
+    {% for word in (1..keyword.size) %}
+    <h3 data-aos="fade-in">{{ keyword[forloop.index0] }}</h3>
+    {% endfor %}</div>
+
+    <!-- setup liquid variables -->
+    {%- assign env = site.data.menu.navigation | where: 'env', 'clinician' -%}
+    {%- assign env = env[0] -%}
+
+    {%- assign cta = env.submenu | where: 'id', 'cta' -%}
+    {%- assign cta = cta[0] -%}
+
+    <a class="action__call" aria-label="{{ cta.aria }}" href="{{ cta.url }}">
+      <span>{{ cta.alt }}</span>
+      <!-- svg arrow -->
+      <svg width="13px" height="10px" viewBox="0 0 13 10">
+      <path d="M1,5 L11,5"></path>
+      <polyline points="8 1 12 5 8 9"></polyline></svg>
+    </a>
 
-<div class="clinician__grid-wrap">
 
-  <div class="clinician__grid-col-l">
-    <div class="clinician__straps clinician__grid_img"></div>
-  </div>
-  <div class="clinician__grid-col-r">
-    <div class="clinician__straps "></div>
   </div>
 
-  <div class="clinician__grid__text">
+  <div class="segment__right augmented-image" >
+
+    {% picture {{ page.guarantee.image | prepend: 'content/' }}
+      --img class="hero__image image--guarantee "
+      --alt {{ page.guarantee.alt }} %}
+
+      <svg class="svg__augment " width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
+
+        {% include functions/calc-svg-coord.html image_handle="guarantee" %}
+
+        {% for item in page.guarantee.augment.labels %}
+
+        <svg class="svg__labels hidden" x="{{ cX[forloop.index0] | remove: ", " }}%" y="{{ cY[forloop.index0] | remove: ", " }}%" style="overflow: visible">
+
+          <circle class="svg--elem svg--circle" cx="0%" cy="0%" r="6" />
+
+          <line class="svg--elem svg--line" x1="0"  y1="0" y2="0" />
+
+          <text class="svg--elem svg--text trans-{% if item.reverse %}right{% else %}left{% endif %}" >{{ item.text }}</text>
+
+        </svg>
+
+        {% endfor %}
+
+      </svg>
 
-      {% assign keyword = site.data.copy.about.clinician.keywords | split: ", " %}
-      {% for word in (1..keyword.size) %}
-      <p class="clinician__grid--keywords" data-aos="fade-in" data-aos-anchor-placement="top-bottom">{{ keyword[forloop.index0] }}</p>
-      {% endfor %}
 
-      <div class="action__call"></div>
   </div>
 
 </div>

data/_layouts/env/landing.html

@@ -2,66 +2,83 @@
 layout: default
 ---
 
+<!--
+
+Last full read through 27/12/2020
+
+##############################################
+# Landing Layout /_layouts/env/landing.html
+##############################################
+
+-->
+
 <div class="landing__page">
-  {% assign env = site.data.menu.navigation | where: 'env', 'pwp' %}{% assign env = env[0] %}
+  <!-- setup liquid variables -->
+  {%- assign env = site.data.menu.navigation | where: 'env', 'pwp' -%}
+  {%- assign env = env[0] -%}
 
-  {% assign cta = env.submenu | where: 'id', 'cta' %}{% assign cta = cta[0] %}
+  {%- assign cta = env.submenu | where: 'id', 'cta' -%}
+  {%- assign cta = cta[0] -%}
 
-  {% assign cta_2 = env.submenu | where: 'id', 'landing' %}{% assign cta_2 = cta_2[0] %}
+  {%- assign cta_2 = env.submenu | where: 'id', 'landing' -%}
+  {%- assign cta_2 = cta_2[0] -%}
 
   <div class="page__half">
 
     <div class="env__text env--pwp">
 
-      <a class="landing__link" aria-label="Read more about how our products help people with Parkinson's" href="{{ env.url | relative_url }}">
+      <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>
         <div class="landing__cta">
-        <a class="primary__cta" aria-label="Register for clinical trails of our device" href="{{ cta.url }}">Sign up</a>
-        <a class="secondary__cta" aria-label="More information on who we are and how we help people with Parkinson's" href="{{ cta_2.url }}">More Info</a>
+        <a class="primary__cta" aria-label="{{ cta.aria }}" href="{{ cta.url }}">Sign up</a>
+        <a class="secondary__cta" aria-label="{{ cta_2.aria }}" href="{{ cta_2.url }}">More Info</a>
         </div>
       </div>
 
     </div>
 
     <div class="hero__overlay env--pwp">
-      {% picture {{ page.pwp.image | prepend: 'content/' }}
-        --img class="hero__image pwp__hero"
-        --alt {{ page.pwp.alt }} %}</div>
+      {%- picture {{ page.pwp.image | prepend: 'content/' }}
+        --img class="hero__image hero__filter pwp__hero"
+        --alt {{ page.pwp.alt }} -%}</div>
 
   </div>
 
-  {% assign env = site.data.menu.navigation | where: 'env', 'clinician' %}{% assign env = env[0] %}
+  {%- assign env = site.data.menu.navigation | where: 'env', 'clinician' -%}
+  {%- assign env = env[0] -%}
 
-  {% assign cta = env.submenu | where: 'id', 'cta' %}{% assign cta = cta[0] %}
+  {%- assign cta = env.submenu | where: 'id', 'cta' -%}
+  {%- assign cta = cta[0] -%}
 
-  {% assign cta_2 = env.submenu | where: 'id', 'landing' %}{% assign cta_2 = cta_2[0] %}
+  {%- assign cta_2 = env.submenu | where: 'id', 'landing' -%}
+  {%- assign cta_2 = cta_2[0] -%}
 
   <div class="page__half">
 
     <div class="env__text env--clinician">
 
-      <a class="landing__link" href="{{ env.url | relative_url }}">
+      <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.clinician }}</p>
         <div class="landing__cta">
-        <a class="primary__cta" href="{{ cta.url }}">Register interest</a>
-        <a class="secondary__cta" href="{{ cta_2.url }}">More Info</a>
+        <a class="primary__cta" aria-label="{{ cta.aria }}" href="{{ cta.url }}">Register interest</a>
+        <a class="secondary__cta" aria-label="{{ cta_2.aria }}" href="{{ cta_2.url }}">More Info</a>
         </div>
       </div>
 
     </div>
 
     <div class="hero__overlay env--clinician">
-      {% picture {{ page.clinician.image | prepend: 'content/' }}
-        --img class="hero__image clinician__hero"
-        --alt {{ page.clinician.alt }} %}</div>
+      {%- picture {{ page.clinician.image | prepend: 'content/' }}
+        --img class="hero__image hero__filter clinician__hero"
+        --alt {{ page.clinician.alt }} -%}</div>
 
   </div>
 

data/_layouts/env/pwp.html

@@ -1,18 +1,32 @@
 ---
 layout: default
-
 ---
+
+
+<!--
+
+Last full read through 27/12/2020
+
+##############################################
+# PWP Layout            /_layouts/env/pwp.html
+##############################################
+
+-->
+
+
+<!-- assign description with site decsription as fallback -->
+
 {% if site.data.copy.landing.pwp.description %}
 {% assign description = site.data.copy.landing.pwp.description %}
 {% else %}
 {% assign description = site.description %}
 {% endif %}
 
-<div class="hero-image hero__pwp">
+<div class="hero">
 
-  <div class="hero__overlay hero__overlay--pwp">
+  <div class="hero__overlay">
     {% picture {{ page.hero.image | prepend: 'content/' }}
-      --img class="hero__image hero__image--pwp"
+      --img class="hero__image hero__filter"
       --alt {{ page.hero.alt }} %}</div>
 
   <div class="hero__strap">
@@ -32,7 +46,7 @@ layout: default
     </h1>
   </div>
 
-  <div class="pwp__follow"></div>
+  <div class="hero__follow"></div>
 
 </div>
 
@@ -51,29 +65,27 @@ layout: default
       </defs>
 
       <circle class="svg__augment--pulse" cx="32%" cy="2%" />
-      <circle class="svg__augment--led" cx="32%" cy="2%" r=".8" />
+      <circle class="svg__augment--led" cx="32%" cy="2%" r=".5" />
 
     </svg>
 
 </div>
 
-<div class="strapline pwp--strap">
+<div class="center-text strap__100 strap--opd-trust">
   <h2>{{ site.data.copy.landing.pwp.subtitle }}</h2>
   <p data-aos="fade-in">{{ site.data.copy.landing.pwp.strap }}</p>
 </div>
 
-
-
-<div class="segment-wrap">
+<div class="segment__wrap">
 
   <div class="segment__left">
-  <div class="segment__gaurentee strapline pwp--strap">
+  <div class="segment__gaurentee center-text">
     <div data-aos="fade-right">
       {% include branding/site-logo.svg %}</div>
-    <p data-aos="fade-in" class="pwp--guarantee">
+    <p data-aos="fade-in" class="strap__guarantee">
       {{ description }}</p></div>
 
-  <div class="strapline segment__keywords">
+  <div class="center-text segment__keywords strap--opd-trust">
     {% assign keyword = site.data.copy.landing.pwp.keywords | split: ", " %}
     {% for word in (1..keyword.size) %}
     <h3 data-aos="fade-in">{{ keyword[forloop.index0] }}</h3>
@@ -93,7 +105,7 @@ layout: default
 
         {% for item in page.guarantee.augment.labels %}
 
-        <svg class="svg__labels augment--guarantee hidden" x="{{ cX[forloop.index0] | remove: ", " }}%" y="{{ cY[forloop.index0] | remove: ", " }}%" style="overflow: visible">
+        <svg class="svg__labels hidden" x="{{ cX[forloop.index0] | remove: ", " }}%" y="{{ cY[forloop.index0] | remove: ", " }}%" style="overflow: visible">
 
           <circle class="svg--elem svg--circle" cx="0%" cy="0%" r="6" />
 

data/_layouts/feed.html

@@ -21,7 +21,7 @@ layout: default
   <div class="feed__card">
 
     <div class="feed__card__image">
-    {% picture {{ post.image | prepend: 'posts/' }} --alt {{ post.alt }} --img class="feed__card--image" %}
+    {% picture thumb {{ post.image | prepend: 'posts/' }} --alt {{ post.alt }} --img class="feed__card--image" %}
     </div>
     <div class="feed__card--text">