slow-steps 0.1.4 → 0.1.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bddbe7e9f546b517ece2c9b205ba6ec42dcd5f2230ce469b6a94f0d7fcba8ef0
-  data.tar.gz: e96335042acf12c5418a97bdbe7e75fab5147b5b61f68593cc8cea7ade90550c
+  metadata.gz: 15001df5eef14e7d413dc8f9dffe536ecb0bb5777d4eeff64644b618dd430500
+  data.tar.gz: e77052432ee0d06a9ee9ab75af599c7d42484c34f9bf9ddc2f5d35094f222d6d
 SHA512:
-  metadata.gz: 77b937e5f6f7b96742b3ec16dece80c228b7818778fbab1738617580ff888b7aec5da645595fec0143b37dabaeab1c17ea55d6186473225219c638866b4775f2
-  data.tar.gz: 3f90b61d92705d3f75bfd0800a4d7244e591583d135209ad68ded0f7f3ba092eb67e601d9df1260e5509f30257e1bdcafd6b1a43d2d2169a6d2d8ea77bf147a2
+  metadata.gz: fc2c29cde1a9543a90774cd2da6d31eeee04ab7c45f675c52b3db4bf7bc3e9d65d4eb18cfdfc43eabb19d138e5f4c7acffd2eb7b7291f4b5da80cc68652736f9
+  data.tar.gz: 348f5178833005714df55d823d9b4d25c440332382ca585d57dc947d9b24bc266d9ca46386c642963abb930db04e489f1c5449983557d806f0e898b8fa01ea0a

data/_includes/contact-details.html

@@ -0,0 +1,25 @@
+<div class="contact-details">
+
+  <h4 class="form-instruction">Contact us directly</h4>
+
+  <p><i class="fas fa-envelope"></i>
+  <a href="mailto:{{ site.email }}">{{ site.email }}</a></p>
+
+  {% if site.phone %}
+  <p><i class="fas fa-phone-square"></i>
+  <a href="tel:{{ site.phone }}‬" ‬>{{ site.phone }}‬</a></p>
+  {% endif %}
+
+  <h4 class="form-instruction">Connect with us socially</h4>
+
+  <ul class="social-media">
+
+  {% for social in site.socials %}
+  <li class="social-media-item">
+  <a href="{{ social.url }}">
+  <i class="fab fa-{{ social.icon }} social--{{ social.name }} social-media-link"></i></a>
+  </li>
+  {% endfor %}
+
+  </ul>
+</div>

data/_includes/contact-form.html

@@ -0,0 +1,18 @@
+<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 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/gmap.html

@@ -0,0 +1,5 @@
+<div class="google-map">
+  <h4 class="form-instruction">Where to find us</h4>
+
+  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2469.4696265600305!2d-1.2640352834469863!3d51.76102127967778!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4876c6a77fce02c7%3A0x1d053d3e05342acd!2s46%20Woodstock%20Rd%2C%20Oxford%20OX2%206HT!5e0!3m2!1sen!2suk!4v1610722975887!5m2!1sen!2suk"  frameborder="1" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
+</div>

data/_includes/google-analytics.html

@@ -0,0 +1,15 @@
+<!-- This goes before </head> closing tag -->
+
+<!-- Google site verification -->
+<meta name="google-site-verification" content="{{ site.google.verification }}" />
+
+<!-- Google Analytics -->
+
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google.analytics }}"></script>
+
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', '{{ site.google.analytics }}');
+</script>

data/_includes/head/head.html

@@ -56,9 +56,8 @@
   <link rel="stylesheet" type="text/css" title="made slowly has all the style" href="{{ site.baseurl }}/assets/css/gaitq_feed.css" media="screen" />
   {% endif %}
 
-  {% if page.id %} <!-- it's a post -->
   <link rel="stylesheet" type="text/css" title="made slowly has all the style" href="{{ site.baseurl }}/assets/css/gaitq_post.css" media="screen" />
