slow-steps 0.4.2 → 0.4.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e2193a470a747a930f7f0261a3568c062dc074d925836687e3e9a40ff022a297
-  data.tar.gz: b3c84e394bb0b775086b23c4f4c0f4a2aeb9d1894d2c1c2a51ebd784d805914d
+  metadata.gz: 8dcc7a0a6af3c806e7c392cff99ebd0717a56a85a3eadca2c4ce678772c9e10c
+  data.tar.gz: 5d1b7c06809fe46f660fc8752b29537db0f0a6c5f3fdc32279855d2284d19ac5
 SHA512:
-  metadata.gz: bd97aff330e9127a2973873c75159c43ffda5bbf7feebe4dd46cbc5083dbfa599127ccc3899c4614e71a4c36d34b797d55a10f225c560af351b616f505049262
-  data.tar.gz: 9f717eadb5b22282922e6de5910e994c456bbc3251657108fded5c38626dc5320618d563d9009b3218cbf70c16977db77dfa48d92119072764fdbd9e95014b09
+  metadata.gz: c72e1f445447b7c258541b53a34f1044baac4d837a4c878e16e47a72f316d9dee4c19b0e038a863f4bc9989ae0302bffed720231652f5686fefaf442aa597a70
+  data.tar.gz: 471c58191340906ebed9cbd93df83de7a9aa3e780a75118d4b07dbe36657c7b3e121fbdc82965672a97c0e8b96f9727db55f7b41135d25bd175c143fcf1e4506

data/_config.yml

@@ -53,3 +53,4 @@ autoprefixer:
 picture:
   source:                  'assets/images'
   output:                  'assets/images'
+  strip_metadata:          true

data/_includes/contact-form-faq.html

@@ -0,0 +1,18 @@
+<div class="contact-form">
+  <h4 class="form-instruction-FAQ">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>

data/_includes/footer/footer_redesign.html

@@ -29,15 +29,22 @@
     <div class="ft__sitemap">
       <div class="ft__sitemap--menu">
 
-        {% if page.url != "/" %}
+        {% if page.url == "/" %}
+        {% assign env = "clinician" %}
 
-        <h2 class="ft__sitemap--header">COMAPNY INFORMATION</h2>
+        {% else %}
+
+        {% assign env = page.env %}
+
+        {% endif %}
+
+        <h2 class="ft__sitemap--header">Company Information</h2>
 
         <div class="ft__sitemap--env-wrap">
 
           {% for item in site.data.menu.navigation %}
 
-          {% if item.env == page.env %}
+          {% if item.env == env %}
 
           <div class="ft__sitemap--env">
 
@@ -59,10 +66,11 @@
 
         </div>
 
-        {% endif %}
 
 
 
+        <!--
+        Remove Site map for now
         <h2 class="ft__sitemap--header">INFORMATION FOR</h2>
 
         <div class="ft__sitemap--env-wrap">
@@ -85,6 +93,7 @@
           {% endfor %}
 
         </div>
+        -->
 
       </div>
     </div>
@@ -97,7 +106,7 @@
       <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>
+       <li class="ft__contact--link"><a href="tel:{{ site.phone }}"><i class="fas fa-phone-square"></i>{{ site.phone }}</a></li>
 
       </ul>
 

data/_includes/forms/mc-register.html

@@ -123,9 +123,9 @@
       <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>
+          <option value="PwP" selected></option>
           {% else %}
-          <option value="CLINICIAN" selected></option>
+          <option value="Clinician" selected></option>
           {% endif %}
         </select>
       </div>

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

@@ -1,6 +1,11 @@
 
 <!-- *** OG *** https://ogp.me/ -->
-<meta property="og:title" content="{% if page.url == "/" %} {{ site.title }} {% else %} {{ page.title }} | {{ site.title }} {% endif %}" />
+<meta property="og:title" content="
+{% if page.url == '/' %}
+{{ site.title }} | {{ site.subtitle }}
+{% else %}
+{{ page.title }} | {{ site.title }}
+{% endif %}" />
 
 <!-- Adds article properties for posts -->
 
@@ -37,7 +42,7 @@
 <!-- use local image if it exist but only for posts -->
 
 {% if page.id %}
-{% assign image = '/posts/' | append: page.image %}
+{% assign image = '/posts/' | append: page.hero %}
 {% else %}
 {% assign image = site.fallback_path | append: site.brand %}
 {% endif %}
@@ -52,7 +57,12 @@
 
 <!-- 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:image:alt" content="
+{%- if page.id -%}
+  {{ page.hero_alt }}
+{%- else -%}
+  {{ site.subtitle }}
+{%- endif -%} "" />
 
 <meta property="og:url" content="{{ site.url }}{{ site.baseurl }}{{ page.url }}" />
 

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

