futuro 1.0.7 → 1.1.2

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 (75) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/html/assign/page.liquid +2 -1
  3. data/_includes/html/assign/site.liquid +30 -21
  4. data/_includes/html/layout/footer.liquid +5 -1
  5. data/_includes/html/overlay/browse/page.liquid +1 -1
  6. data/_includes/html/page/content/loop/screen/header.liquid +45 -2
  7. data/_includes/html/page/footnote.liquid +4 -2
  8. data/_includes/html/page/header.liquid +1 -2
  9. data/_includes/html/page/layout/home.liquid +17 -7
  10. data/_includes/html/page/topbar.liquid +28 -17
  11. data/_includes/html/page/topbar/navigation/link.liquid +22 -0
  12. data/_includes/html/site/scroller.liquid +1 -1
  13. data/_includes/svg/site/icon.liquid +39 -19
  14. data/_sass/_button.scss +4 -4
  15. data/_sass/area/chapter.scss +2 -1
  16. data/_sass/area/page.scss +1 -1
  17. data/_sass/area/topbar.scss +1 -1
  18. data/_sass/block/chart.scss +2 -1
  19. data/_sass/block/form/screen.scss +62 -29
  20. data/_sass/block/util.scss +3 -0
  21. data/_sass/futuro.core.scss +5 -1
  22. data/_sass/helpers/extends.scss +0 -17
  23. data/_sass/helpers/mixins/layout.scss +0 -1
  24. data/_sass/helpers/mixins/theme.scss +111 -118
  25. data/_sass/helpers/themes.scss +14 -13
  26. data/_sass/helpers/variables.scss +24 -226
  27. data/_sass/helpers/variables/colors.scss +290 -0
  28. data/_sass/item/scroller.scss +0 -1
  29. data/_sass/link/book.scss +8 -6
  30. data/_sass/link/navigation.scss +11 -7
  31. data/_sass/link/scroller.scss +4 -0
  32. data/_sass/title/book.scss +9 -0
  33. data/_sass/title/page.scss +2 -0
  34. data/_sass/title/type.scss +1 -0
  35. data/_sass/wrap/switch.scss +12 -0
  36. data/assets/js/footer/custom/1_Settings.js +1 -2
  37. data/assets/js/footer/custom/2_Check.width.js +6 -23
  38. data/assets/js/footer/custom/4_Setup.home.js +3 -1
  39. data/assets/js/footer/custom/4_Setup.overlays.js +56 -56
  40. data/assets/js/footer/custom/4_Start.browse.js +3 -67
  41. data/assets/js/footer/custom/5_Util.share.js +0 -75
  42. data/assets/js/footer/custom/5_WhatsOn.js +7 -7
  43. data/assets/js/footer/custom/5_button.func.reset.js +15 -0
  44. data/assets/js/footer/custom/5_button.func.submit.js +39 -0
  45. data/assets/js/footer/custom/5_button.func.switch.js +26 -0
  46. data/assets/js/footer/custom/5_button.func.update.js +39 -0
  47. data/assets/js/footer/custom/5_respond.scroller.js +11 -0
  48. data/assets/js/footer/vendor/futuro/browsr.js +269 -0
  49. data/assets/js/footer/vendor/futuro/checkr.js +41 -0
  50. data/assets/js/footer/vendor/futuro/ovrly.js +102 -0
  51. data/assets/js/footer/vendor/{gsap-draw.js → gsap/draw.js} +0 -0
  52. data/assets/js/footer/vendor/{gsap-morph.js → gsap/morph.js} +0 -0
  53. data/assets/js/footer/vendor/{gsap-scramble.js → gsap/scramble.js} +0 -0
  54. data/assets/js/footer/vendor/gsap/scroll.js +11 -0
  55. data/assets/js/footer/vendor/{gsap-text.js → gsap/text.js} +0 -0
  56. data/assets/js/footer/vendor/{jquery.min.js → jquery.js} +0 -0
  57. data/assets/js/footer/vendor/{parsley.min.js → parsley.js} +0 -0
  58. data/assets/js/futuro.footer.custom.js +1 -1
  59. data/assets/js/futuro.footer.vendor.js +426 -314
  60. data/assets/js/futuro.header.custom.js +1 -1
  61. data/assets/js/futuro.header.legacy.js +4 -3
  62. data/assets/js/futuro.header.legacy.shopify.js +4 -3
  63. data/assets/js/futuro.header.vendor.js +4 -3
  64. data/assets/js/header/custom/1_Settings.js +8 -2
  65. data/assets/js/header/custom/2_Site.js +1 -3
  66. data/assets/js/header/vendor/gsap.js +4 -3
  67. metadata +22 -16
  68. data/_includes/svg/site/book/orwell.svg +0 -1
  69. data/_includes/svg/site/book/woolf.svg +0 -1
  70. data/assets/js/footer/custom/3_Setup.browse.js +0 -298
  71. data/assets/js/footer/custom/5_Animate.scroller.js +0 -11
  72. data/assets/js/footer/custom/5_Respond.browse.js +0 -42
  73. data/assets/js/footer/custom/5_Switch.button.js +0 -97
  74. data/assets/js/footer/vendor/scrollmagic-gsap.js +0 -310
  75. data/assets/js/footer/vendor/scrollmagic.js +0 -3