-  {% endif %}
+
 
   {% if page.env %}
     {% include /head/env/conditional.html %}
@@ -71,7 +70,9 @@
 
   <link rel="shortcut icon" type="image/x-icon" href="{{ site.baseurl }}{{ site.fallback_path }}{{ site.favicon }}">
 
-
+  {% if jekyll.environment == "production" %}
+  {% include google-analytics.html %}
+  {% endif %}
 
 </head>
 

data/_includes/navigation/global.html

@@ -9,6 +9,17 @@
     </a>
   </div>
 
+  <ul class="social-media">
+
+  {% for social in site.socials %}
+  <li class="social-media-item">
+  <a href="{{ social.url }}">
+  <i class="fab fa-{{ social.icon }} social--{{ social.name }} social-media-link"></i></a>
+  </li>
+  {% endfor %}
+
+  </ul>
+
   {% if page.layout == "env/landing" or page.layout == "error-page" %}
   </nav>
   {% else %}

data/_includes/scripts.html

@@ -1,6 +1,7 @@
 
 {% assign scripts = page.scripts | split: ', '%}
 {% if scripts contains 'svg-aos' %}
+
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.6.1/lodash.min.js" ></script>
 
   <script type="text/javascript" src="{{ "{{ site.baseurl }}/assets/js/svg_text_width.js" | relative_url }}" async></script>
@@ -18,6 +19,8 @@
 
 <script type="text/javascript" src="{{ "{{ site.baseurl }}/assets/js/calc-mobile-viewport.js" | relative_url }}" async></script>
 
+<script type="text/javascript" src="{{ "{{ site.baseurl }}/assets/js/nav-scroll.js" | relative_url }}" async></script>
+
 <script type="text/javascript" src="{{ site.baseurl }}/assets/vendor/aos/aos.js" ></script>
 
 <script>

data/_layouts/about.html

@@ -74,7 +74,7 @@ Last full read through 29/12/2020
       {% endfor %} ">
 
         <div class="single__member__image">
-          <img class="member--image"src="{{ member.image | prepend: '/assets/images/content/people/' }}" alt="{{ member.name }} is the {{ member.position }}" />
+          <img class="member--image" src="{% if member.image %}{{ member.image | prepend: '/assets/images/content/people/' }}{% else %}{{ 'team-placeholder.jpg' | prepend: '/assets/images/defaults/' }}{% endif %}" alt="{{ member.name }} is the {{ member.position }}" />
         </div>
 
         <div class="single__member__text">

data/_layouts/contact.html

@@ -0,0 +1,39 @@
+---
+layout: default
+---
+
+{% assign strap = page.title %}
+
+
+<div class="hero hero-65">
+
+  <div class="hero__overlay h-100">
+    {% picture {{ page.hero.image | prepend: 'content/' }}
+      --img class="hero__image hero__image--fixed hero-65"
+      --alt {{ page.hero.alt }} %}</div>
+
+  <header class="hero__strap hero__strap--center image__filter--blur hero-65" aria-label="{{ strap }}">
+
+      <h1 aria-hidden="true" >
+      {% assign n = strap.size | minus: 1 %}
+      {%- for char in (0..n ) -%}
+
+      <span style="animation-delay: {{ char | times: 40 | plus: 200 }}ms;">{{ strap | slice: char }}</span>
+      {%- endfor -%}</h1>
+
+  </header>
+
+</div>
+
+<div class="contact__wrapper">
+
+  <div class="contact--left">
+    {% include contact-form.html %}
+  </div>
+
+  <div class="contact--right">
+    {% include gmap.html %}
+
+    {% include contact-details.html %}
+  </div>
+</div>

data/_layouts/default.html

@@ -8,12 +8,6 @@ layout: compress
 
 {{ content }}
 
-{% if page.layout == "error-page" %}
-
-{% else %}
-
-  {% include footer/footer_full.html %}
-
-{% endif %}
+{% include footer/footer_full.html %}
 
 {% include scripts.html %}

