slow-steps 0.2.0 → 0.3.3

data/_sass/navigation/burger.sass

@@ -4,20 +4,26 @@
   cursor: pointer
   display: block
   padding-right: 3vw
-  z-index: 9999
+  z-index: 1000
   & > div
+    background-color: $burger-color
     height: 2px
     margin: 7px
     width: 25px
 
+
 .burger-line-1
-  transition: width .6s ease-in-out
+  transition: width .6s ease-in-out, background-color .3s ease-in-out
 
 .burger-line-2
-  transition: width .3s ease-in-out
+  transition: width .3s ease-in-out, background-color .3s ease-in-out
 
+.burger-line-3
+  transition: background-color .3s ease-in-out
 
 .burger-active
+  & > div
+    background-color: $env-secondary
   .burger-line-1
     width: 8px
     // reduce by 17 px

data/_sass/navigation/clinician.sass

@@ -0,0 +1,31 @@
+// Theme specific for clinician env
+
+// Navbar site logo
+.nav-brand
+  @include logo-color($env-primary)
+
+// Color the navbar once we start scrolling
+.navbar.nav-scrolled
+
+  .social-media-link
+    color: $env-primary
+
+  .burger > div
+    background-color: $env-primary
+
+// on mobile and within an env we hide the other submenus
+.pwp-group
+  display: none
+
+@media screen and ( min-width: 1024px )
+
+  .clinician-group
+    display: flex
+    align-items: center
+    width: 100vw
+    height: 15vh
+    left: 0
+    flex-direction: row
+
+
+@import 'collection'

data/_sass/navigation/collection.sass

@@ -0,0 +1,9 @@
+@import '_variables'
+
+@import 'colors'
+
+@import 'base'
+
+@import 'burger'
+
+@import 'breakpoints/1024'

data/_sass/navigation/colors.sass

@@ -0,0 +1,8 @@
+
+// nav colors that are not defined by environmental colors
+
+$burger-color: $pure-white
+
+$nav-link-color: $pure-white
+
+$secondary-navbar-color: rgba($pure-white, .9)

data/_sass/navigation/no-nav.sass

@@ -0,0 +1,32 @@
+// Here we only deal with navigation for landing
+
+// We dont include the naviagtion menu(s) on the landing page. See _includes/naviagtion/global.html
+
+
+@import '_variables'
+
+@import 'colors'
+
+.navbar
+  position: absolute
+  /* fix the brand on the landing page */
+
+// Navbar site logo
+// make sure we don't style any other instance so nest with .nav-brand
+.nav-brand
+  @include logo-color($white)
+  padding-left: 2rem
+  transform: translateY(5vh)
+  height: 10vh
+
+  .site__logo
+    height: $brand-height
+    position: absolute
+
+
+@media screen and ( min-width: 1024px )
+  .nav-brand
+    padding-left: 3vw
+
+    .site__logo
+      height: $brand-height + 10%

data/_sass/navigation/{env/pwp.sass → pwp.sass}

@@ -1,17 +1,23 @@
+// Theme specific for clinician env
 
 // Navbar site logo
 // make sure we don't style any other instance so nest with .nav-brand
 .nav-brand
   @include logo-primary-colors
 
+.navbar.nav-scrolled
+
+  .social-media-link
+    color: $env-primary
+
+  .burger > div
+    background-color: $env-primary
+
 // on mobile and within the clinician env we hide the other submenus and show the gaitq env .nav-group-link
-.clinician-group, .gaitq-group
+.clinician-group
   display: none
 
-
-@media screen and ( min-width: 768px )
-  .clinician-group-link, .pwp-group-link
-    display: flex
+@media screen and ( min-width: 1024px )
 
   .pwp-group
     display: flex
@@ -21,14 +27,4 @@
     left: 0
     flex-direction: row
 
-  .nav-group-container
-
-
-    .nav-link
-      font-weight: 400
-      color: $env-primary
-      text-transform: uppercase
-      padding: 1rem 3rem
-      &:not(.current--url)
-        &:hover
-          text-decoration: underline
+@import 'collection'

data/_sass/post.sass

@@ -58,7 +58,7 @@
   height: 50vh
 
 .post__link
-  color: $opd-blue-confidence
+  color: $opd-blue
   text-decoration: none
   &:hover
     color: $black

data/_sass/typography/_variables.sass

@@ -4,8 +4,12 @@ $fallback-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
 
 $primary-font-family: 'Quicksand', sans-serif
 
+
+
 $font-size: 2rem
 