@@ -10,8 +10,16 @@
   {% 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 -%}" />
+  {%- if page.id -%}
+    {{ site.url }}{{ site.baseurl }}{{ site.default_path }}{{ page.hero | prepend: 'posts/' }}
+  {%- 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="" />
+  <meta name="twitter:image:alt" content="
+  {%- if page.id -%}
+    {{ page.hero_alt }}
+  {%- else -%}
+    {{ site.subtitle }}
+  {%- endif -%} " />
 <!-- *** END TWITTER:CARD *** -->

data/_includes/head/head.html

@@ -31,7 +31,13 @@
   {% assign date = 'now' | date: "%Y" %}
   <meta name="copyright" content="Copyright {{ site.title | append: ' Limited ' | append: date }}" />
 
+  <!-- if production, get bots to follow us -->
+  {% if jekyll.environment == "production" %}
   <meta name="robots" content="follow" />
+  <!-- else, stop the site from beinf indexed -->
+  {% else %}
+  <meta name="robots" content="noindex">
+  {% endif %}
 
   <link rel="canonical" href="{{ page.url | absolute_url }}" />
 
@@ -53,8 +59,6 @@
   {% include head/google-analytics.html %}
   {% endif %}
 
-
-
 </head>
 
 <body class="preload" onload="animate_after_load()">

data/_includes/image-post.html

@@ -1,9 +1,11 @@
+
+
 <!--
   insert an image located in assets/images/posts/ and wrap with .post__image div.
 -->
 <div class="post__image">
 
-  {% picture post {{ include.link | prepend: 'posts/' }} --alt {{include.alt}} --img class="post__content--image" %}
+  {% picture post {{ include.link | prepend: 'posts/' }} --alt {{include.alt}} --img class="post__content--image image--{{ include.focus }}" %}
 
   {% if include.caption %}
   <p class="image--caption">{{ include.caption }}</p>

data/_includes/image.html

@@ -47,7 +47,7 @@
 </svg>
 {% endif %}
 
-<!-- closing warpping div -->
+<!-- closing wrapping div -->
 </div>
 
 {% if include.caption %}

data/_layouts/about.html

@@ -101,8 +101,7 @@ Last full read through 29/12/2020
           {% for socials in member.social %}
           <li>
             <a class="social--{{ socials.name }} social"href="{{ socials.url }}">
-              <i class="{{ socials.icon }}"></i>
-            </a>
+              <i class="{{ socials.icon }}"></i></a>
           </li>
           {% endfor %}
         </ul>

data/_layouts/contact.html

@@ -2,8 +2,11 @@
 layout: default
 ---
 
-{% assign strap = page.title %}
-
+{% if site.data.copy.contact[page.env].title %}
+{% assign strap = site.data.copy.contact[page.env].title %}
+{% else %}
+{% assign strap = site.description %}
+{% endif %}
 
 <div class="hero hero-65">
 

data/_layouts/env/clinician.html

@@ -51,7 +51,7 @@ Last full read through 27/12/2020
         </radialGradient>
       </defs>
 
-      <circle class="svg__augment--pulse" cx="32%" cy="2%" >
+      <circle class="svg__augment--pulse" cx="33%" cy="2%" >
 
         <!-- Can't animate with CSS, see https://stackoverflow.com/questions/32409101/resizing-svg-circle-radius-using-css-animation
         -->
@@ -60,7 +60,7 @@ Last full read through 27/12/2020
         <animate attributeName="fill-opacity" attributeType="CSS" begin="0s" dur="2s" repeatCount="indefinite" from="1" to="0" fill="freeze" />
 
       </circle>
-      <circle class="svg__augment--led" cx="32%" cy="2%" r=".5" />
+      <circle class="svg__augment--led" cx="33%" cy="2%" r=".5" />
 
     </svg>
 

data/_layouts/env/pwp.html

@@ -63,7 +63,7 @@ Last full read through 27/12/2020
         </radialGradient>
       </defs>
 
-      <circle class="svg__augment--pulse" cx="32%" cy="2%" >
+      <circle class="svg__augment--pulse" cx="33%" cy="2%" >
 
         <!-- Can't animate with CSS, see https://stackoverflow.com/questions/32409101/resizing-svg-circle-radius-using-css-animation
         -->
@@ -72,7 +72,7 @@ Last full read through 27/12/2020
         <animate attributeName="fill-opacity" attributeType="CSS" begin="0s" dur="2s" repeatCount="indefinite" from="1" to="0" fill="freeze" />
 
       </circle>
-      <circle class="svg__augment--led" cx="32%" cy="2%" r=".5" />
+      <circle class="svg__augment--led" cx="33%" cy="2%" r=".5" />
 
     </svg>
 

data/_layouts/faq.html

@@ -70,6 +70,6 @@ document.querySelectorAll('.faq__question').forEach(function(el){
 
 <div class="faq__contact">
     <h2 class="faq__contact--strap">Not found the answer?</h2>
-    {% include contact-form.html %}
+    {% include contact-form-FAQ.html %}
 
 </div>

data/_layouts/feed.html

@@ -21,7 +21,7 @@ layout: default
   <div class="feed__card" data-aos="fade-up">
 
     <div class="feed__card__image">
-    {% picture thumb {{ post.image | prepend: 'posts/' }} --alt {{ post.alt }} --img class="feed__card--image" %}
+    {% picture thumb {{ post.hero | prepend: 'posts/' }} --alt {{ post.hero_alt }} --img class="feed__card--image image--{{ page.hero_focus }}" %}
     </div>
     <div class="feed__card--text">
       <p class="feed__card--meta">Published <span>{{ post.date | date: "%b %d, %Y" }}</span></p>

data/_layouts/post.html

@@ -4,7 +4,7 @@ layout: default
 
 <section class="post_head">
 
-{% picture {{ page.image | prepend: 'posts/' }} --alt {{ page.image_alt }} --img class="post__hero" %}
+{% picture {{ page.hero | prepend: 'posts/' }} --alt {{ page.hero_alt }} --img class="post__hero image--{{ page.hero_focus }}" %}
 
 <div class="post__title">
 <h1 >{{ page.title }}</h1>

data/_layouts/product.html

@@ -0,0 +1,62 @@
+---
+layout: default
+---
+
+{% if page.hero %}
+<header class="product__strap "  aria-label="{{ strap }}">
+  <h1>
+    {{ page.title }}
+  </h1>
+</header>
+
+<div class="product__hero">
+  {% picture {{ page.hero.file | prepend: 'content/' }}
+    --img class=""
+    --alt {{ page.hero.alt }} %}
+</div>
+{% endif %}
+
+<div class="product__info">
+
+  <h1 class="product__title" data-aos="fade-down">
+    {{ site.data.copy.product[page.env].title }}
+  </h1>
+
+  {% for para in site.data.copy.product[page.env].overview %}
+  <p data-aos="fade-up">
+    {{ para.para }}
+  </p>
+  {% endfor %}
+</div>
+
+
+<div class="product__wrap">
+  <div class="product__image" data-aos="zoom-in-right" data-aos-anchor-placement="top-center">
+
+    {% include image.html image="device_1" alt="Describe the image" class="product--image" %}
+
+  <div class="product__description">
+    <p data-aos="fade-left">
+      <span class="product__start">
+        {{ site.data.copy.product[page.env].device[0].para | split: '\' | first }}
+      </span> {{ site.data.copy.product[page.env].device[0].para | split: '\' | last }}
+    </p>
+  </div>
+</div>
+
+
+<div class="product__wrap">
+  <div class="product__description txt-right">
+
+    <p data-aos="fade-right">
+      <span class="product__start">
+        {{ site.data.copy.product[page.env].device[1].para | split: '\' | first }}
+      </span> {{ site.data.copy.product[page.env].device[1].para | split: '\' | last }}
+      </p>
+
+  </div>
+
+  <div class="product__image" data-aos="zoom-in-left" data-aos-anchor-placement="top-center">
+    {% include image.html image="device_2" alt="Describe the image" class="product--image" %}
+
+</div>

data/_sass/contact.sass

@@ -21,6 +21,11 @@
   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%
   display: block

data/_sass/feed.sass

@@ -36,7 +36,7 @@
       box-shadow: 0 10px 6px -5px rgba($env-primary,.6)
       transition: 1s ease-in-out
     .feed__card--title
-      color: $pure-black
+      color: $opd-coral
       transition: .4s ease-in-out
 
 .feed__card__image

data/_sass/global.sass

@@ -20,6 +20,7 @@
 
 body
   background-color: $white
+  color: $opd-blue
 
 .fullwidth__wrap
   background-color: $white

data/_sass/navigation/breakpoints/1024.sass

@@ -81,15 +81,16 @@
   .sub-link,
   .subsub-link
     color: $env-primary
-    border-bottom: solid 1px $pure-white
+
     span
       padding: 1rem 0
+      border-bottom: solid 1px rgba($pure-white, 0)
 
   .nav-cta
     @include default-trans
     color: $pure-white
     background-color: $env-primary
-    padding: 2rem 2rem!important
+    //padding: 2rem 2rem!important
     margin-right: 8rem!important
     border-radius: 6px
 

data/_sass/post.sass

@@ -23,7 +23,7 @@
   background-color: $env-primary
   color: $white
   left: 5vw
-  max-width: 50vw
+  max-width: 90vw
   text-transform: uppercase
   //bottom: -10px
   border: solid 1px $white
@@ -53,10 +53,16 @@
 .post__content--image
   display: block
   object-fit: cover
-  object-position: top
+  object-position: center
   width: 100%
   height: 50vh
 
+.image--north
+  object-position: top
+
+.image--south
+  object-position: bottom
+
 .post__link
   color: $opd-blue
   text-decoration: none

data/_sass/product.sass

@@ -0,0 +1,117 @@
+
+.product__hero
+
+  img
+    display: block
+    object-fit: cover
+    transform: translateY(35vh)
+
+.product__strap
+  text-align: center
+  color: $env-primary
+  overflow: hidden
+  font-size: $lg-font-size
+  //overflow-y: visible
+  transform: scale(1) translateY(25vh)
+
+
+@media screen and ( min-width: 768px )
+
+
+  .product__hero
+    animation: slide-hero 1.2s
+    animation-delay: .6s
+    animation-fill-mode: forwards
+    //object-fit: cover
+    //overflow: hidden
+
+
+    img
+      display: block
+      //height: 100vh
+      //height: calc(var(--vh, 1vh) * 100)
+      //z-index: 2
+      object-fit: cover
+      transform: translateY(0)
+
+
+  @keyframes slide-hero
+
+    0%
+      transform: translateX(0)
+
+    100%
+      transform: translateY(35vh)
+
+  .product__strap
+    text-align: center
+    animation: slide-strap 1s
+    animation-delay: 1s
+    animation-fill-mode: forwards
+    transform: scale(1) translateY(25vh)
+
+  @keyframes slide-strap
+
+    0%
+      transform: scale(0) translateY(25vh)
+
+    100%
+      transform: scale(1) translateY(25vh)
+
+
+  .product__wrap
+    flex-direction: row
+    padding: 20vh 0 0
+
+  .product__image,
+  .product__description
+    width: 40vw
+    max-width: 600px
+    padding: 0
+
+.product__info
+  //height: 100vh
+  background-color: $pure-white
+  text-align: center
+  margin-top: 35vh
+
+  p
+    width: 80vw
+    max-width: 800px
+    margin: auto
+
+.product__title
+  padding: 10rem 0 5rem 0
+
+.product__wrap
+  display: flex
+  flex-direction: column
+  width: 100%
+  background-color: $pure-white
+  padding: 0
+  margin: auto
+  justify-content: center
+  overflow: hidden
+
+.product__image,
+.product__description
+  display: flex
+  align-content: center
+  align-self: center
+  justify-content: center
+  width: 90vw
+  overflow: hidden
+  padding: 6rem 0
+
+.product__start
+  color: $env-primary
+  font-weight: $heavy-font
+
+.product--image
+  display: block
+  width: 100%
+  max-width: 300px
+  object-fit: cover
+
+.txt-right
+  text-align: right

data/assets/css/env/gaitq_clinician.sass

@@ -39,6 +39,8 @@ $baseurl: '{{ site.baseurl }}/'
 
 @import 'breakpoints/about'
 
+@import 'product'
+
 @import 'forms/mc-forms'
 
 @import 'contact'

data/assets/css/env/gaitq_pwp.sass

@@ -41,6 +41,8 @@ $baseurl: '{{ site.baseurl }}/'
 
 @import 'breakpoints/about'
 
+@import 'product'
+
 @import 'forms/mc-forms'
 
 @import 'contact'

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: slow-steps
 version: !ruby/object:Gem::Version
-  version: 0.4.2
+  version: 0.4.7
 platform: ruby
 authors:
 - Made Slowly
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-02-04 00:00:00.000000000 Z
+date: 2021-03-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -183,6 +183,7 @@ 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
@@ -221,6 +222,7 @@ files:
 - _layouts/feed.html
 - _layouts/full-width.html
 - _layouts/post.html
+- _layouts/product.html
 - _layouts/register.html
 - _sass/_colors/README.md
 - _sass/_colors/_clinician.sass
@@ -258,6 +260,7 @@ files:
 - _sass/navigation/no-nav.sass
 - _sass/navigation/pwp.sass
 - _sass/post.sass
+- _sass/product.sass
 - _sass/typography/_variables.sass
 - _sass/typography/branding.sass
 - _sass/typography/resets.sass