data/_layouts/faq.html

@@ -0,0 +1,63 @@
+---
+layout: default
+---
+
+{% assign strap = page.title %}
+
+
+<div class="hero hero-65">
+
+  <div class="hero__overlay h-100">
+    {% picture {{ page.hero.image | prepend: 'content/' }}
+      --img class="hero__image hero__image--fixed hero-65"
+      --alt {{ page.hero.alt }} %}</div>
+
+  <header class="hero__strap hero__strap--center image__filter--blur hero-65" aria-label="{{ strap }}">
+
+      <h1 aria-hidden="true" >
+      {% assign n = strap.size | minus: 1 %}
+      {%- for char in (0..n ) -%}
+
+      <span style="animation-delay: {{ char | times: 40 | plus: 200 }}ms;">{{ strap | slice: char }}</span>
+      {%- endfor -%}</h1>
+
+  </header>
+
+</div>
+
+<div class="faq__wrapper">
+{% for faq in site.data.faq %}
+<div class="faq__panel">
+  <div class="faq__question">
+    <h4>{{ faq.question }}</h4>
+  </div>
+
+  <div class="faq__answer faq__answer--reveal">
+    <p>{{ faq.answer }}</p>
+  </div>
+</div>
+{% endfor %}
+</div>
+
+
+<script>
+  /*
+  On load we hide all the answers.
+  */
+
+  const title = document.querySelectorAll(".faq__answer--reveal");
+  for(var i = 0; i < title.length; i++)
+    title[i].classList.remove('faq__answer--reveal');
+
+</script>
+
+<script>
+/* Watch for clicks on more info and reveal text */
+document.querySelectorAll('.faq__question').forEach(function(el){
+  el.addEventListener('click', function() {
+    const n = this.nextElementSibling;
+    n.classList.toggle('faq__answer--reveal');
+  });
+});
+
+</script>

data/_layouts/full-width.html

@@ -0,0 +1,11 @@
+---
+layout: default
+---
+
+<section class="fullwidth__wrap">
+
+
+  {{ content }}
+
+
+</section>

data/_sass/_mixins.sass

@@ -17,6 +17,9 @@
   filter: grayscale(1) contrast(.2) brightness(1.8)
   opacity: .6
 
+@mixin image-filter-rotate
+  filter: grayscale(1) contrast(.8) brightness(.9) sepia(.4) hue-rotate(180deg)
+
 // Applied to an overlaying div
 @mixin image-filter--blur
   backdrop-filter: blur(8px)
@@ -35,6 +38,9 @@
 @mixin build-in($name)
   animation: .8s $bezier-snap 0s 1 $name
 
+@mixin default-trans
+  transition: all .4s ease-in-out
+
 // Keyframes
 @mixin slide-from-left
   @keyframes slide-from-left

data/_sass/colors/_variables.sass

@@ -54,7 +54,7 @@ $led: rgb(255, 70, 0)
 
 // Object colors
 
-$secondary-navbar-color: rgba(255, 255, 255, .3)
+$secondary-navbar-color: rgba(255, 255, 255, .8)
 
 
 // Color set mixins

data/_sass/colors/breakpoints/{768.sass → 1024.sass}

@@ -4,7 +4,7 @@
 // in assets/css/gaitq_env.sass we import this AFTER
 //  @import 'colors/env/env.sass'
 
-@media screen and ( min-width: 768px )
+@media screen and ( min-width: 1024px )
 
   .navbar
     background-color: $env-primary

data/_sass/contact.sass

