slow-steps 0.1.9 → 0.2.0

data/_sass/contact.sass

@@ -3,7 +3,7 @@
 .contact__wrapper
   display: flex
   width: 100%
-  background-color: $white
+  background-color: $pure-white
   padding: 5rem 0
   flex-direction: column
 
@@ -24,6 +24,7 @@
   display: block
 
   form
+    background-color: $white
     border: solid 1px rgba($env-primary, .2)
     border-radius: 4px
     padding: 2rem
@@ -32,12 +33,12 @@
     color: $black
 
 .google-map
-  //grid-area: googleMap
   width: 100%
 
   //padding: 0 5rem
   //filter: sepia(.3)
   iframe
+    border-radius: 4px
     width: 100%
     height: 40vh
     border: solid 1px rgba($env-primary, .2)
@@ -109,7 +110,6 @@
     display: flex
     flex-direction: row
     width: 100%
-    background-color: $white
     padding: 5rem 0
 
   .contact--left

data/_sass/faq.sass

@@ -11,6 +11,8 @@
   width: 60%
 
 .faq__question
+  display: flex
+  justify-content: space-between
   width: 100%
   padding: 1rem 0
   background-color: rgba($opd-blue-trust, .2)
@@ -21,9 +23,13 @@
   &:hover
     background-color: rgba($opd-blue-trust, 1)
 
-  & > *
+  & > .faq__question--title
     padding-left: 1rem
 
+  & > .fas
+    padding-right: 1rem
+    transition: .4s ease-in-out
+
 .faq__answer
   max-height: 0
   overflow: hidden
@@ -35,3 +41,22 @@
 .faq__answer--reveal
   max-height: 1000px
   transition: .6s ease-in-out
+
+.faq__question--reveal
+  & > .fas
+    transform: rotateX(180deg) translateY(.5rem)
+
+.faq__contact
+  width: 100vw
+  background-color: lighten($env-primary, 0%)
+  padding: 4rem 0
+
+  .contact-form
+    width: 95%
+    margin: auto
+    max-width: 600px
+
+.faq__contact--strap
+  text-align: center
+  padding: 4rem 0
+  color: $white

data/_sass/feed.sass

@@ -6,7 +6,7 @@
   width: 80vw
   max-width: 1200px
   margin: auto
-  
+
 
 .post__feed
   display: flex
@@ -19,10 +19,10 @@
 .feed__card
   display: flex
   flex-direction: column
-  width: 200px
+  //width: 200px
   max-width: 360px
   //height: 220px
-  margin: 20px
+  //margin: 20px
   overflow: hidden
   border-radius: 0
   //box-shadow: 0 0 6px rgba($env-primary,.8)
@@ -68,7 +68,7 @@
 
 .feed__card--meta
   font-size: $font-size * .5
-  padding: 1rem 0
+  padding: 0
   & > span
     font-weight: 600
 
@@ -76,3 +76,14 @@
 
   .feed__card--meta
     font-size: $font-size * .7
+
+  .feed__card
+    display: flex
+    flex-direction: column
+    width: 200px
+    max-width: 360px
+    //height: 220px
+    margin: 20px
+    overflow: hidden
+    border-radius: 0
+    //box-shadow: 0 0 6px rgba($env-primary,.8)

data/_sass/footer_full.sass

@@ -88,7 +88,7 @@
     line-height: 3rem
     list-style: none
 
-.ft__sitemap--submenu li a
+.ft--link
   color: $pure-white
 
 .ft__sitemap--env-wrap
@@ -114,7 +114,7 @@
     width: 60vw
 
   .ft__contact--list
-    font-size: $font-size * .7
+    font-size: $font-size * .8
     li
       line-height: 4rem
     .address
@@ -126,14 +126,14 @@
 
   .ft__sitemap
     .ft__sitemap--env-header
-      font-size: $font-size * .8
+      font-size: $font-size * .9
     .ft__sitemap--submenu
-      font-size: $font-size * .7
+      font-size: $font-size * .8
 
   .ft__base
     a,
     p
-      font-size: $font-size * .6
+      font-size: $font-size * .7
 
   .legal-links
     flex-direction: row

data/_sass/global.sass

@@ -15,15 +15,21 @@
   -ms-transition: none !important
   -o-transition: none !important
 
+*
+  box-sizing: border-box
+
 body
   background-color: $white
 
 .fullwidth__wrap
-  width: 90vw
-  max-width: 800px
-  margin: auto
-  margin-top: $navbar-height + $secondary-navbar-height + 5vh
+  background-color: $white
+  width: 100vw
+  padding-top: $navbar-height + $secondary-navbar-height + 5vh
+  & > *
+    margin: auto
+    max-width: 800px
   & > p
+
     padding: 3rem 0
   & > ol li, ul li
     padding: 1rem 0
@@ -132,6 +138,12 @@ body
     transform: scaleY(2)
 
 
+.image--caption
+  font-size: $font-size * .7
+  color: $grey
+  padding: 1rem 0
+  text-align: center
+
 // Block colors and sizes
 .strap--opd-trust
   @include opd-blue-trust
@@ -240,21 +252,8 @@ $svg-text-offset: 60px
     stop-opacity: 1
 
 .svg__augment--pulse
-  animation: pulse-ring 2s $bezier-pulse infinite
   fill: $led
 
