slow-steps 0.2.1 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (95) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/_config.yml +3 -3
  4. data/_includes/contact-form.html +1 -1
  5. data/_includes/footer/footer.html +64 -7
  6. data/_includes/footer/footer_redesign.html +107 -0
  7. data/_includes/forms/mc-register.html +124 -110
  8. data/_includes/functions/calc-svg-coord.html +2 -0
  9. data/_includes/functions/reposition-svg-labels.html +44 -0
  10. data/_includes/head/descriptors/og-meta.html +0 -1
  11. data/_includes/head/descriptors/structured-data.html +3 -3
  12. data/_includes/head/descriptors/twitter-meta.html +1 -1
  13. data/_includes/{google-analytics.html → head/google-analytics.html} +9 -2
  14. data/_includes/head/head.html +13 -32
  15. data/_includes/head/stylesheets.html +20 -0
  16. data/_includes/image-post.html +1 -1
  17. data/_includes/navigation/global.html +56 -57
  18. data/_includes/scripts.html +10 -9
  19. data/_includes/vimeoPlayer.html +1 -2
  20. data/_layouts/about.html +6 -1
  21. data/_layouts/default.html +1 -1
  22. data/_layouts/env/clinician.html +6 -6
  23. data/_layouts/env/landing.html +4 -4
  24. data/_layouts/env/pwp.html +3 -3
  25. data/_layouts/faq.html +3 -0
  26. data/_layouts/feed.html +1 -1
  27. data/_layouts/post.html +1 -1
  28. data/_sass/_colors/README.md +27 -0
  29. data/_sass/_colors/_clinician.sass +7 -0
  30. data/_sass/_colors/_mixins.sass +14 -0
  31. data/_sass/_colors/_pwp.sass +6 -0
  32. data/_sass/{colors → _colors}/_variables.sass +9 -16
  33. data/_sass/_colors/collection.sass +3 -0
  34. data/_sass/_functions.sass +9 -0
  35. data/_sass/_mixins.sass +20 -8
  36. data/_sass/about.sass +9 -6
  37. data/_sass/breakpoints/about.sass +15 -6
  38. data/_sass/collage.sass +2 -1
  39. data/_sass/contact.sass +10 -41
  40. data/_sass/env/breakpoints/768.sass +16 -11
  41. data/_sass/env/clinician.sass +12 -7
  42. data/_sass/env/landing.sass +25 -10
  43. data/_sass/env/pwp.sass +11 -2
  44. data/_sass/faq.sass +11 -3
  45. data/_sass/feed.sass +4 -3
  46. data/_sass/footer.sass +174 -14
  47. data/_sass/footer_redesign.sass +349 -0
  48. data/_sass/forms/mc-forms.sass +12 -3
  49. data/_sass/global.sass +68 -28
  50. data/_sass/navigation/README.md +35 -0
  51. data/_sass/navigation/_variables.sass +8 -9
  52. data/_sass/navigation/{global.sass → base.sass} +34 -24
  53. data/_sass/navigation/breakpoints/1024.sass +48 -21
  54. data/_sass/navigation/burger.sass +9 -3
  55. data/_sass/navigation/clinician.sass +31 -0
  56. data/_sass/navigation/collection.sass +9 -0
  57. data/_sass/navigation/colors.sass +8 -0
  58. data/_sass/navigation/no-nav.sass +32 -0
  59. data/_sass/navigation/{env/pwp.sass → pwp.sass} +12 -16
  60. data/_sass/post.sass +1 -1
  61. data/_sass/typography/_variables.sass +5 -1
  62. data/_sass/typography/resets.sass +2 -2
  63. data/assets/css/env/gaitq_clinician.sass +24 -8
  64. data/assets/css/env/gaitq_landing.sass +21 -3
  65. data/assets/css/env/gaitq_pwp.sass +28 -8
  66. data/assets/css/gaitq_errors.sass +21 -3
  67. data/assets/css/gaitq_post.sass +5 -5
  68. data/assets/js/mobile-nav-slider.js +1 -1
  69. data/assets/js/svg_text_width.js +4 -4
  70. metadata +20 -31
  71. data/_includes/footer/footer_full.html +0 -79
  72. data/_includes/functions/pull_page_args.html +0 -31
  73. data/_includes/head/env/conditional.html +0 -2
  74. data/_sass/colors/breakpoints/1024.sass +0 -20
  75. data/_sass/colors/burger.sass +0 -22
  76. data/_sass/colors/env/_clinician.sass +0 -16
  77. data/_sass/colors/env/_pwp.sass +0 -16
  78. data/_sass/colors/global.sass +0 -2
  79. data/_sass/colors/navigation.sass +0 -13
  80. data/_sass/footer_full.sass +0 -173
  81. data/_sass/navigation/env/clinician.sass +0 -38
  82. data/_sass/navigation/env/landing.sass +0 -19
  83. data/assets/css/gaitq_about.sass +0 -22
  84. data/assets/css/gaitq_feed.sass +0 -12
  85. data/assets/css/gaitq_global.sass +0 -34
  86. data/assets/fonts/.DS_Store +0 -0
  87. data/assets/fonts/Quicksand/OFL.txt +0 -93
  88. data/assets/fonts/Quicksand/Quicksand-VariableFont_wght.ttf +0 -0
  89. data/assets/fonts/Quicksand/README.txt +0 -67
  90. data/assets/fonts/Quicksand/static/Quicksand-Bold.ttf +0 -0
  91. data/assets/fonts/Quicksand/static/Quicksand-Light.ttf +0 -0
  92. data/assets/fonts/Quicksand/static/Quicksand-Medium.ttf +0 -0
  93. data/assets/fonts/Quicksand/static/Quicksand-Regular.ttf +0 -0
  94. data/assets/fonts/Quicksand/static/Quicksand-SemiBold.ttf +0 -0
  95. data/assets/fonts/fontawesome-free-5.11.2-web/.DS_Store +0 -0