@@ -0,0 +1,227 @@
+
+
+.contact__wrapper
+  display: flex
+  width: 100%
+  background-color: $white
+  padding: 5rem 0
+  flex-direction: column
+
+.contact--left
+  width: auto
+  padding: 0 1rem
+  padding-bottom: 5rem
+
+.contact--right
+  //width: 100%
+  padding: 0 1rem
+
+.form-instruction
+  padding-bottom: 2rem
+
+.contact-form
+  width: 100%
+  display: block
+
+  form
+    border: solid 1px rgba($env-primary, .2)
+    border-radius: 4px
+    padding: 2rem
+  label
+    font-size: $font-size * .8
+    color: $black
+
+.google-map
+  //grid-area: googleMap
+  width: 100%
+
+  //padding: 0 5rem
+  //filter: sepia(.3)
+  iframe
+    width: 100%
+    height: 40vh
+    border: solid 1px rgba($env-primary, .2)
+
+.contact-details
+  display: flex
+  flex-direction: column
+  padding: 4rem 0
+  p
+    padding-bottom: 2rem
+  .fas
+    color: $env-primary
+  a
+    color: $black
+    transition: all .2s ease-in-out
+    //text-decoration: none
+    &:hover
+      color: $env-primary
+  .social-media-link
+    font-size: $font-size * 1.4
+
+.form-element
+  width: 100%
+  height: 40px
+  border-radius: 4px
+  //font-size: 1rem
+  font-weight: 100
+  margin: 2vh 0
+  border: none
+  background-color: $pure-white
+  padding: .1rem 0 .4rem 0
+  text-indent: 1rem
+
+  &::placeholder
+    color: rgba($env-primary, .3)
+
+.btn-contact
+  background: $env-primary
+  color: #ffffff
+  cursor: pointer
+  font-size: $font-size * .8
+  padding: 1rem 2rem
+  border: 0
+  transition: all .3s
+  border-radius: 4px
+  width: auto
+  position: relative
+
+.social-media
+  display: flex
+  justify-content: center
+  padding: 0
+  margin: 0
+  z-index: 9999
+
+.social-media-item
+  list-style: none
+  padding-right: 2rem
+
+.social-media-link
+  color: $grey
+  transition: all .3s ease-in-out
+
+
+
+@media screen and ( min-width: 1024px )
+
+  .contact__wrapper
+    display: flex
+    flex-direction: row
+    width: 100%
+    background-color: $white
+    padding: 5rem 0
+
+  .contact--left
+    width: 40%
+    padding: 0 5rem
+
+  .contact--right
+    width: 60%
+    padding: 0 5rem
+
+  .form-instruction
+    padding-bottom: 2rem
+
+  .contact-form
+    width: 100%
+    display: block
+
+    form
+      border: solid 1px rgba($env-primary, .2)
+      border-radius: 4px
+      padding: 2rem
+    label
+      font-size: $font-size * .8
+      color: $black
+
+  .google-map
+    //grid-area: googleMap
+    width: 100%
+
+    //padding: 0 5rem
+    //filter: sepia(.3)
+    iframe
+      width: 100%
+      height: 40vh
+      border: solid 1px rgba($env-primary, .2)
+
+  .contact-details
+    display: flex
+    flex-direction: column
+    padding: 4rem 0
+    p
+      padding-bottom: 2rem
+    .fas
+      color: $env-primary
+    a
+      color: $black
+      transition: all .2s ease-in-out
+      text-decoration: none
+      &:hover
+        color: $env-primary
+    .social-media-link
+      font-size: $font-size * 2
+
+  .form-element
+    width: 100%
+    height: 40px
+    border-radius: 4px
+    //font-size: 1rem
+    font-weight: 100
+    margin: 2vh 0
+    border: none
+    background-color: $pure-white
+    padding: .1rem 0 .4rem 0
+    text-indent: 1rem
+
+    &::placeholder
+      color: rgba($env-primary, .3)
+
+  .btn-contact
+    background: $env-primary
+    color: #ffffff
+    cursor: pointer
+    font-size: $font-size * .8
+    padding: 1rem 2rem
+    border: 0
+    transition: all .3s
+    border-radius: 4px
+    width: auto
+    position: relative
+
+    &::after
+      content: "\f054"
+      font-family: "Font Awesome 5 Free"
+      font-weight: 900
+      position: absolute
+      //left: 85%
+      top: 28%
+      right: 5%
+      bottom: 0
+      opacity: 0
+
+    &:hover
+      background: rgba($env-primary, .9)
+      transition: all .5s
+      box-shadow: 0px 6px 15px rgba($env-primary, .3)
+      padding: 1rem 3rem 1rem 2.1rem
+
+      &::after
+        opacity: 1
+        transition: all 0.3s
+
+  .social-media
+    display: flex
+    justify-content: flex-start
+    padding: 0
+    margin: 0
+    z-index: 9999
+
+  .social-media-item
+    list-style: none
+    padding-right: 2rem
+
+  .social-media-link
+    color: $grey
+    transition: all .3s ease-in-out

