slow-steps 0.2.0 → 0.3.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (88) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/_config.yml +3 -3
  4. data/_includes/footer/footer.html +64 -7
  5. data/_includes/footer/footer_redesign.html +107 -0
  6. data/_includes/forms/mc-register.html +126 -108
  7. data/_includes/functions/pull_page_args.html +3 -3
  8. data/_includes/head/descriptors/og-meta.html +0 -1
  9. data/_includes/head/descriptors/structured-data.html +3 -3
  10. data/_includes/head/descriptors/twitter-meta.html +1 -1
  11. data/_includes/head/head.html +11 -32
  12. data/_includes/head/stylesheets.html +20 -0
  13. data/_includes/image-post.html +1 -1
  14. data/_includes/navigation/global.html +56 -57
  15. data/_includes/scripts.html +9 -8
  16. data/_includes/vimeoPlayer.html +1 -2
  17. data/_layouts/about.html +6 -1
  18. data/_layouts/default.html +1 -1
  19. data/_layouts/env/clinician.html +2 -2
  20. data/_layouts/env/landing.html +4 -4
  21. data/_layouts/faq.html +3 -0
  22. data/_layouts/feed.html +1 -1
  23. data/_layouts/post.html +1 -1
  24. data/_sass/_colors/README.md +27 -0
  25. data/_sass/_colors/_clinician.sass +7 -0
  26. data/_sass/_colors/_mixins.sass +14 -0
  27. data/_sass/_colors/_pwp.sass +6 -0
  28. data/_sass/{colors → _colors}/_variables.sass +8 -17
  29. data/_sass/_colors/collection.sass +3 -0
  30. data/_sass/_functions.sass +9 -0
  31. data/_sass/_mixins.sass +17 -7
  32. data/_sass/about.sass +9 -6
  33. data/_sass/breakpoints/about.sass +15 -6
  34. data/_sass/collage.sass +2 -1
  35. data/_sass/contact.sass +10 -41
  36. data/_sass/env/clinician.sass +3 -1
  37. data/_sass/env/landing.sass +25 -10
  38. data/_sass/env/pwp.sass +4 -1
  39. data/_sass/faq.sass +11 -3
  40. data/_sass/feed.sass +4 -3
  41. data/_sass/footer.sass +174 -14
  42. data/_sass/footer_redesign.sass +351 -0
  43. data/_sass/forms/mc-forms.sass +3 -3
  44. data/_sass/global.sass +55 -22
  45. data/_sass/navigation/README.md +35 -0
  46. data/_sass/navigation/_variables.sass +8 -9
  47. data/_sass/navigation/{global.sass → base.sass} +34 -24
  48. data/_sass/navigation/breakpoints/1024.sass +44 -20
  49. data/_sass/navigation/burger.sass +9 -3
  50. data/_sass/navigation/clinician.sass +31 -0
  51. data/_sass/navigation/collection.sass +9 -0
  52. data/_sass/navigation/colors.sass +8 -0
  53. data/_sass/navigation/no-nav.sass +32 -0
  54. data/_sass/navigation/{env/pwp.sass → pwp.sass} +12 -16
  55. data/_sass/post.sass +1 -1
  56. data/_sass/typography/_variables.sass +6 -2
  57. data/_sass/typography/resets.sass +2 -2
  58. data/assets/css/env/gaitq_clinician.sass +24 -8
  59. data/assets/css/env/gaitq_landing.sass +21 -3
  60. data/assets/css/env/gaitq_pwp.sass +28 -8
  61. data/assets/css/gaitq_errors.sass +21 -3
  62. data/assets/css/gaitq_post.sass +5 -5
  63. data/assets/js/mobile-nav-slider.js +1 -1
  64. metadata +20 -31
  65. data/_includes/footer/footer_full.html +0 -79
  66. data/_includes/head/env/conditional.html +0 -2
  67. data/_sass/colors/breakpoints/1024.sass +0 -20
  68. data/_sass/colors/burger.sass +0 -22
  69. data/_sass/colors/env/_clinician.sass +0 -16
  70. data/_sass/colors/env/_pwp.sass +0 -16
  71. data/_sass/colors/global.sass +0 -2
  72. data/_sass/colors/navigation.sass +0 -13
  73. data/_sass/footer_full.sass +0 -173
  74. data/_sass/navigation/env/clinician.sass +0 -38
  75. data/_sass/navigation/env/landing.sass +0 -19
  76. data/assets/css/gaitq_about.sass +0 -22
  77. data/assets/css/gaitq_feed.sass +0 -12
  78. data/assets/css/gaitq_global.sass +0 -34
  79. data/assets/fonts/.DS_Store +0 -0
  80. data/assets/fonts/Quicksand/OFL.txt +0 -93
  81. data/assets/fonts/Quicksand/Quicksand-VariableFont_wght.ttf +0 -0
  82. data/assets/fonts/Quicksand/README.txt +0 -67
  83. data/assets/fonts/Quicksand/static/Quicksand-Bold.ttf +0 -0
  84. data/assets/fonts/Quicksand/static/Quicksand-Light.ttf +0 -0
  85. data/assets/fonts/Quicksand/static/Quicksand-Medium.ttf +0 -0
  86. data/assets/fonts/Quicksand/static/Quicksand-Regular.ttf +0 -0
  87. data/assets/fonts/Quicksand/static/Quicksand-SemiBold.ttf +0 -0
  88. data/assets/fonts/fontawesome-free-5.11.2-web/.DS_Store +0 -0