+$lg-font-size: 2.4rem
+
 $sm-font-size: 1.4rem
 
 $xsm-font-size: .8rem
@@ -16,6 +20,6 @@ $xlight-font: 100
 
 $light-font: 200
 
-$medium-font: 300
+$medium-font: 400
 
-$heavy-font: 600
+$heavy-font: 500

data/_sass/typography/resets.sass

@@ -29,11 +29,11 @@ h3,
 h4,
 h5,
 h6
-  font-weight: 400
+  font-weight: $heavy-font
 
 p,
 a
-  font-weight: 200
+  font-weight: $medium-font
 
 
 .center-text

data/assets/css/env/gaitq_clinician.sass

@@ -7,25 +7,33 @@ $baseurl: '{{ site.baseurl }}/'
 
 @import '_mixins'
 
-@import 'colors/_variables'
 
-@import 'navigation/_variables'
-
-@import 'colors/env/_clinician'
 
 @import 'typography/_variables'
 
-@import 'colors/navigation'
+@import 'typography/resets'
+
+@import 'typography/branding'
+
+
+
+
+@import '_colors/_clinician'
+
+
+
+
+
+@import 'navigation/clinician'
+
+
 
-@import 'navigation/env/clinician'
 
-@import 'colors/burger'
 
 @import 'env/clinician'
 
 @import 'env/breakpoints/768'
 
-@import 'colors/breakpoints/1024'
 
 @import 'about'
 
@@ -38,3 +46,11 @@ $baseurl: '{{ site.baseurl }}/'
 @import 'faq'
 
 @import 'collage'
+
+@import 'footer_redesign'
+
+@import 'aos-overrides'
+
+@import 'global'
+
+@import 'feed'

data/assets/css/env/gaitq_landing.sass

@@ -6,12 +6,30 @@ $baseurl: '{{ site.baseurl }}/'
 
 @import '_mixins'
 
-@import 'colors/_variables'
 
-@import 'navigation/_variables'
 
-@import 'navigation/env/landing'
+@import 'typography/_variables'
+
+@import 'typography/resets'
+
+@import 'typography/branding'
+
+
+
+@import '_colors/collection'
+
+
+@import 'navigation/no-nav'
+
 
 @import 'typography/_variables'
 
+
+
+@import 'footer_redesign'
+
+@import 'aos-overrides'
+
+@import 'global'
+
 @import 'env/landing'

data/assets/css/env/gaitq_pwp.sass

@@ -7,25 +7,35 @@ $baseurl: '{{ site.baseurl }}/'
 
 @import '_mixins'
 
-@import 'colors/_variables'
 
-@import 'navigation/_variables'
-
-@import 'colors/env/_pwp'
 
 @import 'typography/_variables'
 
-@import 'colors/navigation'
+@import 'typography/resets'
+
+@import 'typography/branding'
+
+
+
+
+@import '_colors/_pwp'
+
+
+
+
+
+@import 'navigation/pwp'
+
+
+
 
-@import 'navigation/env/pwp'
 
-@import 'colors/burger'
 
 @import 'env/pwp'
 
 @import 'env/breakpoints/768'
 
-@import 'colors/breakpoints/1024'
+
 
 @import 'about'
 
@@ -36,3 +46,13 @@ $baseurl: '{{ site.baseurl }}/'
 @import 'contact'
 
 @import 'faq'
+
+// Footer
+
+@import 'footer_redesign'
+
+@import 'aos-overrides'
+
+@import 'global'
+
+@import 'feed'

data/assets/css/gaitq_errors.sass

@@ -1,8 +1,26 @@
 ---
 ---
 
-@import "typography/_variables"
+@import '_variables'
 
-@import "colors/_variables"
+@import '_mixins'
 
-@import "error-page"
+@import 'typography/_variables'
+
+@import 'typography/resets'
+
+@import 'typography/branding'
+
+@import '_colors/collection'
+
+@import 'error-page'
+
+@import 'navigation/no-nav'
+
+// Footer
+
+@import 'footer_redesign'
+
+@import 'aos-overrides'
+
+@import 'global'

data/assets/css/gaitq_post.sass

@@ -2,12 +2,12 @@
 ---
 @import '_mixins'
 
-@import "typography/_variables"
+@import 'typography/_variables'
 
-@import "colors/_variables"
+@import '_colors/_variables'
 
-@import "colors/env/_clinician"
+@import '_colors/_clinician'
 
-@import "navigation/_variables"
+@import 'navigation/_variables'
 
-@import "post"
+@import 'post'

data/assets/js/mobile-nav-slider.js