@@ -1,14 +1,15 @@
1
1
 
2
- // ThemeBook | $name | $col
3
-
4
- @include ThemeBook("orwell",blue);
5
-
6
- @include ThemeBook("woolf",green);
7
-
8
- // ThemeCover | $name | $col | $left | $chapter
9
-
10
- @include ThemeCover("animal",blue,false,true);
11
-
12
- // ThemePages | $name | $col | $right | $chapter
13
-
14
- @include ThemePages("animal",blue,false,true);
2
+ $books : (
3
+ "orwell" : (
4
+ colour : "success"
5
+ ),
6
+ "woolf" : (
7
+ colour : "error"
8
+ )
9
+ );
10
+
11
+ @each $book, $map in $books {
12
+ @include ThemeBook ($book, map-get($map,colour));
13
+ @include ThemeCover ($book, false, map-get($map,colour));
14
+ @include ThemePages ($book, false, map-get($map,colour), map-get($map,info));
15
+ }
@@ -1,29 +1,4 @@
1
1
 
2
- // https://stackoverflow.com/questions/27740063/merge-multiple-sass-maps
3
-
4
- // Function for collecting multiple maps;
5
-
6
- @function map-collect($maps...) {
7
- $collection: ();
8
-
9
- @each $map in $maps {
10
- $collection: map-merge($collection, $map);
11
- }
12
- @return $collection;
13
- }
14
-
15
- // $color: map-collect($color-name, $color-event, $color-category);
16
-
17
- // Function for shorter usage of map-get();
18
-
19
- @function setcolor($scheme, $tone: base) {
20
-
21
- @return map-get(map-get($colormap, $scheme), $tone);
22
-
23
- }
24
-
25
- // color: setcolor(brown, light);
26
-
27
2
  $site : (
28
3
  padding : 50px
29
4
  );
@@ -34,9 +9,22 @@ $topbar : (
34
9
  );
35
10
 
36
11
  $book : (
37
- large : 110px,
38
- medium : 90px,
39
- small : 75px
12
+
13
+ large : (
14
+ title : 5.6rem,
15
+ width : 110px
16
+ ),
17
+
18
+ medium : (
19
+ title : 5.6rem,
20
+ width : 90px
21
+ ),
22
+
23
+ small : (
24
+ title : 5.6rem,
25
+ width : 75px
26
+ )
27
+
40
28
  );
41
29
 
