RubyGems - slow-steps - Versions diffs - 0.2.0 → 0.3.3 - Mend

slow-steps 0.2.0 → 0.3.3

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 (88) hide show

checksums.yaml +4 -4
data/README.md +1 -1
data/_config.yml +3 -3
data/_includes/footer/footer.html +64 -7
data/_includes/footer/footer_redesign.html +107 -0
data/_includes/forms/mc-register.html +126 -108
data/_includes/functions/pull_page_args.html +3 -3
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/head/head.html +11 -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 +9 -8
data/_includes/vimeoPlayer.html +1 -2
data/_layouts/about.html +6 -1
data/_layouts/default.html +1 -1
data/_layouts/env/clinician.html +2 -2
data/_layouts/env/landing.html +4 -4
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 +8 -17
data/_sass/_colors/collection.sass +3 -0
data/_sass/_functions.sass +9 -0
data/_sass/_mixins.sass +17 -7
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/clinician.sass +3 -1
data/_sass/env/landing.sass +25 -10
data/_sass/env/pwp.sass +4 -1
data/_sass/faq.sass +11 -3
data/_sass/feed.sass +4 -3
data/_sass/footer.sass +174 -14
data/_sass/footer_redesign.sass +351 -0
data/_sass/forms/mc-forms.sass +3 -3
data/_sass/global.sass +55 -22
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 +44 -20
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 +6 -2
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
metadata +20 -31
data/_includes/footer/footer_full.html +0 -79
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/pwp.sass CHANGED

@@ -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

data/_sass/faq.sass CHANGED

@@ -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

@@ -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

@@ -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%

data/_sass/footer_redesign.sass ADDED

