RubyGems - slow-steps - Versions diffs - 0.2.1 → 0.4.0 - Mend

slow-steps 0.2.1 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (95) hide show

checksums.yaml +4 -4
data/README.md +1 -1
data/_config.yml +3 -3
data/_includes/contact-form.html +1 -1
data/_includes/footer/footer.html +64 -7
data/_includes/footer/footer_redesign.html +107 -0
data/_includes/forms/mc-register.html +124 -110
data/_includes/functions/calc-svg-coord.html +2 -0
data/_includes/functions/reposition-svg-labels.html +44 -0
data/_includes/head/descriptors/og-meta.html +0 -1
data/_includes/head/descriptors/structured-data.html +3 -3
data/_includes/head/descriptors/twitter-meta.html +1 -1
data/_includes/{google-analytics.html → head/google-analytics.html} +9 -2
data/_includes/head/head.html +13 -32
data/_includes/head/stylesheets.html +20 -0
data/_includes/image-post.html +1 -1
data/_includes/navigation/global.html +56 -57
data/_includes/scripts.html +10 -9
data/_includes/vimeoPlayer.html +1 -2
data/_layouts/about.html +6 -1
data/_layouts/default.html +1 -1
data/_layouts/env/clinician.html +6 -6
data/_layouts/env/landing.html +4 -4
data/_layouts/env/pwp.html +3 -3
data/_layouts/faq.html +3 -0
data/_layouts/feed.html +1 -1
data/_layouts/post.html +1 -1
data/_sass/_colors/README.md +27 -0
data/_sass/_colors/_clinician.sass +7 -0
data/_sass/_colors/_mixins.sass +14 -0
data/_sass/_colors/_pwp.sass +6 -0
data/_sass/{colors → _colors}/_variables.sass +9 -16
data/_sass/_colors/collection.sass +3 -0
data/_sass/_functions.sass +9 -0
data/_sass/_mixins.sass +20 -8
data/_sass/about.sass +9 -6
data/_sass/breakpoints/about.sass +15 -6
data/_sass/collage.sass +2 -1
data/_sass/contact.sass +10 -41
data/_sass/env/breakpoints/768.sass +16 -11
data/_sass/env/clinician.sass +12 -7
data/_sass/env/landing.sass +25 -10
data/_sass/env/pwp.sass +11 -2
data/_sass/faq.sass +11 -3
data/_sass/feed.sass +4 -3
data/_sass/footer.sass +174 -14
data/_sass/footer_redesign.sass +349 -0
data/_sass/forms/mc-forms.sass +12 -3
data/_sass/global.sass +68 -28
data/_sass/navigation/README.md +35 -0
data/_sass/navigation/_variables.sass +8 -9
data/_sass/navigation/{global.sass → base.sass} +34 -24
data/_sass/navigation/breakpoints/1024.sass +48 -21
data/_sass/navigation/burger.sass +9 -3
data/_sass/navigation/clinician.sass +31 -0
data/_sass/navigation/collection.sass +9 -0
data/_sass/navigation/colors.sass +8 -0
data/_sass/navigation/no-nav.sass +32 -0
data/_sass/navigation/{env/pwp.sass → pwp.sass} +12 -16
data/_sass/post.sass +1 -1
data/_sass/typography/_variables.sass +5 -1
data/_sass/typography/resets.sass +2 -2
data/assets/css/env/gaitq_clinician.sass +24 -8
data/assets/css/env/gaitq_landing.sass +21 -3
data/assets/css/env/gaitq_pwp.sass +28 -8
data/assets/css/gaitq_errors.sass +21 -3
data/assets/css/gaitq_post.sass +5 -5
data/assets/js/mobile-nav-slider.js +1 -1
data/assets/js/svg_text_width.js +4 -4
metadata +20 -31
data/_includes/footer/footer_full.html +0 -79
data/_includes/functions/pull_page_args.html +0 -31
data/_includes/head/env/conditional.html +0 -2
data/_sass/colors/breakpoints/1024.sass +0 -20
data/_sass/colors/burger.sass +0 -22
data/_sass/colors/env/_clinician.sass +0 -16
data/_sass/colors/env/_pwp.sass +0 -16
data/_sass/colors/global.sass +0 -2
data/_sass/colors/navigation.sass +0 -13
data/_sass/footer_full.sass +0 -173
data/_sass/navigation/env/clinician.sass +0 -38
data/_sass/navigation/env/landing.sass +0 -19
data/assets/css/gaitq_about.sass +0 -22
data/assets/css/gaitq_feed.sass +0 -12
data/assets/css/gaitq_global.sass +0 -34
data/assets/fonts/.DS_Store +0 -0
data/assets/fonts/Quicksand/OFL.txt +0 -93
data/assets/fonts/Quicksand/Quicksand-VariableFont_wght.ttf +0 -0
data/assets/fonts/Quicksand/README.txt +0 -67
data/assets/fonts/Quicksand/static/Quicksand-Bold.ttf +0 -0
data/assets/fonts/Quicksand/static/Quicksand-Light.ttf +0 -0
data/assets/fonts/Quicksand/static/Quicksand-Medium.ttf +0 -0
data/assets/fonts/Quicksand/static/Quicksand-Regular.ttf +0 -0
data/assets/fonts/Quicksand/static/Quicksand-SemiBold.ttf +0 -0
data/assets/fonts/fontawesome-free-5.11.2-web/.DS_Store +0 -0