@@ -6,7 +6,7 @@ const navSlide = ()=>{
   const navBar = document.querySelector('.navbar');
 
   // watch for touch clicks on the burger
-  burger.addEventListener('touchstart', () => {
+  burger.addEventListener('click', () => {
     // animate accordinaly
     navSlider.classList.toggle('nav-active');
     brand.classList.toggle('site__logo-active');

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: slow-steps
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.3
 platform: ruby
 authors:
 - Made Slowly
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-01-20 00:00:00.000000000 Z
+date: 2021-01-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -170,7 +170,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 12.3.3
-description: 
+description: Designed to have two distinct styling, depending on current URL.
 email:
 - arran@madeslowly.co.uk
 executables: []
@@ -189,7 +189,7 @@ files:
 - _includes/errors/robot-404.svg
 - _includes/errors/robot-405.svg
 - _includes/footer/footer.html
-- _includes/footer/footer_full.html
+- _includes/footer/footer_redesign.html
 - _includes/forms/mc-register.html
 - _includes/functions/calc-svg-coord.html
 - _includes/functions/pull_page_args.html
@@ -199,8 +199,8 @@ files:
 - _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/head/stylesheets.html
 - _includes/image-post.html
 - _includes/image.html
 - _includes/link.html
@@ -221,6 +221,12 @@ files:
 - _layouts/full-width.html
 - _layouts/post.html
 - _layouts/register.html
+- _sass/_colors/README.md
+- _sass/_colors/_clinician.sass
+- _sass/_colors/_mixins.sass
+- _sass/_colors/_pwp.sass
+- _sass/_colors/_variables.sass
+- _sass/_colors/collection.sass
 - _sass/_functions.sass
 - _sass/_mixins.sass
 - _sass/_variables.sass
@@ -228,13 +234,6 @@ files:
 - _sass/aos-overrides.sass
 - _sass/breakpoints/about.sass
 - _sass/collage.sass
-- _sass/colors/_variables.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
@@ -244,16 +243,19 @@ files:
 - _sass/faq.sass
 - _sass/feed.sass
 - _sass/footer.sass
-- _sass/footer_full.sass
+- _sass/footer_redesign.sass
 - _sass/forms/mc-forms.sass
 - _sass/global.sass
+- _sass/navigation/README.md
 - _sass/navigation/_variables.sass
+- _sass/navigation/base.sass
 - _sass/navigation/breakpoints/1024.sass
 - _sass/navigation/burger.sass
-- _sass/navigation/env/clinician.sass
-- _sass/navigation/env/landing.sass
-- _sass/navigation/env/pwp.sass
-- _sass/navigation/global.sass
+- _sass/navigation/clinician.sass
+- _sass/navigation/collection.sass
+- _sass/navigation/colors.sass
+- _sass/navigation/no-nav.sass
+- _sass/navigation/pwp.sass
 - _sass/post.sass
 - _sass/typography/_variables.sass
 - _sass/typography/branding.sass
@@ -261,21 +263,8 @@ files:
 - assets/css/env/gaitq_clinician.sass
 - assets/css/env/gaitq_landing.sass
 - assets/css/env/gaitq_pwp.sass
-- assets/css/gaitq_about.sass
 - assets/css/gaitq_errors.sass
-- assets/css/gaitq_feed.sass
-- assets/css/gaitq_global.sass
 - assets/css/gaitq_post.sass
-- assets/fonts/.DS_Store
-- assets/fonts/Quicksand/OFL.txt
-- assets/fonts/Quicksand/Quicksand-VariableFont_wght.ttf
-- assets/fonts/Quicksand/README.txt
-- assets/fonts/Quicksand/static/Quicksand-Bold.ttf
-- assets/fonts/Quicksand/static/Quicksand-Light.ttf
-- assets/fonts/Quicksand/static/Quicksand-Medium.ttf
-- assets/fonts/Quicksand/static/Quicksand-Regular.ttf
-- assets/fonts/Quicksand/static/Quicksand-SemiBold.ttf
-- assets/fonts/fontawesome-free-5.11.2-web/.DS_Store
 - assets/fonts/fontawesome-free-5.11.2-web/css/.DS_Store
 - assets/fonts/fontawesome-free-5.11.2-web/css/all.min.css
 - assets/fonts/fontawesome-free-5.11.2-web/webfonts/fa-brands-400.eot
@@ -325,5 +314,5 @@ requirements: []
 rubygems_version: 3.1.2
 signing_key: 
 specification_version: 4
-summary: Bespoke Jekyll theme for GaitQ.
+summary: A bold jekyll theme
 test_files: []