slow-steps 0.1.1

data/_sass/navigation/env/landing.sass

@@ -0,0 +1,19 @@
+
+
+// Here we only deal with navigation within env: landing
+
+// We dont include any navbar on the landing page. See _includes/naviagtion/global.html
+
+// Navbar site logo
+// make sure we don't style any other instance so nest with .nav-brand
+.nav-brand
+  .site__logo--curve,
+  .site__logo--legvert,
+  .site__logo--leg45,
+  .site__logo--g,
+  .site__logo--a,
+  .site__logo__i,
+  .site__logo--t,
+  .site__logo--Q
+
+    fill: $white

data/_sass/navigation/env/pwp.sass

@@ -0,0 +1,46 @@
+
+// Navbar site logo
+// make sure we don't style any other instance so nest with .nav-brand
+.nav-brand
+  .site__logo--group
+    .site__logo--curve
+      fill: $opd-orange-confidence
+    .site__logo--legvert
+      fill: $opd-blue-confidence
+    .site__logo--leg45
+      fill: $opd-blue-trust
+    .site__logo--g,
+    .site__logo--a,
+    .site__logo__i,
+    .site__logo--t
+      fill: $opd-blue-confidence
+    .site__logo--Q
+      fill: $opd-orange-confidence
+
+// on mobile and within the clinician env we hide the other submenus and show the gaitq env .nav-group-link
+.clinician-group, .gaitq-group
+  display: none
+
+
+@media screen and ( min-width: 768px )
+  .clinician-group-link, .pwp-group-link
+    display: flex
+
+  .pwp-group
+    display: flex
+    align-items: center
+    width: 100vw
+    height: 15vh
+    left: 0
+    flex-direction: row
+
+  .nav-group-content
+
+
+    .nav-link
+      font-weight: 400
+      text-transform: uppercase
+      padding: 0 3rem
+      &:not(.current--url)
+        &:hover
+          text-decoration: underline

data/_sass/navigation/global.sass

@@ -0,0 +1,69 @@
+
+
+// Global navigation Sass
+
+// Avoid declaring any styling like color etc.
+// These are defined in _sass/colors/env/_env.sass and called by various functions in _sass/colors/...
+
+// Everything here will be included in EVERY .html
+
+.navbar
+  align-items: center
+  display: flex
+  height: $mobile-navbar-height
+  justify-content: space-between
+  position: fixed
+  top: 0
+  white-space: nowrap
+  width: 100%
+  z-index: 999
+
+.nav-brand
+  width: 30vw
+  padding-left: 3vw
+  z-index: 2
+
+  .site__logo *
+    transition: 2s ease-in
+
+.nav-list
+  border-bottom-left-radius: 80px
+  font-size: 1.3rem
+  height: $nav-list-height
+  height: calc( var(--vh, 1vh) * 85 )
+  list-style: none
+  margin: 0
+  margin-block-start: 0
+  padding: 0
+  padding-top: 15vh
+  position: absolute
+  right: 0
+  top: 0
+  transform: translateX(100%)
+  transition: $nav-slider-transition
+  width: 100vw
+
+.nav-link
+  margin: 6vh 15vw
+  opacity: 0
+  text-decoration: none
+  display: flex
+
+.nav-group-content .nav-link
+  font-size: 1.7rem
+  
+.nav-active
+  // we toggle this class in mobile-nav-slider.js on burger click
+  transform: translateX(0%)
+
+.site__logo-active
+  .site__logo--group
+    .site__logo--curve,
+    .site__logo--legvert,
+    .site__logo--leg45,
+    .site__logo--g,
+    .site__logo--a,
+    .site__logo__i *,
+    .site__logo--t,
+    .site__logo--Q
+      transition: 1.2s ease-in

data/_sass/post.sass

@@ -0,0 +1,69 @@
+.post_head
+  display: flex
+  flex-direction: column
+  align-items: baseline
+  justify-content: flex-end
+
+
+.post__hero
+  display: block
+  object-fit: cover
+  object-position: center
+  margin-top: $navbar-height + $secondary-navbar-height
+  width: 100vw
+  height: 50vh
+  margin-bottom: 6vh
+
+
+.post__title
+  position: absolute
+  display: flex
+  flex-direction: column
+  padding: 3rem 6rem 6rem 3rem
+  background-color: $env-primary
+  color: $white
+  left: 5vw
+  max-width: 50vw
+  text-transform: uppercase
+  //bottom: -10px
+  border: solid 1px $white
+  box-shadow: 1px 2px 20px -10px $white
+  //text-align: left
+
+.post__meta
+  font-size: $font-size * .6
+  padding-top: 3rem
+
+.post__content
+  margin: 5vh auto
+  width: 90vw
+  max-width: 800px
+  & > p
+    padding: 3rem 0
+
+.post__subtitle
+  padding: 5rem 0
+
+.post__image
+  width: 60vw
+  max-width: 800px
+  margin: auto
+  overflow: hidden
+
+.post__content--image
+  display: block
+  object-fit: cover
+  object-position: top
+  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
+  &:hover
+    color: $black