data/_sass/env/breakpoints/768.sass CHANGED Viewed

@@ -3,7 +3,7 @@
   .segment__wrap
     display: flex
-    flex-wrap: no-wrap
+    flex-wrap: nowrap
     flex-direction: row
     width: 100vw
     max-height: 100vh
@@ -12,35 +12,40 @@
     height: 100vh
     display: flex
     flex-direction: column
+    justify-content: center
   .segment__left
-    width: 60vw
+    width: 40vw
   .segment__right
-    width: 40vw
+    width: 60vw
   .segment__gaurentee
-    flex-direction: row
+    //flex-direction: row
     height: 50%
-    justify-content: space-between
-    padding: 0
-    text-align: left
+    justify-content: space-around
+    //padding: 0
+    //text-align: left
     .site__logo
-      width: 140px
+      height: 10vh
   .strap__guarantee
     border: none
-    border-left: solid 2px $pure-white
+    //border-left: solid 2px $pure-white
     width: 35vw
     margin: 0
     padding: 0 3rem
   .segment__keywords
     width: 100%
+    height: 60%
+    max-height: 800px
     flex-direction: column
-    align-items: center
-    justify-content: center
+    flex-wrap: nowrap
+    padding: 10rem 0
+    & > *
+      padding: 0
   .clinician__strap
     h1

data/_sass/env/clinician.sass CHANGED Viewed

@@ -5,6 +5,7 @@
  *##############################################
  *
  */
+$hero-follow-bottom: 59.5vh
 .image__filter--blur
   @include image-filter--blur
@@ -20,21 +21,21 @@
 .hero__follow
   background-color: $env-primary