data/_sass/env/clinician.sass

@@ -33,6 +33,8 @@
     padding: 5rem 0
     width: 50%
 
+.image--guarantee
+  @include image-filter-rotate
 
 .action__call
 

data/_sass/env/pwp.sass

@@ -53,7 +53,7 @@
   height: 50%
 
 .image--guarantee
-  filter: grayscale(1) contrast(.8) brightness(.9) sepia(.4) hue-rotate(180deg)
+  @include image-filter-rotate
 
 .strap__guarantee
   border-top: solid 1px $soft-white

data/_sass/faq.sass

@@ -0,0 +1,37 @@
+.faq__wrapper
+  display: flex
+  flex-direction: column
+  background-color: $pure-white
+  padding: 10vh 0
+
+.faq__panel
+  border: solid 1px rgba($env-primary, .4)
+  margin: 2rem auto
+  border-radius: 4px
+  width: 60%
+
+.faq__question
+  width: 100%
+  padding: 1rem 0
+  background-color: rgba($opd-blue-trust, .2)
+  border-radius: 4px
+  cursor: pointer
+  transition: .2s ease-in-out
+
+  &:hover
+    background-color: rgba($opd-blue-trust, 1)
+
+  & > *
+    padding-left: 1rem
+
+.faq__answer
+  max-height: 0
+  overflow: hidden
+  transition: .4s ease-in-out
+
+  & > *
+    padding: 1rem
+
+.faq__answer--reveal
+  max-height: 1000px
+  transition: .6s ease-in-out

data/_sass/footer_full.sass

@@ -19,7 +19,7 @@
   width: 90vw
 
 .ft__col
-  border-left: solid 1px rgba($opd-blue-trust, .05)
+  //border-left: solid 1px rgba($opd-blue-trust, .05)
   box-sizing: border-box
   padding: 0 5vw
   width: 90vw
@@ -99,7 +99,6 @@
 .ft__sitemap--env
   width: 100%
 
-
 @media screen and ( min-width: 768px )
 
   .ft__wrapper

data/_sass/global.sass

@@ -15,8 +15,33 @@
   -ms-transition: none !important
   -o-transition: none !important
 
+body
+  background-color: $white
+
 .fullwidth__wrap
-  width: 100vw
+  width: 90vw
+  max-width: 800px
+  margin: auto
+  margin-top: $navbar-height + $secondary-navbar-height + 5vh
+  & > p
+    padding: 3rem 0
+  & > ol li, ul li
+    padding: 1rem 0
+
+  .two__col
+    display: flex
+    flex-wrap: wrap
+    width: 100%
+
+  .two__col--elem
+    padding: 1rem 0
+
+  .two__col--left,
+  .two__col--right
+    width: 100%
+
+  .no--mobile
+    display: none
 
 .h-100
   height: 100%
@@ -75,7 +100,7 @@
 
 
 .hero__strap--center
-  padding-top: $navbar-height
+  //padding-top: $navbar-height
 
   span
     animation-duration: .1s
@@ -245,11 +270,25 @@ $svg-text-offset: 60px
 
 @media screen and ( min-width: 768px )
 
