slow-steps 0.4.3 → 0.4.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: de4aec4029acee851f11e843f091d8ef192d5e38dd202a4a3aa491395b9b62b0
-  data.tar.gz: d275914c61214b5bfaeb0a980a9feb96870a186f6445a187b1f2c594451866bd
+  metadata.gz: be84060463290d137eb0488ed876c3bd48adbbcafe6a3d3aaa2557913a63b3b4
+  data.tar.gz: c68f683d054cbcded3f4327c88e12723fb722abd1a1877eade603ef5bd733d70
 SHA512:
-  metadata.gz: f89dd589150ce88b414b6eb8c67dc1fa7dcfe906fa0eb9c2187cc3c10dc7d30fe6e31a39e9d5a38c5050635d1ce2a5dfa8dc8b67f67f8b44f9d2abedfaa1bc9e
-  data.tar.gz: d2f66ebda5452465eaede008cb0372e175c97f2763c6e5458e102951e2b032c20bd90f498ba8b333357a81e3c4ab29b31c3c9a3815cc30b369527d524aa17e38
+  metadata.gz: 7fd83020d790c7cc00291d411bd50c3fa33cf6a2ac375818358a8411cdedb1fea33309fca18b3277ef433ebe22c245e23051e84c6aadf303fbee8d6281c93c4f
+  data.tar.gz: 2b48f277bf617ed6e855e05948170bb0e06800b3dac424a0c66fd16d4de6e3213b0fb4066c557fc185ab0dc05476ec55f132dcd233543dd747079c5d7edac22a

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">COMPANY 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/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 -->
 
@@ -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/_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/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,9 +81,10 @@
   .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

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
@@ -62,7 +62,7 @@
 
 .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.3
+  version: 0.4.8
 platform: ruby
 authors:
 - Made Slowly
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-02-05 00:00:00.000000000 Z
+date: 2021-04-02 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
@@ -297,7 +300,7 @@ licenses:
 - MIT
 metadata:
   plugin_type: theme
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -313,7 +316,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.1.2
-signing_key: 
+signing_key:
 specification_version: 4
 summary: A bold jekyll theme
 test_files: []