data/_sass/typography/_variables.sass

@@ -0,0 +1,21 @@
+// Global typography
+
+$fallback-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'
+
+$primary-font-family: 'Quicksand', sans-serif
+
+$font-size: 2rem
+
+$sm-font-size: 1.4rem
+
+$xsm-font-size: .8rem
+
+$letter-spacing: .1rem
+
+$xlight-font: 100
+
+$light-font: 200
+
+$medium-font: 300
+
+$heavy-font: 600

data/_sass/typography/branding.sass

@@ -0,0 +1 @@
+

data/_sass/typography/resets.sass

@@ -0,0 +1,40 @@
+// Global typography styles
+
+html
+  font-size: 62.5%
+
+body
+  margin: 0
+  padding: 0
+  font-family: $fallback-font-family
+  font-family: $primary-font-family
+  font-size: $font-size
+  font-weight: 200
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+a
+  margin: 0
+  padding: 0
+
+h1
+h1,
+h2,
+h3,
+h4,
+h5,
+h6
+  font-weight: 400
+
+p,
+a
+  font-weight: 200
+
+
+.center-text
+  text-align: center

data/assets/css/env/gaitq_clinician.sass

@@ -0,0 +1,30 @@
+---
+---
+
+$baseurl: '{{ site.baseurl }}/'
+
+@import 'colors/_variables'
+
+@import 'navigation/_variables'
+
+@import 'colors/env/_clinician'
+
+@import 'typography/_variables'
+
+@import 'colors/navigation'
+
+@import 'navigation/env/clinician'
+
+@import 'colors/burger'
+
+@import 'env/clinician'
+
+@import 'about'
+
+@import 'breakpoints/about'
+
+@import 'env/breakpoints/768'
+
+@import 'colors/breakpoints/768'
+
+@import "forms/mc-forms"

data/assets/css/env/gaitq_landing.sass

@@ -0,0 +1,13 @@
+---
+---
+$baseurl: '{{ site.baseurl }}/'
+
+@import 'colors/_variables'
+
+@import 'navigation/_variables'
+
+@import 'navigation/env/landing'
+
+@import 'typography/_variables'
+
+@import 'env/landing'

data/assets/css/env/gaitq_pwp.sass

@@ -0,0 +1,30 @@
+---
+---
+
+$baseurl: '{{ site.baseurl }}/'
+
+@import 'colors/_variables'
+
+@import 'navigation/_variables'
+
+@import 'colors/env/_pwp'
+
+@import 'typography/_variables'
+
+@import 'colors/navigation'
+
+@import 'navigation/env/pwp'
+
+@import 'colors/burger'
+
+@import 'env/pwp'
+
+@import 'about'
+
+@import 'breakpoints/about'
+
+@import 'env/breakpoints/768'
+
+@import 'colors/breakpoints/768'
+
+@import 'forms/mc-forms'

data/assets/css/gaitq_errors.sass

@@ -0,0 +1,8 @@
+---
+---
+
+@import "typography/_variables"
+
+@import "colors/_variables"
+
+@import "error-page"

data/assets/css/gaitq_feed.sass

@@ -0,0 +1,12 @@
+---
+---
+
+@import "typography/_variables"
+
+@import "colors/_variables"
+
+@import "colors/env/_clinician"
+
+@import "navigation/_variables"
+
+@import "feed"

data/assets/css/gaitq_global.sass

@@ -0,0 +1,30 @@
+---
+---
+
+// Site wide styling
+
+@import 'typography/_variables'
+
+@import 'colors/_variables'
+
+@import 'global'
+
+@import 'typography/resets'
+
+@import 'typography/branding'
+
+// Navigation --> structural only
+
+@import 'navigation/_variables'
+
+@import 'navigation/global'
+
+@import 'navigation/burger'
+
+@import 'navigation/breakpoints/768'
+
+// Footer
+
+@import 'footer'
+
+@import 'aos-overrides'

data/assets/css/gaitq_post.sass

@@ -0,0 +1,12 @@
+---
+---
+
+@import "typography/_variables"
+
+@import "colors/_variables"
+
+@import "colors/env/_clinician"
+
+@import "navigation/_variables"
+
+@import "post"

data/assets/css/img_handler.sass

@@ -0,0 +1,5 @@
+---
+---
+$baseurl: '{{ site.baseurl }}/'
+$img: url($baseurl + 'assets/img/pwp_device_group_docked.png')
+$img_height:  '{% imagesize source:height %} / {% imagesize source:width %}'

data/assets/fonts/Quicksand/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2011 The Quicksand Project Authors (https://github.com/andrew-paglinawan/QuicksandFamily), with Reserved Font Name “Quicksand”.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.