+  .fullwidth__wrap
+    .two__col--left
+      width: 30%
+
+    .two__col--right
+      width: 70%
+
+    .no--mobile
+      display: block
+
   .narrow__wrap
     width: 80vw
     max-width: 600px
     margin: 0 auto
 
+  .social--Facebook
+    &:hover
+      color: $facebook-primary
+
   .social--Twitter
     &:hover
       color: $twitter-primary

data/_sass/navigation/breakpoints/{768.sass → 1024.sass}

@@ -5,13 +5,28 @@
 
 // Everything here will be included in EVERY .html
 
-@media screen and ( min-width: 768px )
+$brand-height: 55%
+
+@media screen and ( min-width: 1024px )
 
   .navbar
+    @include default-trans
     height: $navbar-height
     align-items: center
 
+  .nav-scrolled
+    @include default-trans
+    top: -$navbar-height
+    .nav-group-content
+      @include default-trans
+      height: 10vh
+    .nav-brand
+      @include default-trans
+      height: 8vh
+      top: 6vh
+
   .nav-brand
+    @include default-trans
     display: flex
     position: absolute
     max-width: 160px
@@ -21,8 +36,8 @@
 
     .site__logo
       position: absolute
-      top: 30%
-      height: 40%
+      top: (100% - $brand-height) / 2
+      height: $brand-height
 
   .nav-list
     display: flex
@@ -67,6 +82,7 @@
       margin-right: -10%
 
   .nav-group-content
+    @include default-trans
     align-items: center
     justify-content: flex-end
     position: absolute

data/_sass/navigation/env/clinician.sass

@@ -1,16 +1,7 @@
 // Navbar site logo
 // make sure we don't style any other instance so nest with .nav-brand
 .nav-brand
-  .site__logo--group
-    .site__logo--curve,
-    .site__logo--legvert,
-    .site__logo--leg45,
-    .site__logo--g,
-    .site__logo--a,
-    .site__logo__i,
-    .site__logo--t,
-    .site__logo--Q
-      fill: $env-primary
+  @include logo-color($env-primary)
 
 
 // on mobile and within the clinician env we hide the other submenus and show the gaitq env .nav-group-link

data/_sass/navigation/env/landing.sass

@@ -7,4 +7,13 @@
 // Navbar site logo
 // make sure we don't style any other instance so nest with .nav-brand
 .nav-brand
-  @include logo-primary-colors
+  @include logo-color($white)
+  height: 14rem
+  transform: translateY(15vh)
+
+@media screen and ( min-width: 1024px )
+  .nav-brand
+    transform: translateY(-7.5vh)
+
+.social-media
+  display: none

data/_sass/navigation/global.sass

@@ -18,6 +18,18 @@
   width: 100%
   z-index: 99
 
+  .social-media
+    padding-left: 4rem
+  .social-media-link
+    color: $white
+    font-size: $font-size * .8
+    transform: translateY(0)
+    &:hover
+      text-shadow: 3px 3px 6px rgba($black, .2)
+      //font-size: $font-size * 1
+      transform: translateY(-2px)
+
+
 .nav-brand
   width: 30vw
   padding-left: 3vw

data/assets/css/env/gaitq_clinician.sass

@@ -25,10 +25,14 @@ $baseurl: '{{ site.baseurl }}/'
 
 @import 'env/breakpoints/768'
 
-@import 'colors/breakpoints/768'
+@import 'colors/breakpoints/1024'
 
 @import 'about'
 
 @import 'breakpoints/about'
 
 @import 'forms/mc-forms'
+
+@import 'contact'
+
+@import 'faq'

data/assets/css/env/gaitq_pwp.sass

@@ -25,10 +25,12 @@ $baseurl: '{{ site.baseurl }}/'
 
 @import 'env/breakpoints/768'
 
-@import 'colors/breakpoints/768'
+@import 'colors/breakpoints/1024'
 
 @import 'about'
 
 @import 'breakpoints/about'
 
 @import 'forms/mc-forms'
