slow-steps 0.4.5 → 0.4.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1972222c57d570c8014e1163d8b5f065b84dbe48fe95a90946a010cfb041ede3
-  data.tar.gz: 13d87cbd90ba7b01b72ea99057b8bafc7a36eb740de1d217ddd480e4226dbae5
+  metadata.gz: d1dac6e17c47ad6a0d05c9cb5d5ea3b3e9346715404bd65cead12c4303ff741d
+  data.tar.gz: ab8509bd4728c1582fce247058bac78a135aabb88dc3adb26b60502f14dd4544
 SHA512:
-  metadata.gz: d0e914258f26ed1ca32d0009bbac49a6511a135d628c9ee0a8925a21f909e0f48afe8a52f5a36c95953d25c78c592e85f367e2283b1df91ae598218fa4fb5acb
-  data.tar.gz: 577c834778b637c35c2bc3b4505db510070504a07f3a1185c1a9ac98cf8f93ac100d8f7f685145af446081f41cdbec5a534a85c874524c7fa31abb0e777f5fd6
+  metadata.gz: c51adbd17b2b958bb9ccbb06f7d4936d9b28dbeecd9c087989d11b0c27528aa947890b6ee6b4e476eab1d6fbea29e6e7f0707fa9b171495433c302785bb82726
+  data.tar.gz: 35797752c5fc5b5b32c62837c3f19beb1212bfea9df9ac23018624f77564dbd32f3f8d53cd81d8143c059974afaa48f8a00b79fc462174a0c880ad5110e20820

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,24 @@
+<!--
+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/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/scripts.html

@@ -26,6 +26,9 @@
 
 <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/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/_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

@@ -1,7 +1,23 @@
 
+.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
@@ -16,6 +32,7 @@
       //height: calc(var(--vh, 1vh) * 100)
       //z-index: 2
       object-fit: cover
+      transform: translateY(0)
 
 
   @keyframes slide-hero
@@ -31,10 +48,7 @@
     animation: slide-strap 1s
     animation-delay: 1s
     animation-fill-mode: forwards
-    color: $env-primary
-    overflow: hidden
-    font-size: $lg-font-size
-    //overflow-y: visible
+    transform: scale(1) translateY(25vh)
 
   @keyframes slide-strap
 
@@ -45,49 +59,59 @@
       transform: scale(1) translateY(25vh)
 
 
-  .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: row
-    width: 100%
-    background-color: $pure-white
     padding: 20vh 0 0
-    margin: auto
-    justify-content: center
-    overflow: hidden
 
   .product__image,
   .product__description
-    display: flex
-    align-content: center
-    align-self: center
-    justify-content: center
     width: 40vw
     max-width: 600px
-    overflow: hidden
+    padding: 0
 
-  .product__start
-    color: $env-primary
-    font-weight: $heavy-font
+.product__info
+  //height: 100vh
+  background-color: $pure-white
+  text-align: center
+  margin-top: 35vh
 
-  .product--image
-    display: block
-    width: 100%
-    max-width: 300px
-    object-fit: cover
+  p
+    width: 80vw
+    max-width: 800px
+    margin: auto
 
-  .txt-right
-    text-align: right
+.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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: slow-steps
 version: !ruby/object:Gem::Version
-  version: 0.4.5
+  version: 0.4.10
 platform: ruby
 authors:
 - Made Slowly
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-02-21 00:00:00.000000000 Z
+date: 2021-05-25 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