-  top: 59.5vh
+  top: $hero-follow-bottom
+  top: calc(var(--vh, 1vh) * #{strip-unit($hero-follow-bottom)})
 .segment__keywords
-  align-items: center
   display: flex
   flex-direction: column
-  height: 100%
-  justify-content: center
+  align-items: center
+  justify-content: space-around
+  padding: 3rem 2rem
   & > *
-    padding: 5rem 0
-    width: 50%
+    padding: 2rem 0
 .image--guarantee
   @include image-filter-rotate
+  height: 100vh
 .action__call
@@ -44,9 +45,13 @@
   span
     color: $env-primary
   svg
     stroke: $env-primary
   &:hover
     &::before
       background-color: rgba($env-secondary, 1)
+.segment__right
+  background-color: $image-blend

data/_sass/env/landing.sass CHANGED Viewed

@@ -9,11 +9,23 @@
 // Fallback for browsers that do not support Custom Properties
 $landing-height: 100vh
+body
+  animation: fadeInAnimation ease 1s
+  animation-iteration-count: 1
+  animation-fill-mode: forwards
+@keyframes fadeInAnimation
+  0%
+    opacity: 0
+  100%
+    opacity: 1
 .landing__page
   display: flex
   flex-direction: column
   height: $landing-height
-  height: calc(var(--vh, 1vh) * 100)
+  height: calc(var(--vh, 1vh) * #{strip-unit($landing-height)})
 .page__half
   align-items: flex-end
@@ -48,10 +60,10 @@ $landing-height: 100vh
   @include image-filter--mix
 .env--pwp
-  background-color: $opd-orange-confidence
+  background-color: $opd-coral
 .env--clinician
-  background-color: $opd-blue-confidence
+  background-color: $opd-blue
 @media screen and ( min-width: 768px )
@@ -76,19 +88,22 @@ $landing-height: 100vh
       @include reveal-landing-strap
   .landing__strap
+    @include default-trans
     display: flex
     flex-direction: column
-    height: 0
+    max-height: 0
     justify-content: space-around
     max-width: 400px
     overflow: hidden
-    transition: .2s ease-in-out
     width: 40vw
+    padding: 0 3rem
   .landing__cta
+    font-size: $sm-font-size
     display: flex
     flex-direction: row
     justify-content: space-between
+    padding: $font-size 0
     > a
       align-self: center
@@ -101,12 +116,12 @@ $landing-height: 100vh
       width: 40%
   .primary__cta
-    background-color: $opd-blue-trust
-    border: solid 1px $opd-blue-trust
-    color: $opd-blue-confidence
+    background-color: $opd-light-blue
+    border: solid 1px $opd-light-blue
+    color: $opd-blue
     &:hover
       background-color: transparent
-      color: $opd-blue-trust
+      color: $opd-light-blue
   .secondary__cta
     background-color: transparent
@@ -114,7 +129,7 @@ $landing-height: 100vh
     color: $white
     &:hover
       background-color: $white
-      color: $opd-blue-confidence
+      color: $opd-blue
   .primary__cta, .secondary__cta
     &:hover

data/_sass/env/pwp.sass CHANGED Viewed

@@ -6,6 +6,8 @@
  *
  */
+$hero-follow-top: 4.5vh
 .image__filter--blur
   @include image-filter--blur
@@ -26,7 +28,8 @@
 .hero__follow
   background-color: $env-primary
-  bottom: 4.5vh
+  bottom: $hero-follow-top
+  bottom: calc(var(--vh, 1vh) * #{strip-unit($hero-follow-top)})
 .segment__wrap
   display: flex
@@ -47,13 +50,14 @@
   .site__logo
     margin: 0 5vw
     text-align: center
-    width: 100px
+    height: 10vh
 .segment__keywords
   height: 50%
 .image--guarantee
   @include image-filter-rotate
+  height: 100vh
 .strap__guarantee
   border-top: solid 1px $soft-white
@@ -68,6 +72,11 @@
   display: flex
   flex-direction: row
   flex-wrap: wrap
+  justify-content: space-around
+  align-items: center
   & > *
     padding: 3rem 0
     width: 50%
+.segment__right
+  background-color: $image-blend

data/_sass/faq.sass CHANGED Viewed

@@ -8,20 +8,21 @@
   border: solid 1px rgba($env-primary, .4)
   margin: 2rem auto
   border-radius: 4px
-  width: 60%
+  width: 90%
+  z-index: 9997
 .faq__question
   display: flex
   justify-content: space-between
   width: 100%
   padding: 1rem 0
-  background-color: rgba($opd-blue-trust, .2)
+  background-color: rgba($opd-light-blue, .2)
   border-radius: 4px
   cursor: pointer
   transition: .2s ease-in-out
   &:hover
-    background-color: rgba($opd-blue-trust, 1)
+    background-color: rgba($opd-light-blue, 1)
   & > .faq__question--title
     padding-left: 1rem
@@ -31,6 +32,7 @@
     transition: .4s ease-in-out
 .faq__answer
+  height: 0
   max-height: 0
   overflow: hidden
   transition: .4s ease-in-out
@@ -39,6 +41,7 @@
     padding: 1rem
 .faq__answer--reveal
+  height: 100%
   max-height: 1000px
   transition: .6s ease-in-out
@@ -60,3 +63,8 @@
   text-align: center
   padding: 4rem 0
   color: $white
+@media screen and ( min-width: 1024px )
+  .faq__panel
+    width: 60%
+    max-width: 800px

data/_sass/feed.sass CHANGED Viewed

@@ -6,6 +6,7 @@
   width: 80vw
   max-width: 1200px
   margin: auto
+  color: $env-primary
 .post__feed
@@ -54,7 +55,7 @@
 .feed__card--text
   padding: 2rem 0
-  color: $opd-blue-confidence
+  color: $opd-blue
   font-size: $font-size
 .feed__card--link
@@ -64,13 +65,13 @@
 .feed__card--title
   transition: .2s ease-in-out
-  font-weight: 600
+  font-weight: $heavy-font
 .feed__card--meta
   font-size: $font-size * .5
   padding: 0
   & > span
-    font-weight: 600
+    font-weight: $heavy-font
 @media screen and ( min-width: 768px )

data/_sass/footer.sass CHANGED Viewed

@@ -1,23 +1,183 @@
-.ft__wrap
-  max-width: 100vw
-  background-color: $opd-grey-neutral
-  padding: 3rem 2rem
+.ft__wrapper
+  @include footer-bg($opd-blue)
+  border-top: solid 1px $white
+  color: $white
+  display: flex
+  flex-wrap: wrap
+  padding: 5vh 5vw
+  .social-media-link
+    font-size: $font-size
+    padding-right: $sm-font-size
+    //color: $white
+.ft__head
+  display: flex
+  margin: 5vh 5vw
+  width: 100%
+.ft__body
+  display: flex
+  flex-direction: column-reverse
+  flex-wrap: wrap
+  margin: 5vh 0
+  width: 90vw
+.ft__col
+  //border-left: solid 1px rgba($opd-light-blue, .05)
+  box-sizing: border-box
+  padding: 0 5vw
+  width: 90vw
+.ft__contact--list
+  display: block
+  font-size: $font-size * .8
+  list-style: none
+  padding: 0
+  text-decoration: none
+  li
+    line-height: 5rem
+  .address
+    line-height: 2.5rem
+.ft__contact
+  .site__logo
+    @include logo-color($white)
+    width: 40vw
+.ft__sitemap
+  .ft__sitemap--env-header
+    font-size: $font-size * 1
+    font-weight: $heavy-font
+  .ft__sitemap--submenu
+    font-size: $font-size * .8
 .ft__base
-  font-size: 1rem
+  align-items: center
+  border-top: solid 1px $opd-light-blue
   display: flex
-  flex-direction: row
-  justify-content: space-between
+  flex-wrap: wrap
-.legal-links, .owner-links
+  justify-content: space-around
+  min-width: 100%
+  width: 100%
+  a,
+  p
+    color: inherit
+    font-size: $font-size * .7
+    margin: 0
+    padding: .5rem .1rem
+    text-decoration: none
+.legal-links
   display: flex
   flex-direction: column
   justify-content: space-between
-  a
+.ft__sitemap--header
+  border-bottom: 1px solid $opd-light-blue
+  color: $pure-white
+  font-size: 2rem
+  font-weight: $heavy-font
+  margin-bottom: 3rem
+  width: 100%
+.ft__sitemap--menu,
+.ft__sitemap--submenu
+  padding: 0
+  width: 100%
+.ft__sitemap--submenu
+  padding-bottom: 2rem
+  li
+    display: block
+    line-height: 3rem
+    list-style: none
+.ft--link
+  color: $pure-white
+.ft__sitemap--env-wrap
+  display: flex
+  flex-direction: column
+  flex-wrap: wrap
+.ft__sitemap--env
+  width: 100%
+@media screen and ( min-width: 768px )
+  .ft__wrapper
+    border: none
+  .ft__body
+    flex-direction: row
+  .ft__col
+    width: 20vw
+  .ft__col.ft__sitemap
+    width: 60vw
+  .ft__contact--list
+    font-size: $font-size * .8
+    li
+      line-height: 4rem
+    .address
+      line-height: 2rem
+  .ft__contact
+    .site__logo
+      width: 10vw
+  .ft__sitemap
+    .ft__sitemap--env-header
+      font-size: $font-size * .9
+    .ft__sitemap--submenu
+      font-size: $font-size * .8
+  .ft__base
+    justify-content: space-between
+    a,
+    p
+      font-size: $font-size * .7
+  .legal-links
+    flex-direction: row
+    a
+      &::after
+        content: " |"
+      &:last-child
+        &::after
+          content: ""
+  .copyright
+    &::after
+      content: ' Ltd.'
+  .ft__sitemap--header
+    font-size: 1.8rem
+  .ft__sitemap--submenu li a
     text-decoration: none
-    color: $black
-  a, p
-    padding: .4rem 0
-.legal-links
-  text-align: right
+  .ft__sitemap--submenu
+    li
+      transition: .2s ease-in-out
+    &:hover > li
+      opacity: .5
+    li
+      &:hover
+        opacity: 1
+  .ft__sitemap--env-wrap
+    flex-direction: row
+  .ft__sitemap--env
+    width: 50%