42
30
  $query : (
@@ -53,205 +41,15 @@ $query : (
53
41
  min1024 : 'only screen and (min-width: 1024px)'
54
42
  );
55
43
 
56
- $colormap : (
57
-
58
- error : (
59
- base : #B94A48, // untested
60
- dark : darken(#B94A48,10%), // untested
61
- light : lighten(#B94A48,23%), // untested
62
- xlight : lighten(#B94A48,46%) // untested
63
- ),
64
-
65
- success : (
66
- base : #468847, // untested
67
- dark : darken(#468847,10%), // untested
68
- light : lighten(#468847,26%), // untested
69
- xlight : lighten(#468847,52%) // untested
70
- ),
71
-
72
- level : (
73
- a : #e61717,
74
- b : #0099e6,
75
- c : #ff8001,
76
- d : #3bb300,
77
- e : #8b3788,
78
- f : #e60073,
79
- g : #b35900,
80
- y : #ffaa00,
81
- l : #b8b8b8
82
- ),
83
-
84
- system : (
85
- base : #6e46a0
86
- ),
87
-
88
- brand : (
89
- base : #ff8200
90
- ),
91
-
92
- supply : (
93
- base : #f00a0a
94
- ),
95
-
96
- demo : (
97
- base : #005a9b
98
- ),
99
-
100
- theatre : (
101
- base : #019fc6
102
- ),
103
-
104
- talks : (
105
- base : #ff9000
106
- ),
107
-
108
- music : (
109
- base : #dc3636
110
- ),
111
-
112
- classical : (
113
- base : #bf8f3a
114
- ),
115
-
116
- cinema : (
117
- base : #259d31
118
- ),
119
-
120
- tours : (
121
- base : #718ab2
122
- ),
123
-
124
- hire : (
125
- base : #412f79, // untested
126
- dark : darken(#412f79,0%), // untested
127
- light : lighten(#412f79,32%), // untested
128
- xlight : lighten(#412f79,64%) // untested
129
- ),
130
-
131
- members : (
132
- base : #5d91e5, // untested
133
- dark : darken(#5d91e5,10%), // untested
134
- light : lighten(#5d91e5,18%), // untested
135
- xlight : lighten(#5d91e5,35%) // untested
136
- ),
137
-
138
- art : (
139
- base : #f90082
140
- ),
141
-
142
- shop : (
143
- base : #23D5B0, // untested
144
- dark : darken(#23D5B0,0%), // untested
145
- light : lighten(#23D5B0,25%), // untested
146
- xlight : lighten(#23D5B0,50%) // untested
147
- ),
148
-
149
- addicts : (
150
- base : #e6433a
151
- ),
152
-
153
- family : (
154
- base : #029ddf
155
- ),
156
-
157
- receptive : (
158
- base : #b25400
159
- ),
160
-
161
- value : (
162
- base : #5fb641
163
- ),
164
-
165
- next : (
166
- base : #ffa905
167
- ),
168
-
169
- maybe : (
170
- base : #974597
171
- ),
172
-
173
- paradise : (
174
- base : #e8396c,
175
- dark : darken(#e8396c,10%), // untested
176
- light : lighten(#e8396c,20%), // untested
177
- xlight : lighten(#e8396c,40%) // untested
178
- ),
179
-
180
- artforall : (
181
- base : #f9ae00
182
- ),
183
-
184
- park : (
185
- base : #009640
186
- ),
187
-
188
- news : (
189
- base : #009fe3
190
- ),
191
-
192
- green : (
193
- base : #259d31
194
- ),
195
-
196
- generic : (
197
- base : #fe5900,
198
- dark : darken(#fe5900,10%),
199
- light : lighten(#fe5900,24%),
200
- xlight : lighten(#fe5900,48%)
201
- ),
202
-
203
- dodgers : (
204
- base : #0092FF,
205
- dark : darken(#0092FF,10%),
206
- light : lighten(#0092FF,24%),
207
- xlight : lighten(#0092FF,48%)
208
- ),
209
-
210
- smoke : (
211
- base : #E6E6E6,
212
- dark : darken(#E6E6E6,10%),
213
- light : lighten(#E6E6E6,50%),
214
- xlight : lighten(#E6E6E6,75%)
215
- ),
216
-
217
- gray : (
218
- base : #CCCCCC,
219
- dark : darken(#CCCCCC,10%),
220
- light : lighten(#CCCCCC,50%),
221
- xlight : lighten(#CCCCCC,75%)
222
- ),
223
-
224
- gun : (
225
- base : #666666, // untested
226
- dark : darken(#666666,10%), // untested
227
- light : lighten(#666666,32%), // untested
228
- xlight : lighten(#666666,56%) // untested
229
- ),
230
-
231
- slate : (
232
- base : #333333, // tested
233
- dark : darken(#333333,10%), // tested
234
- light : lighten(#333333,50%), // tested
235
- xlight : lighten(#333333,75%) // tested
236
- ),
44
+ $BigGap : map-get($topbar,height) + map-get($site,padding);
45
+ $SmallGap : 20px;
46
+ $radius : 4px;
237
47
 
238
- carbon : (
239
- base : #1A1A1A,
240
- dark : darken(#1A1A1A,10%),
241
- light : lighten(#1A1A1A,50%),
242
- xlight : lighten(#1A1A1A,75%)
243
- ),
48
+ // https://stackoverflow.com/questions/27740063/merge-multiple-sass-maps
49
+ // function for more concise usage of map-get()
244
50
 
245
- coal : (
246
- base : #0D0D0D,
247
- dark : darken(#0D0D0D,10%),
248
- light : lighten(#0D0D0D,50%),
249
- xlight : lighten(#0D0D0D,75%)
250
- )
51
+ @function getbook($size, $value) {
251
52
 
252
- );
53
+ @return map-get(map-get($book, $size), $value);
253
54
 
254
- $radius : 4px;
255
- $NavBorder : 1px solid setcolor(gray);
256
- $BigGap : map-get($topbar,height) + map-get($site,padding);
257
- $SmallGap : 20px;
55
+ }
@@ -0,0 +1,290 @@
1
+
2
+ // https://stackoverflow.com/questions/27740063/merge-multiple-sass-maps
3
+ // function for collecting multiple sass maps
4
+
5
+ @function map-collect($maps...) {
6
+ $collection: ();
7
+
8
+ @each $map in $maps {
9
+ $collection: map-merge($collection, $map);
10
+ }
11
+
12
+ @return $collection;
13
+ }
14
+
15
+ $ux-colors : (
16
+
17
+ generic : (
18
+ base : #fe5900,
19
+ dark : darken(#fe5900,10%),
20
+ light : lighten(#fe5900,24%),
21
+ xlight : lighten(#fe5900,48%)
22
+ ),
23
+
24
+ dodgers : (
25
+ base : #0092FF,
26
+ dark : darken(#0092FF,10%),
27
+ light : lighten(#0092FF,24%),
28
+ xlight : lighten(#0092FF,48%)
29
+ ),
30
+
31
+ error : (
32
+ base : #e61717, // untested
33
+ dark : darken(#e61717,10%), // untested
34
+ light : lighten(#e61717,23%), // untested
35
+ xlight : lighten(#e61717,46%) // untested
36
+ ),
37
+
38
+ success : (
39
+ base : #468847, // untested
40
+ dark : darken(#468847,10%), // untested
41
+ light : lighten(#468847,26%), // untested
42
+ xlight : lighten(#468847,52%) // untested
43
+ )
44
+
45
+ );
46
+
47
+ $tier-colors : (
48
+
49
+ level_a : (
50
+ base : #e61717
51
+ ),
52
+
53
+ level_b : (
54
+ base : #0099e6
55
+ ),
56
+
57
+ level_c : (
58
+ base : #ff8001
59
+ ),
60
+
61
+ level_d : (
62
+ base : #3bb300
63
+ ),
64
+
65
+ level_e : (
66
+ base : #8b3788
67
+ ),
68
+
69
+ level_f : (
70
+ base : #e60073
71
+ ),
72
+
73
+ level_g : (
74
+ base : #b35900
75
+ ),
76
+
77
+ level_y : (
78
+ base : #ffaa00
79
+ ),
80
+
81
+ level_l : (
82
+ base : #b8b8b8
83
+ )
84
+
85
+ );
86
+
87
+ $artform-colors : (
88
+
89
+ theatre : (
90
+ base : #019fc6
91
+ ),
92
+
93
+ talks : (
94
+ base : #ff9000
95
+ ),
96
+
97
+ music : (
98
+ base : #dc3636
99
+ ),
100
+
101
+ classical : (
102
+ base : #bf8f3a
103
+ ),
104
+
105
+ cinema : (
106
+ base : #259d31
107
+ ),
108
+
109
+ tours : (
110
+ base : #718ab2
111
+ ),
112
+
113
+ hire : (
114
+ base : #412f79, // untested
115
+ dark : darken(#412f79,0%), // untested
116
+ light : lighten(#412f79,32%), // untested
117
+ xlight : lighten(#412f79,64%) // untested
118
+ ),
119
+
120
+ members : (
121
+ base : #5d91e5, // untested
122
+ dark : darken(#5d91e5,10%), // untested
123
+ light : lighten(#5d91e5,18%), // untested
124
+ xlight : lighten(#5d91e5,35%) // untested
125
+ ),
126
+
127
+ art : (
128
+ base : #f90082
129
+ ),
130
+
131
+ shop : (
132
+ base : #23D5B0, // untested
133
+ dark : darken(#23D5B0,0%), // untested
134
+ light : lighten(#23D5B0,25%), // untested
135
+ xlight : lighten(#23D5B0,50%) // untested
136
+ )
137
+
138
+ );
139
+
140
+ $mindset-colors : (
141
+
142
+ addicts : (
143
+ base : #e6433a,
144
+ dark : darken(#e6433a,10%), // untested
145
+ light : lighten(#e6433a,20%), // untested
146
+ xlight : lighten(#e6433a,40%) // untested
147
+ ),
148
+
149
+ family : (
150
+ base : #029ddf,
151
+ dark : darken(#029ddf,10%), // untested
152
+ light : lighten(#029ddf,20%), // untested
153
+ xlight : lighten(#029ddf,40%) // untested
154
+ ),
155
+
156
+ receptive : (
157
+ base : #b25400,
158
+ dark : darken(#b25400,10%), // untested
159
+ light : lighten(#b25400,20%), // untested
160
+ xlight : lighten(#b25400,40%) // untested
161
+ ),
162
+
163
+ value : (
164
+ base : #5fb641,
165
+ dark : darken(#5fb641,10%), // untested
166
+ light : lighten(#5fb641,20%), // untested
167
+ xlight : lighten(#5fb641,40%) // untested
168
+ ),
169
+
170
+ next : (
171
+ base : #ffa905,
172
+ dark : darken(#ffa905,10%), // untested
173
+ light : lighten(#ffa905,20%), // untested
174
+ xlight : lighten(#ffa905,40%) // untested
175
+ ),
176
+
177
+ maybe : (
178
+ base : #974597,
179
+ dark : darken(#974597,10%), // untested
180
+ light : lighten(#974597,20%), // untested
181
+ xlight : lighten(#974597,40%) // untested
182
+ )
183
+
184
+ );
185
+
186
+ $wgp-colors : (
187
+
188
+ paradise : (
189
+ base : #e8396c,
190
+ dark : darken(#e8396c,10%), // untested
191
+ light : lighten(#e8396c,20%), // untested
192
+ xlight : lighten(#e8396c,40%) // untested
193
+ ),
194
+
195
+ artforall : (
196
+ base : #f9ae00
197
+ ),
198
+
199
+ park : (
200
+ base : #009640
201
+ ),
202
+
203
+ news : (
204
+ base : #009fe3
205
+ )
206
+
207
+ );
208
+
209
+ $design-colors : (
210
+
211
+ system : (
212
+ base : #6e46a0
213
+ ),
214
+
215
+ brand : (
216
+ base : #ff8200
217
+ ),
218
+
219
+ supply : (
220
+ base : #f00a0a
221
+ ),
222
+
223
+ demo : (
224
+ base : #005a9b
225
+ )
226
+
227
+ );
228
+
229
+ $gradient-colors : (
230
+
231
+ smoke : (
232
+ base : #E6E6E6,
233
+ dark : darken(#E6E6E6,10%),
234
+ light : lighten(#E6E6E6,50%),
235
+ xlight : lighten(#E6E6E6,75%)
236
+ ),
237
+
238
+ gray : (
239
+ base : #CCCCCC,
240
+ dark : darken(#CCCCCC,10%),
241
+ light : lighten(#CCCCCC,50%),
242
+ xlight : lighten(#CCCCCC,75%)
243
+ ),
244
+
245
+ gun : (
246
+ base : #666666, // untested
247
+ dark : darken(#666666,10%), // untested
248
+ light : lighten(#666666,32%), // untested
249
+ xlight : lighten(#666666,56%) // untested
250
+ ),
251
+
252
+ slate : (
253
+ base : #333333, // tested
254
+ dark : darken(#333333,10%), // tested
255
+ light : lighten(#333333,50%), // tested
256
+ xlight : lighten(#333333,75%) // tested
257
+ ),
258
+
259
+ carbon : (
260
+ base : #1A1A1A,
261
+ dark : darken(#1A1A1A,10%),
262
+ light : lighten(#1A1A1A,50%),
263
+ xlight : lighten(#1A1A1A,75%)
264
+ ),
265
+
266
+ coal : (
267
+ base : #0D0D0D,
268
+ dark : darken(#0D0D0D,10%),
269
+ light : lighten(#0D0D0D,50%),
270
+ xlight : lighten(#0D0D0D,75%)
271
+ )
272
+
273
+ );
274
+
275
+ $colormap : map-collect($ux-colors,
276
+ $tier-colors,
277
+ $artform-colors,
278
+ $mindset-colors,
279
+ $wgp-colors,
280
+ $design-colors,
281
+ $gradient-colors);
282
+
283
+ // https://stackoverflow.com/questions/27740063/merge-multiple-sass-maps
284
+ // function for more concise usage of map-get()
285
+
286
+ @function setcolor($scheme, $tone: base) {
287
+
288
+ @return map-get(map-get($colormap, $scheme), $tone);
289
+
290
+ }