data/_sass/env/pwp.sass CHANGED
@@ -6,6 +6,8 @@
6
6
  *
7
7
  */
8
8
 
9
+ $hero-follow-top: 4.5vh
10
+
9
11
  .image__filter--blur
10
12
  @include image-filter--blur
11
13
 
@@ -26,7 +28,8 @@
26
28
 
27
29
  .hero__follow
28
30
  background-color: $env-primary
29
- bottom: 4.5vh
31
+ bottom: $hero-follow-top
32
+ bottom: calc(var(--vh, 1vh) * #{strip-unit($hero-follow-top)})
30
33
 
31
34
  .segment__wrap
32
35
  display: flex
data/_sass/faq.sass CHANGED
@@ -8,20 +8,21 @@
8
8
  border: solid 1px rgba($env-primary, .4)
9
9
  margin: 2rem auto
10
10
  border-radius: 4px
11
- width: 60%
11
+ width: 90%
12
+ z-index: 9997
12
13
 
13
14
  .faq__question
14
15
  display: flex
15
16
  justify-content: space-between
16
17
  width: 100%
17
18
  padding: 1rem 0
18
- background-color: rgba($opd-blue-trust, .2)
19
+ background-color: rgba($opd-light-blue, .2)
19
20
  border-radius: 4px
20
21
  cursor: pointer
21
22
  transition: .2s ease-in-out
22
23
 
23
24
  &:hover
24
- background-color: rgba($opd-blue-trust, 1)
25
+ background-color: rgba($opd-light-blue, 1)
25
26
 
26
27
  & > .faq__question--title
27
28
  padding-left: 1rem
@@ -31,6 +32,7 @@
31
32
  transition: .4s ease-in-out
32
33
 
33
34
  .faq__answer
35
+ height: 0
34
36
  max-height: 0
35
37
  overflow: hidden
36
38
  transition: .4s ease-in-out
@@ -39,6 +41,7 @@
39
41
  padding: 1rem
40
42
 
41
43
  .faq__answer--reveal
44
+ height: 100%
42
45
  max-height: 1000px
43
46
  transition: .6s ease-in-out
44
47
 
@@ -60,3 +63,8 @@
60
63
  text-align: center
61
64
  padding: 4rem 0
62
65
  color: $white
66
+
67
+ @media screen and ( min-width: 1024px )
68
+ .faq__panel
69
+ width: 60%
70
+ max-width: 800px
data/_sass/feed.sass CHANGED
@@ -6,6 +6,7 @@
6
6
  width: 80vw
7
7
  max-width: 1200px
8
8
  margin: auto
9
+ color: $env-primary
9
10
 
10
11
 
11
12
  .post__feed
@@ -54,7 +55,7 @@
54
55
 
55
56
  .feed__card--text
56
57
  padding: 2rem 0
57
- color: $opd-blue-confidence
58
+ color: $opd-blue
58
59
  font-size: $font-size
59
60
 
60
61
  .feed__card--link
@@ -64,13 +65,13 @@
64
65
 
65
66
  .feed__card--title
66
67
  transition: .2s ease-in-out
67
- font-weight: 600
68
+ font-weight: $heavy-font
68
69
 
69
70
  .feed__card--meta
70
71
  font-size: $font-size * .5
71
72
  padding: 0
72
73
  & > span
73
- font-weight: 600
74
+ font-weight: $heavy-font
74
75
 
75
76
  @media screen and ( min-width: 768px )
76
77
 
data/_sass/footer.sass CHANGED
@@ -1,23 +1,183 @@
1
- .ft__wrap
2
- max-width: 100vw
3
- background-color: $opd-grey-neutral
4
- padding: 3rem 2rem
1
+
2
+
3
+ .ft__wrapper
4
+ @include footer-bg($opd-blue)
5
+ border-top: solid 1px $white
6
+ color: $white
7
+ display: flex
8
+ flex-wrap: wrap
9
+ padding: 5vh 5vw
10
+
11
+ .social-media-link
12
+ font-size: $font-size
13
+ padding-right: $sm-font-size
14
+ //color: $white
15
+
16
+
17
+ .ft__head
18
+ display: flex
19
+ margin: 5vh 5vw
20
+ width: 100%
21
+
22
+ .ft__body
23
+ display: flex
24
+ flex-direction: column-reverse
25
+ flex-wrap: wrap
26
+ margin: 5vh 0
27
+ width: 90vw
28
+
29
+ .ft__col
30
+ //border-left: solid 1px rgba($opd-light-blue, .05)
31
+ box-sizing: border-box
32
+ padding: 0 5vw
33
+ width: 90vw
34
+
35
+ .ft__contact--list
36
+ display: block
37
+ font-size: $font-size * .8
38
+ list-style: none
39
+ padding: 0
40
+ text-decoration: none
41
+ li
42
+ line-height: 5rem
43
+ .address
44
+ line-height: 2.5rem
45
+
46
+ .ft__contact
47
+ .site__logo
48
+ @include logo-color($white)
49
+ width: 40vw
50
+
51
+ .ft__sitemap
52
+ .ft__sitemap--env-header
53
+ font-size: $font-size * 1
54
+ font-weight: $heavy-font
55
+ .ft__sitemap--submenu
56
+ font-size: $font-size * .8
5
57
 
6
58
  .ft__base
7
- font-size: 1rem
59
+ align-items: center
60
+ border-top: solid 1px $opd-light-blue
8
61
  display: flex
9
- flex-direction: row
10
- justify-content: space-between
62
+ flex-wrap: wrap
11
63
 
12
- .legal-links, .owner-links
64
+ justify-content: space-around
65
+ min-width: 100%
66
+ width: 100%
67
+ a,
68
+ p
69
+ color: inherit
70
+ font-size: $font-size * .7
71
+ margin: 0
72
+ padding: .5rem .1rem
73
+ text-decoration: none
74
+
75
+ .legal-links
13
76
  display: flex
14
77
  flex-direction: column
15
78
  justify-content: space-between
16
- a
79
+
80
+ .ft__sitemap--header
81
+ border-bottom: 1px solid $opd-light-blue
82
+ color: $pure-white
83
+ font-size: 2rem
84
+ font-weight: $heavy-font
85
+ margin-bottom: 3rem
86
+ width: 100%
87
+
88
+ .ft__sitemap--menu,
89
+ .ft__sitemap--submenu
90
+ padding: 0
91
+ width: 100%
92
+
93
+ .ft__sitemap--submenu
94
+ padding-bottom: 2rem
95
+ li
96
+ display: block
97
+ line-height: 3rem
98
+ list-style: none
99
+
100
+ .ft--link
101
+ color: $pure-white
102
+
103
+ .ft__sitemap--env-wrap
104
+ display: flex
105
+ flex-direction: column
106
+ flex-wrap: wrap
107
+
108
+ .ft__sitemap--env
109
+ width: 100%
110
+
111
+ @media screen and ( min-width: 768px )
112
+
113
+ .ft__wrapper
114
+ border: none
115
+
116
+ .ft__body
117
+ flex-direction: row
118
+
119
+ .ft__col
120
+ width: 20vw
121
+
122
+ .ft__col.ft__sitemap
123
+ width: 60vw
124
+
125
+ .ft__contact--list
126
+ font-size: $font-size * .8
127
+ li
128
+ line-height: 4rem
129
+ .address
130
+ line-height: 2rem
131
+
132
+ .ft__contact
133
+ .site__logo
134
+ width: 10vw
135
+
136
+ .ft__sitemap
137
+ .ft__sitemap--env-header
138
+ font-size: $font-size * .9
139
+ .ft__sitemap--submenu
140
+ font-size: $font-size * .8
141
+
142
+ .ft__base
143
+ justify-content: space-between
144
+ a,
145
+ p
146
+ font-size: $font-size * .7
147
+
148
+ .legal-links
149
+ flex-direction: row
150
+ a
151
+ &::after
152
+ content: " |"
153
+
154
+ &:last-child
155
+ &::after
156
+ content: ""
157
+
158
+ .copyright
159
+ &::after
160
+ content: ' Ltd.'
161
+
162
+ .ft__sitemap--header
163
+ font-size: 1.8rem
164
+
165
+ .ft__sitemap--submenu li a
17
166
  text-decoration: none
18
- color: $black
19
- a, p
20
- padding: .4rem 0
21
167
 
22
- .legal-links
23
- text-align: right
168
+ .ft__sitemap--submenu
169
+ li
170
+ transition: .2s ease-in-out
171
+
172
+ &:hover > li
173
+ opacity: .5
174
+
175
+ li
176
+ &:hover
177
+ opacity: 1
178
+
179
+ .ft__sitemap--env-wrap
180
+ flex-direction: row
181
+
182
+ .ft__sitemap--env
183
+ width: 50%
data/_sass/footer_redesign.sass ADDED
@@ -0,0 +1,351 @@
1
+ .ft__wrapper
2
+ @include footer-bg($opd-blue)
3
+ color: $white
4
+ padding: 5vh 5vw
5
+ font-size: $sm-font-size
6
+
7
+ .ft__body
8
+ display: flex
9
+ flex-direction: column-reverse
10
+ width: 100%
11
+ padding: 6rem 0
12
+ justify-content: space-between
13
+
14
+ .ft__company
15
+ display: flex
16
+
17
+ .ft__company__logo
18
+ @include logo-color($white)
19
+ padding-bottom: 3rem
20
+
21
+ & > .site__logo
22
+ height: 5rem
23
+ &::after
24
+ content: 'Limited'
25
+ position: absolute
26
+ font-size: $sm-font-size
27
+ transform: translate(-5rem, 4rem)
28
+
29
+ .ft__company__no
30
+ padding-bottom: 2rem
31
+
32
+ .ft__company__add > ul
33
+ list-style: none
34
+ padding: 0
35
+ margin: 0
36
+ text-decoration: none
37
+
38
+ .address
39
+ line-height: $font-size
40
+ & > *
41
+ padding-bottom: 1rem
42
+
43
+ .ft__sitemap
44
+
45
+ //width: 40vw
46
+
47
+ .ft__sitemap
48
+ margin-top: 6rem
49
+
50
+
51
+ .ft__sitemap--submenu
52
+ font-size: inherit
53
+
54
+
55
+ .ft__sitemap--header
56
+ border-bottom: 1px solid $opd-light-blue
57
+ margin-bottom: 3rem
58
+ width: 100%
59
+
60
+ .ft__sitemap--env-wrap
61
+ display: flex
62
+ flex-direction: column
63
+
64
+ .ft__sitemap--env
65
+ //margin-right: 8rem
66
+
67
+ .ft__sitemap--env-header
68
+ margin-bottom: 2rem
69
+
70
+ .ft__sitemap--submenu
71
+ padding: 0
72
+
73
+ li
74
+ //line-height: 2rem
75
+ list-style: none
76
+ &:last-child
77
+ @include default-trans
78
+ margin: auto
79
+ margin-top: 2rem
80
+ margin-bottom: 4rem
81
+ background-color: $opd-coral
82
+ text-align: center
83
+ padding: 1rem
84
+ width: 70vw
85
+ border-radius: 6px
86
+ cursor: pointer
87
+ text-transform: uppercase
88
+ a
89
+ text-decoration: none
90
+
91
+ .ft__sitemap--link
92
+ //text-decoration: none
93
+ color: inherit
94
+ line-height: 3rem
95
+
96
+ .ft__contact
97
+ //width: 20vw
98
+ text-align: center
99
+
100
+ .ft__contact--header
101
+ padding-bottom: 3rem
102
+
103
+ ul
104
+ list-style: none
105
+ padding: 0
106
+ margin: 0
107
+
108
+ .ft__contact--link
109
+ padding: 1rem 0
110
+
111
+ i
112
+ padding-right: 1rem
113
+
114
+ & > a
115
+ color: inherit
116
+
117
+
118
+ .social-media
119
+ padding-top: 4rem
120
+ display: flex
121
+ justify-content: space-around
122
+ i
123
+ font-size: 3rem
124
+
125
+
126
+ .ft__base
127
+
128
+ border-top: solid 1px $opd-light-blue
129
+ text-align: center
130
+
131
+ a,
132
+ p
133
+ color: inherit
134
+ font-size: $sm-font-size
135
+ margin: 0
136
+ padding: 1rem .1rem
137
+ text-decoration: none
138
+
139
+ .legal-links
140
+ display: flex
141
+ justify-content: center
142
+
143
+ flex-direction: row
144
+ a
145
+ &::after
146
+ content: " |"
147
+
148
+ &:last-child
149
+ &::after
150
+ content: ""
151
+
152
+ .copyright
153
+ &::after
154
+ content: ' Limited'
155
+
156
+ .ft__sitemap--submenu
157
+ li
158
+ transition: .2s ease-in-out
159
+
160
+ &:hover > li
161
+ opacity: .5
162
+
163
+ li
164
+ &:hover
165
+ opacity: 1
166
+
167
+
168
+ @media screen and ( min-width: 768px )
169
+
170
+ .ft__wrapper
171
+ @include footer-bg($opd-blue)
172
+ color: $white
173
+ padding: 5vh 5vw
174
+ font-size: $sm-font-size
175
+
176
+ .ft__body
177
+ display: flex
178
+ flex-direction: row
179
+ width: 90vw
180
+ padding: 10rem 0
181
+ justify-content: space-between
182
+
183
+ .ft__company
184
+ width: 20vw
185
+ display: flex
186
+
187
+ .ft__company__logo
188
+ @include logo-color($white)
189
+ padding-bottom: 3rem
190
+ & > .site__logo
191
+ height: 7rem
192
+ &::after
193
+ content: 'Limited'
194
+ position: absolute
195
+ font-size: $font-size
196
+ transform: translate(-7rem, 6rem)
197
+
198
+ .ft__company__no
199
+ padding-bottom: 2rem
200
+
201
+ .ft__company__add > ul
202
+ list-style: none
203
+ padding: 0
204
+ margin: 0
205
+ text-decoration: none
206
+
207
+ .address
208
+ line-height: $font-size + 1rem
209
+ & > *
210
+ padding-bottom: 1rem
211
+
212
+ .ft__company--link
213
+ padding: 2rem 0
214
+
215
+ & > a
216
+ text-decoration: none
217
+ color: inherit
218
+
219
+ .ft__sitemap
220
+ width: 40vw
221
+
222
+ .ft__sitemap, .ft__contact
223
+ margin-top: 9.5rem
224
+
225
+
226
+ .ft__sitemap--submenu
227
+ font-size: inherit
228
+
229
+
230
+ .ft__sitemap--header
231
+ border-bottom: 1px solid $opd-light-blue
232
+ margin-bottom: 3rem
233
+ width: 80%
234
+
235
+ .ft__sitemap--env-wrap
236
+ display: flex
237
+ flex-direction: row
238
+
239
+ .ft__sitemap--env
240
+ margin-right: 8rem
241
+
242
+ .ft__sitemap--env-header
243
+ margin-bottom: 2rem
244
+
245
+ .ft__sitemap--submenu
246
+ padding: 0
247
+
248
+ li
249
+ line-height: 3rem
250
+ list-style: none
251
+
252
+ &:last-child
253
+ margin-top: 5rem
254
+ width: auto
255
+ .ft__sitemap--link
256
+ @include default-trans
257
+ background-color: $opd-coral
258
+ border: solid 1px $opd-coral
259
+
260
+ text-align: center
261
+ padding: 2rem 3rem
262
+ width: auto
263
+ border-radius: 6px
264
+ cursor: pointer
265
+ text-transform: uppercase
266
+ &:hover
267
+ background-color: rgba($opd-coral,.3)
268
+ border: solid 1px $pure-white
269
+
270
+ .ft__sitemap--link
271
+ text-decoration: none
272
+ color: inherit
273
+ line-height: 4rem
274
+
275
+ .ft__contact
276
+ width: 20vw
277
+ text-align: left
278
+
279
+ .ft__contact--header
280
+ padding-bottom: 3rem
281
+
282
+ ul
283
+ list-style: none
284
+ padding: 0
285
+ margin: 0
286
+
287
+ .ft__contact--link
288
+ padding: 2rem 0
289
+
290
+ i
291
+ padding-right: 2rem
292
+
293
+ & > a
294
+ @include default-trans
295
+ color: inherit
296
+ text-decoration: none
297
+
298
+ &:hover > a
299
+ color: $opd-coral
300
+
301
+ .social-media
302
+ padding-top: 6rem
303
+ justify-content: flex-start
304
+ i
305
+ font-size: 4rem
306
+ padding-right: 5rem
307
+
308
+ .ft__base
309
+ align-items: center
310
+ border-top: solid 1px $opd-light-blue
311
+ display: flex
312
+ flex-wrap: wrap
313
+
314
+ justify-content: space-between
315
+ min-width: 100%
316
+ width: 100%
317
+ a,
318
+ p
319
+ color: inherit
320
+ font-size: $sm-font-size
321
+ margin: 0
322
+ padding: .5rem .1rem
323
+ text-decoration: none
324
+
325
+ .legal-links
326
+ display: flex
327
+ justify-content: space-between
328
+
329
+ flex-direction: row
330
+ a
331
+ &::after
332
+ content: " |"
333
+
334
+ &:last-child
335
+ &::after
336
+ content: ""
337
+
338
+ .copyright
339
+ &::after
340
+ content: ' Limited'
341
+
342
+ .ft__sitemap--submenu
343
+ li
344
+ transition: .2s ease-in-out
345
+
346
+ &:hover > li
347
+ opacity: .5
348
+
349
+ li
350
+ &:hover
351
+ opacity: 1