-@keyframes pulse-ring
-  0%
-    opacity: .5
-    r: .1
-
-  50%
-    opacity: .2
-
-  100%
-    opacity: 0
-    r: 2
-
 
 // Social icons wraped in <a's
 .social

data/_sass/navigation/breakpoints/1024.sass

@@ -61,6 +61,7 @@ $brand-height: 55%
     opacity: 1
     margin: 0
     overflow: hidden
+    position: relative
 
   // Surround current link with lines
 
@@ -91,6 +92,7 @@ $brand-height: 55%
     width: 100vw
     padding: 0
     height: $secondary-navbar-height
+    //max-height: 100px
     backdrop-filter: blur(20px)
 
   .nav-group-content .nav-link
@@ -98,3 +100,44 @@ $brand-height: 55%
 
   .burger
     display: none
+
+  .nav-subsub-content
+    background-color: $pure-white
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
+    visibility: hidden
+    opacity: 0
+    border-radius: 6px
+    z-index: 1
+    position: absolute
+    padding: 1rem 0
+    margin-left: 3rem
+    transform: translateY(10px)
+    .subsub-link
+      &:hover
+        background: $white
+
+    &:before
+      background: inherit
+      content: ""
+      display: block
+      height: 16px
+      width: 16px
+      left: 5px
+      position: absolute
+      bottom: 100%
+      border-radius: 2px
+      transform: rotate(-45deg) translateY(14px)
+      z-index: -1
+
+  .nav-group-container:hover > .nav-subsub-content
+    visibility: visible
+    opacity: 1
+    transform: translateY(0px)
+    transition: opacity .1s ease-in, transform .2s ease-in
+
+  .nav-subsub-content .sub-link
+    transition: background-color .1s ease-in
+
+  .nav-subsub-content .sub-link:hover
+    background-color: $white
+    transition: background-color .1s ease-in

data/_sass/navigation/env/clinician.sass

@@ -25,12 +25,14 @@
     left: 0
     flex-direction: row
 
-  .nav-group-content
+  .nav-group-container
+
 
     .nav-link
       font-weight: 400
       color: $env-primary
       text-transform: uppercase
-      padding: 0 3rem
-      &:hover
-        text-decoration: underline
+      padding: 1rem 3rem
+      &:not(.current--url)
+        &:hover
+          text-decoration: underline

data/_sass/navigation/env/pwp.sass

@@ -21,13 +21,14 @@
     left: 0
     flex-direction: row
 
-  .nav-group-content
+  .nav-group-container
 
 
     .nav-link
       font-weight: 400
+      color: $env-primary
       text-transform: uppercase
-      padding: 0 3rem
+      padding: 1rem 3rem
       &:not(.current--url)
         &:hover
           text-decoration: underline

data/_sass/navigation/global.sass

@@ -54,6 +54,7 @@
   transform: translateX(100%)
   transition: $nav-slider-transition
   width: 100vw
+  box-sizing: content-box
 
 .nav-link
   margin: 6vh 15vw

data/_sass/post.sass

@@ -42,7 +42,7 @@
     padding: 3rem 0
 
 .post__subtitle
-  padding: 5rem 0
+  padding: 1rem 0
 
 .post__image
   width: 60vw
@@ -57,11 +57,6 @@
   width: 100%
   height: 50vh
 
-.post__image--caption
-  font-size: $font-size * .7
-  color: $grey
-  padding: 1rem 0
-  text-align: center
 .post__link
   color: $opd-blue-confidence
   text-decoration: none

data/assets/css/env/gaitq_clinician.sass

@@ -36,3 +36,5 @@ $baseurl: '{{ site.baseurl }}/'
 @import 'contact'
 
 @import 'faq'
+
+@import 'collage'

data/assets/css/env/gaitq_pwp.sass

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: slow-steps
 version: !ruby/object:Gem::Version
-  version: 0.1.9
+  version: 0.2.0
 platform: ruby
 authors:
 - Made Slowly
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-01-16 00:00:00.000000000 Z
+date: 2021-01-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -177,9 +177,9 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- LICENSE
 - README.md
 - _config.yml
-- _includes/.DS_Store
 - _includes/branding/site-logo.svg
 - _includes/build-version.html
 - _includes/contact-details.html
@@ -195,19 +195,20 @@ files:
 - _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
 - _includes/head/descriptors/structured-data.html
 - _includes/head/descriptors/twitter-meta.html
 - _includes/head/env/conditional.html
 - _includes/head/head.html
+- _includes/image-post.html
 - _includes/image.html
 - _includes/link.html
 - _includes/navigation/global.html
 - _includes/scripts.html
 - _includes/vimeoPlayer.html
 - _layouts/about.html
+- _layouts/careers.html
 - _layouts/compress.html
 - _layouts/contact.html
 - _layouts/default.html
@@ -226,6 +227,7 @@ files:
 - _sass/about.sass
 - _sass/aos-overrides.sass
 - _sass/breakpoints/about.sass
+- _sass/collage.sass
 - _sass/colors/_variables.sass
 - _sass/colors/breakpoints/1024.sass
 - _sass/colors/burger.sass
@@ -291,6 +293,7 @@ files:
 - assets/fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.ttf
 - assets/fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.woff
 - assets/fonts/fontawesome-free-5.11.2-web/webfonts/fa-solid-900.woff2
+- assets/images/augmented_image.png
 - assets/js/animate_after_load.js
 - assets/js/calc-mobile-viewport.js
 - assets/js/mobile-nav-slider.js