@@ -0,0 +1,351 @@
+.ft__wrapper
+  @include footer-bg($opd-blue)
+  color: $white
+  padding: 5vh 5vw
+  font-size: $sm-font-size
+.ft__body
+  display: flex
+  flex-direction: column-reverse
+  width: 100%
+  padding: 6rem 0
+  justify-content: space-between
+.ft__company
+  display: flex
+.ft__company__logo
+  @include logo-color($white)
+  padding-bottom: 3rem
+  & > .site__logo
+    height: 5rem
+  &::after
+    content: 'Limited'
+    position: absolute
+    font-size: $sm-font-size
+    transform: translate(-5rem, 4rem)
+.ft__company__no
+  padding-bottom: 2rem
+.ft__company__add > ul
+  list-style: none
+  padding: 0
+  margin: 0
+  text-decoration: none
+.address
+  line-height: $font-size
+  & > *
+    padding-bottom: 1rem
+.ft__sitemap
+  //width: 40vw
+.ft__sitemap
+  margin-top: 6rem
+  .ft__sitemap--submenu
+    font-size: inherit
+.ft__sitemap--header
+  border-bottom: 1px solid $opd-light-blue
+  margin-bottom: 3rem
+  width: 100%
+.ft__sitemap--env-wrap
+  display: flex
+  flex-direction: column
+.ft__sitemap--env
+  //margin-right: 8rem
+.ft__sitemap--env-header
+  margin-bottom: 2rem
+.ft__sitemap--submenu
+  padding: 0
+  li
+    //line-height: 2rem
+    list-style: none
+    &:last-child
+      @include default-trans
+      margin: auto
+      margin-top: 2rem
+      margin-bottom: 4rem
+      background-color: $opd-coral
+      text-align: center
+      padding: 1rem
+      width: 70vw
+      border-radius: 6px
+      cursor: pointer
+      text-transform: uppercase
+      a
+        text-decoration: none
+  .ft__sitemap--link
+    //text-decoration: none
+    color: inherit
+    line-height: 3rem
+.ft__contact
+  //width: 20vw
+  text-align: center
+  .ft__contact--header
+    padding-bottom: 3rem
+  ul
+    list-style: none
+    padding: 0
+    margin: 0
+  .ft__contact--link
+    padding: 1rem 0
+    i
+      padding-right: 1rem
+    & > a
+      color: inherit
+  .social-media
+    padding-top: 4rem
+    display: flex
+    justify-content: space-around
+    i
+      font-size: 3rem
+.ft__base
+  border-top: solid 1px $opd-light-blue
+  text-align: center
+  a,
+  p
+    color: inherit
+    font-size: $sm-font-size
+    margin: 0
+    padding: 1rem .1rem
+    text-decoration: none
+.legal-links
+  display: flex
+  justify-content: center
+  flex-direction: row
+  a
+    &::after
+      content: " |"
+    &:last-child
+      &::after
+        content: ""
+.copyright
+  &::after
+    content: ' Limited'
+.ft__sitemap--submenu
+  li
+    transition: .2s ease-in-out
+  &:hover > li
+    opacity: .5
+  li
+    &:hover
+      opacity: 1
+@media screen and ( min-width: 768px )
+  .ft__wrapper
+    @include footer-bg($opd-blue)
+    color: $white
+    padding: 5vh 5vw
+    font-size: $sm-font-size
+  .ft__body
+    display: flex
+    flex-direction: row
+    width: 90vw
+    padding: 10rem 0
+    justify-content: space-between
+  .ft__company
+    width: 20vw
+    display: flex
+  .ft__company__logo
+    @include logo-color($white)
+    padding-bottom: 3rem
+    & > .site__logo
+      height: 7rem
+    &::after
+      content: 'Limited'
+      position: absolute
+      font-size: $font-size
+      transform: translate(-7rem, 6rem)
+  .ft__company__no
+    padding-bottom: 2rem
+  .ft__company__add > ul
+    list-style: none
+    padding: 0
+    margin: 0
+    text-decoration: none
+  .address
+    line-height: $font-size + 1rem
+    & > *
+      padding-bottom: 1rem
+  .ft__company--link
+    padding: 2rem 0
+    & > a
+      text-decoration: none
+      color: inherit
+  .ft__sitemap
+    width: 40vw
+  .ft__sitemap, .ft__contact
+    margin-top: 9.5rem
+    .ft__sitemap--submenu
+      font-size: inherit
+  .ft__sitemap--header
+    border-bottom: 1px solid $opd-light-blue
+    margin-bottom: 3rem
+    width: 80%
+  .ft__sitemap--env-wrap
+    display: flex
+    flex-direction: row
+  .ft__sitemap--env
+    margin-right: 8rem
+  .ft__sitemap--env-header
+    margin-bottom: 2rem
+  .ft__sitemap--submenu
+    padding: 0
+    li
+      line-height: 3rem
+      list-style: none
+      &:last-child
+        margin-top: 5rem
+        width: auto
+        .ft__sitemap--link
+          @include default-trans
+          background-color: $opd-coral
+          border: solid 1px $opd-coral
+          text-align: center
+          padding: 2rem 3rem
+          width: auto
+          border-radius: 6px
+          cursor: pointer
+          text-transform: uppercase
+          &:hover
+            background-color: rgba($opd-coral,.3)
+            border: solid 1px $pure-white
+    .ft__sitemap--link
+      text-decoration: none
+      color: inherit
+      line-height: 4rem
+  .ft__contact
+    width: 20vw
+    text-align: left
+    .ft__contact--header
+      padding-bottom: 3rem
+    ul
+      list-style: none
+      padding: 0
+      margin: 0
+    .ft__contact--link
+      padding: 2rem 0
+      i
+        padding-right: 2rem
+      & > a
+        @include default-trans
+        color: inherit
+        text-decoration: none
+      &:hover > a
+        color: $opd-coral
+    .social-media
+      padding-top: 6rem
+      justify-content: flex-start
+      i
+        font-size: 4rem
+        padding-right: 5rem
+  .ft__base
+    align-items: center
+    border-top: solid 1px $opd-light-blue
+    display: flex
+    flex-wrap: wrap
+    justify-content: space-between
+    min-width: 100%
+    width: 100%
+    a,
+    p
+      color: inherit
+      font-size: $sm-font-size
+      margin: 0
+      padding: .5rem .1rem
+      text-decoration: none
+  .legal-links
+    display: flex
+    justify-content: space-between
+    flex-direction: row
+    a
+      &::after
+        content: " |"
+      &:last-child
+        &::after
+          content: ""
+  .copyright
+    &::after
+      content: ' Limited'
+  .ft__sitemap--submenu
+    li
+      transition: .2s ease-in-out
+    &:hover > li
+      opacity: .5
+    li
+      &:hover
+        opacity: 1