slow-steps 0.1.8 → 0.1.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 332f670401ff9b865530c6eb7c0feba92d41d5ff6ddaae6261becd8993c6a413
-  data.tar.gz: b26f9e29f7509b7b5b5a8552c8374417bc27047b4a88a5611b3f076c24b21a74
+  metadata.gz: 15001df5eef14e7d413dc8f9dffe536ecb0bb5777d4eeff64644b618dd430500
+  data.tar.gz: e77052432ee0d06a9ee9ab75af599c7d42484c34f9bf9ddc2f5d35094f222d6d
 SHA512:
-  metadata.gz: dcd734f318740df554def7c646ae56c0bc5ff6b27dcb138cd4d486fe9b0a2973221f3f147cc2acb14a9dfd0d94d0a753770929ed4936bdebf48fb95e4c335ecf
-  data.tar.gz: b841ebdd6f68eb65e8dfbcaa060855287ab7bcdd92b5dcdb6af689aaf5e92381926ebbad2ad04806d0b162257383260f1fab3f9a1e4a935bdab4f70e4b3919e4
+  metadata.gz: fc2c29cde1a9543a90774cd2da6d31eeee04ab7c45f675c52b3db4bf7bc3e9d65d4eb18cfdfc43eabb19d138e5f4c7acffd2eb7b7291f4b5da80cc68652736f9
+  data.tar.gz: 348f5178833005714df55d823d9b4d25c440332382ca585d57dc947d9b24bc266d9ca46386c642963abb930db04e489f1c5449983557d806f0e898b8fa01ea0a

data/_includes/gmap.html

@@ -1,5 +1,5 @@
 <div class="google-map">
-<h4 class="form-instruction">Where to find us</h4>
+  <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>
+  <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

@@ -70,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/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/default.html

@@ -8,10 +8,6 @@ layout: compress
 
 {{ content }}
 
-{% if page.layout != "error-page" %}
-
-  {% 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/_sass/_mixins.sass

@@ -38,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/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/navigation/breakpoints/1024.sass

@@ -10,17 +10,29 @@ $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
     height: 10vh
     z-index: 999
     top: 7.5vh
-    //align-items: center
 
     .site__logo
       position: absolute
@@ -70,6 +82,7 @@ $brand-height: 55%
       margin-right: -10%
 
   .nav-group-content
+    @include default-trans
     align-items: center
     justify-content: flex-end
     position: absolute

data/_sass/navigation/global.sass

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

data/assets/css/env/gaitq_clinician.sass

@@ -34,3 +34,5 @@ $baseurl: '{{ site.baseurl }}/'
 @import 'forms/mc-forms'
 
 @import 'contact'
+
+@import 'faq'

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.8
+  version: 0.1.9
 platform: ruby
 authors:
 - Made Slowly
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-01-15 00:00:00.000000000 Z
+date: 2021-01-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -181,6 +181,7 @@ 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
@@ -193,6 +194,7 @@ files:
 - _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
@@ -213,6 +215,7 @@ files:
 - _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
@@ -236,6 +239,7 @@ files:
 - _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
@@ -290,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