+
+@import 'contact'

data/assets/css/gaitq_global.sass

@@ -23,7 +23,7 @@
 
 @import 'navigation/burger'
 
-@import 'navigation/breakpoints/768'
+@import 'navigation/breakpoints/1024'
 
 // Footer
 

data/assets/js/nav-scroll.js

@@ -0,0 +1,16 @@
+navbar = document.querySelector('nav');
+
+function navBarScroll() {
+  var currentScrollPos = window.pageYOffset;
+  if (window.pageYOffset != 0) {
+    navbar.classList.add('nav-scrolled');
+  } else {
+    navbar.classList.remove('nav-scrolled');
+  }
+};
+
+/* load nav color if reloading and pageYOffset != 0 */
+/* moved to scripts to avoid conflicts with other onloads */
+/*window.onload = function() { navBarScroll() };*/
+
+window.onscroll = function() { navBarScroll() };

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: slow-steps
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.1.9
 platform: ruby
 authors:
 - Made Slowly
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-01-09 00:00:00.000000000 Z
+date: 2021-01-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -181,6 +181,9 @@ files:
 - _config.yml
 - _includes/.DS_Store
 - _includes/branding/site-logo.svg
+- _includes/build-version.html
+- _includes/contact-details.html
+- _includes/contact-form.html
 - _includes/env_filter.html
 - _includes/errors/robot-403.svg
 - _includes/errors/robot-404.svg
@@ -190,6 +193,8 @@ files:
 - _includes/forms/mc-register.html
 - _includes/functions/calc-svg-coord.html
 - _includes/functions/pull_page_args.html
+- _includes/gmap.html
+- _includes/google-analytics.html
 - _includes/head/.DS_Store
 - _includes/head/README.md
 - _includes/head/descriptors/og-meta.html
@@ -204,12 +209,15 @@ files:
 - _includes/vimeoPlayer.html
 - _layouts/about.html
 - _layouts/compress.html
+- _layouts/contact.html
 - _layouts/default.html
 - _layouts/env/clinician.html
 - _layouts/env/landing.html
 - _layouts/env/pwp.html
 - _layouts/error-page.html
+- _layouts/faq.html
 - _layouts/feed.html
+- _layouts/full-width.html
 - _layouts/post.html
 - _layouts/register.html
 - _sass/_functions.sass
@@ -219,24 +227,26 @@ files:
 - _sass/aos-overrides.sass
 - _sass/breakpoints/about.sass
 - _sass/colors/_variables.sass
-- _sass/colors/breakpoints/768.sass
+- _sass/colors/breakpoints/1024.sass
 - _sass/colors/burger.sass
 - _sass/colors/env/_clinician.sass
 - _sass/colors/env/_pwp.sass
 - _sass/colors/global.sass
 - _sass/colors/navigation.sass
+- _sass/contact.sass
 - _sass/env/breakpoints/768.sass
 - _sass/env/clinician.sass
 - _sass/env/landing.sass
 - _sass/env/pwp.sass
 - _sass/error-page.sass
+- _sass/faq.sass
 - _sass/feed.sass
 - _sass/footer.sass
 - _sass/footer_full.sass
 - _sass/forms/mc-forms.sass
 - _sass/global.sass
 - _sass/navigation/_variables.sass
-- _sass/navigation/breakpoints/768.sass
+- _sass/navigation/breakpoints/1024.sass
 - _sass/navigation/burger.sass
 - _sass/navigation/env/clinician.sass
 - _sass/navigation/env/landing.sass
@@ -284,6 +294,7 @@ files:
 - assets/js/animate_after_load.js
 - assets/js/calc-mobile-viewport.js
 - assets/js/mobile-nav-slider.js
+- assets/js/nav-scroll.js
 - assets/js/svg_aos.js
 - assets/js/svg_text_width.js
 - assets/vendor/aos/aos.css