@@ -1,31 +0,0 @@
1
-
2
- <script type="text/javascript">
3
-
4
- function svg_aug_contained_image(){
5
-
6
- var x_i = document.getElementsByClassName("image--guarantee")[0].offsetWidth ;
7
- var y_i = document.getElementsByClassName("image--guarantee")[0].offsetHeight ;
8
- /* ge scg labels */
9
- var svg = document.querySelectorAll('.svg__augment > .augment--guarantee');
10
-
11
- /* origanal image width in pixels */
12
- var x_0 = {{ page.guarantee.augment.image | split: ', ' | first }} ;
13
- var y_0 = {{ page.guarantee.augment.image | split: ', ' | last }} ;
14
-
15
- for (let i = 0; i < svg.length; i++) {
16
- /* origanal x position in pixels */
17
- var dx_0 = parseInt( svg[i].getAttribute('x'), 10 ) / 100 ;
18
- var dy_0 = parseInt( svg[i].getAttribute('y'), 10 ) / 100 ;
19
-
20
- var dx_0Pixel = dx_0 * x_0 ;
21
- var dy_0Pixel = dy_0 * y_0 ;
22
-
23
- svg[i].setAttribute("x", (dx_0Pixel - ( x_0 / 2) + (x_i / 2) ) / x_i * 100 + '%');
24
- svg[i].setAttribute("y", (dy_0Pixel - ( y_0 / 2) + (y_i / 2) ) / y_i * 100 + '%');
25
- };
26
-
27
- }
28
-
29
- //window.setInterval(svg_aug_contained_image, 200 )
30
-
31
- </script>
@@ -1,2 +0,0 @@
1
-
2
- <link rel="stylesheet" type="text/css" title="made slowly has all the style" href="{{ site.baseurl }}/assets/css/env/gaitq_{{ page.env }}.css" media="screen" />
@@ -1,20 +0,0 @@
1
-
2
- // Color breakpoint function, unlikely to involve more than navbar stuff.
3
-
4
- // in assets/css/gaitq_env.sass we import this AFTER
5
- // @import 'colors/env/env.sass'
6
-
7
- @media screen and ( min-width: 1024px )
8
-
9
- .navbar
10
- background-color: $env-primary
11
-
12
- .nav-group-content
13
- background-color: $secondary-navbar-color
14
-
15
- > *
16
- color: $env_primary
17
-
18
- .current--url
19
- &:before, &:after
20
- background-color: $env_primary
@@ -1,22 +0,0 @@
1
- // Color function for the burger.
2
-
3
- // in assets/css/gaitq_env.sass we import this AFTER
4
- // @import 'colors/env/env.sass'
5
-
6
- .burger > div
7
- background-color: $burger-color
8
-
9
- .burger-active > div
10
- background-color: $burger-active-color
11
-
12
- .site__logo-active
13
- .site__logo--group
14
- .site__logo--curve,
15
- .site__logo--legvert,
16
- .site__logo--leg45,
17
- .site__logo--g,
18
- .site__logo--a,
19
- .site__logo__i *,
20
- .site__logo--t,
21
- .site__logo--Q
22
- fill: $site__logo-active
@@ -1,16 +0,0 @@
1
-
2
- // Colouring theme for clinician env
3
-
4
- $env-primary: $opd-blue-confidence
5
-
6
- $env-secondary: $opd-orange-confidence
7
-
8
- $burger-color: $white
9
-
10
- $burger-active-color: $env-secondary
11
-
12
- $nav-link-color: $white
13
-
14
- $nav-list-bg-color: $env-primary
15
-
16
- $site__logo-active: $env-secondary
@@ -1,16 +0,0 @@
1
-
2
- // Colouring theme for pwp env
3
-
4
- $env-primary: $opd-orange-confidence
5
-
6
- $env-secondary: $opd-blue-confidence
7
-
8
- $burger-color: $white
9
-
10
- $burger-active-color: $env-secondary
11
-
12
- $nav-link-color: $white
13
-
14
- $nav-list-bg-color: $env-primary
15
-
16
- $site__logo-active: $env-secondary
@@ -1,2 +0,0 @@
1
- .white
2
- color: $white
@@ -1,13 +0,0 @@
1
- // Color function for naviagtion links.
2
-
3
- // in assets/css/gaitq_env.sass we import this AFTER
4
- // @import 'colors/env/env.sass'
5
-
6
- .nav-list
7
- background-color: $nav-list-bg-color
8
-
9
- .nav-group-link
10
- color: $nav-link-color
11
-
12
- .nav-group-content > *
13
- color: $white
@@ -1,173 +0,0 @@
1
- .ft__wrapper
2
- @include footer-bg($opd-blue-confidence)
3
- border-top: solid 1px $white
4
- color: $white
5
- display: flex
6
- flex-wrap: wrap
7
- padding: 5vh 5vw
8
-
9
- .ft__head
10
- display: flex
11
- margin: 5vh 5vw
12
- width: 100%
13
-
14
- .ft__body
15
- display: flex
16
- flex-direction: column-reverse
17
- flex-wrap: wrap
18
- margin: 5vh 0
19
- width: 90vw
20
-
21
- .ft__col
22
- //border-left: solid 1px rgba($opd-blue-trust, .05)
23
- box-sizing: border-box
24
- padding: 0 5vw
25
- width: 90vw
26
-
27
- .ft__contact--list
28
- display: block
29
- font-size: $font-size * .8
30
- list-style: none
31
- padding: 0
32
- text-decoration: none
33
- li
34
- line-height: 5rem
35
- .address
36
- line-height: 2.5rem
37
-
38
- .ft__contact
39
- .site__logo
40
- @include logo-color($opd-blue-trust)
41
- width: 40vw
42
-
43
- .ft__sitemap
44
- .ft__sitemap--env-header
45
- font-size: $font-size * 1
46
- font-weight: 600
47
- .ft__sitemap--submenu
48
- font-size: $font-size * .8
49
-
50
- .ft__base
51
- align-items: center
52
- border-top: solid 1px $opd-blue-trust
53
- display: flex
54
- flex-wrap: nowrap
55
- justify-content: space-between
56
- min-width: 100%
57
- width: 100%
58
- a,
59
- p
60
- color: inherit
61
- font-size: $font-size * .7
62
- margin: 0
63
- padding: .5rem .1rem
64
- text-decoration: none
65
-
66
- .legal-links
67
- display: flex
68
- flex-direction: column
69
- justify-content: space-between
70
-
71
- .ft__sitemap--header
72
- border-bottom: 1px solid $opd-blue-trust
73
- color: $pure-white
74
- font-size: 2rem
75
- font-weight: 600
76
- margin-bottom: 3rem
77
- width: 100%
78
-
79
- .ft__sitemap--menu,
80
- .ft__sitemap--submenu
81
- padding: 0
82
- width: 100%
83
-
84
- .ft__sitemap--submenu
85
- padding-bottom: 2rem
86
- li
87
- display: block
88
- line-height: 3rem
89
- list-style: none
90
-
91
- .ft--link
92
- color: $pure-white
93
-
94
- .ft__sitemap--env-wrap
95
- display: flex
96
- flex-direction: column
97
- flex-wrap: wrap
98
-
99
- .ft__sitemap--env
100
- width: 100%
101
-
102
- @media screen and ( min-width: 768px )
103
-
104
- .ft__wrapper
105
- border: none
106
-
107
- .ft__body
108
- flex-direction: row
109
-
110
- .ft__col
111
- width: 30vw
112
-
113
- .ft__col.ft__sitemap
114
- width: 60vw
115
-
116
- .ft__contact--list
117
- font-size: $font-size * .8
118
- li
119
- line-height: 4rem
120
- .address
121
- line-height: 2rem
122
-
123
- .ft__contact
124
- .site__logo
125
- width: 10vw
126
-
127
- .ft__sitemap
128
- .ft__sitemap--env-header
129
- font-size: $font-size * .9
130
- .ft__sitemap--submenu
131
- font-size: $font-size * .8
132
-
133
- .ft__base
134
- a,
135
- p
136
- font-size: $font-size * .7
137
-
138
- .legal-links
139
- flex-direction: row
140
- a
141
- &::after
142
- content: " |"
143
-
144
- &:last-child
145
- &::after
146
- content: ""
147
-
148
- .copyright
149
- &::after
150
- content: ' Limited'
151
-
152
- .ft__sitemap--header
153
- font-size: 1.8rem
154
-
155
- .ft__sitemap--submenu li a
156
- text-decoration: none
157
-
158
- .ft__sitemap--submenu
159
- li
160
- transition: .2s ease-in-out
161
-
162
- &:hover > li
163
- opacity: .5
164
-
165
- li
166
- &:hover
167
- opacity: 1
168
-
169
- .ft__sitemap--env-wrap
170
- flex-direction: row
171
-
172
- .ft__sitemap--env
173
- width: 50%
@@ -1,38 +0,0 @@
1
- // Navbar site logo
2
- // make sure we don't style any other instance so nest with .nav-brand
3
- .nav-brand
4
- @include logo-color($env-primary)
5
-
6
-
7
- // on mobile and within the clinician env we hide the other submenus and show the gaitq env .nav-group-link
8
- .pwp-group, .gaitq-group
9
- display: none
10
-
11
-
12
- @media screen and ( min-width: 768px )
13
- .pwp-group-link, .clinician-group-link
14
- display: flex
15
-
16
- .nav-group-content
17
- background-color: $env-primary
18
- border-top: 1px solid rgb(118, 133, 164)
19
-
20
- .clinician-group
21
- display: flex
22
- align-items: center
23
- width: 100vw
24
- height: 15vh
25
- left: 0
26
- flex-direction: row
27
-
28
- .nav-group-container
29
-
30
-
31
- .nav-link
32
- font-weight: 400
33
- color: $env-primary
34
- text-transform: uppercase
35
- padding: 1rem 3rem
36
- &:not(.current--url)
37
- &:hover
38
- text-decoration: underline
@@ -1,19 +0,0 @@
1
-
2
-
3
- // Here we only deal with navigation within env: landing
4
-
5
- // We dont include any navbar on the landing page. See _includes/naviagtion/global.html
6
-
7
- // Navbar site logo
8
- // make sure we don't style any other instance so nest with .nav-brand
9
- .nav-brand
10
- @include logo-color($white)
11
- height: 14rem
12
- transform: translateY(15vh)
13
-
14
- @media screen and ( min-width: 1024px )
15
- .nav-brand
16
- transform: translateY(-7.5vh)
17
-
18
- .social-media
19
- display: none
@@ -1,22 +0,0 @@
1
- ---
2
- ---
3
-
4
- $baseurl: '{{ site.baseurl }}/'
5
-
6
- @import '_variables'
7
-
8
- @import '_mixins'
9
-
10
- @import 'colors/_variables'
11
-
12
- @import 'navigation/_variables'
13
-
14
- @import 'colors/env/_pwp'
15
-
16
- @import 'typography/_variables'
17
-
18
- @import 'env/pwp'
19
-
20
- @import 'about'
21
-
22
- @import 'breakpoints/about'
@@ -1,12 +0,0 @@
1
- ---
2
- ---
3
-
4
- @import "typography/_variables"
5
-
6
- @import "colors/_variables"
7
-
8
- @import "colors/env/_clinician"
9
-
10
- @import "navigation/_variables"
11
-
12
- @import "feed"
@@ -1,34 +0,0 @@
1
- ---
2
- ---
3
-
4
- // Site wide styling
5
-
6
- @import '_variables'
7
-
8
- @import '_mixins'
9
-
10
- @import 'typography/_variables'
11
-
12
- @import 'colors/_variables'
13
-
14
- @import 'typography/resets'
15
-
16
- @import 'typography/branding'
17
-
18
- // Navigation --> structural only
19
-
20
- @import 'navigation/_variables'
21
-
22
- @import 'navigation/global'
23
-
24
- @import 'navigation/burger'
25
-
26
- @import 'navigation/breakpoints/1024'
27
-
28
- // Footer
29
-
30
- @import 'footer_full'
31
-
32
- @import 'aos-overrides'
33
-
34
- @import 'global'
Binary file