futuro 1.1.1 → 1.1.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/html/overlay/browse/page.liquid +1 -1
- data/_includes/html/page/content/loop/screen/header.liquid +45 -2
- data/_sass/block/form/screen.scss +62 -29
- data/_sass/helpers/variables/colors.scss +4 -4
- data/assets/js/footer/custom/2_Check.width.js +2 -2
- data/assets/js/footer/custom/4_Setup.home.js +3 -1
- data/assets/js/footer/custom/4_Setup.overlays.js +56 -56
- data/assets/js/footer/custom/4_Start.browse.js +3 -67
- data/assets/js/footer/custom/5_Util.share.js +0 -75
- data/assets/js/footer/custom/5_WhatsOn.js +7 -7
- data/assets/js/footer/vendor/futuro/browsr.js +269 -0
- data/assets/js/footer/vendor/futuro/checkr.js +11 -10
- data/assets/js/footer/vendor/futuro/ovrly.js +102 -0
- data/assets/js/futuro.footer.custom.js +1 -1
- data/assets/js/futuro.footer.vendor.js +384 -10
- metadata +4 -4
- data/assets/js/footer/custom/3_Setup.browse.js +0 -298
- data/assets/js/footer/custom/5_Respond.browse.js +0 -42
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f1b60a3e94053952765966508c5ecc5e8e7d06ef71dc71a16d26257ad8e16586
|
|
4
|
+
data.tar.gz: a19f2315febc1a66a5190f190dffd86ba0d26399c72aae4ee7f165f5a97ac93e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: d12a9f335ca608f3b9c2be48fe219b7d93334261d42e251b6f03452dc527b040f820107ae17b8a11245f2f593039596599e4f38ffef0b3171b1166e7fb87c3d8
|
|
7
|
+
data.tar.gz: 93e5525a7bc28293cbb6d10454270563986116d265d9bcb99a0791aff596c2bd5f8558e71dccbf045595cbc674e9e0563e0197a9742d17c5f4cf162a9260f455
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
|
|
53
53
|
{%- endfor -%}
|
|
54
54
|
|
|
55
|
-
<a href="{{ ItemUrl }}" class="link browse-page {{ ItemPage | prepend : '
|
|
55
|
+
<a href="{{ ItemUrl }}" class="link browse-page {{ ItemPage | prepend : 'page-' }}">
|
|
56
56
|
|
|
57
57
|
{{ ItemWeight }} {% if SiteIsBook %}{{ item.title | truncate : 22 }}{% else %}{{ item.title | truncate : 13 }}{% endif %}
|
|
58
58
|
|
|
@@ -4,10 +4,11 @@
|
|
|
4
4
|
{% for item in page.screen %}
|
|
5
5
|
|
|
6
6
|
{% assign RowType = item.row.type %}
|
|
7
|
+
{% assign RowTypeClass = RowType | prepend : 'type-' %}
|
|
7
8
|
|
|
8
9
|
{% if RowType == "header" %}
|
|
9
10
|
|
|
10
|
-
<span class="block screen-row {{
|
|
11
|
+
<span class="block screen-row {{ RowTypeClass }}">
|
|
11
12
|
|
|
12
13
|
{%- if item.row.title -%}
|
|
13
14
|
|
|
@@ -36,7 +37,49 @@
|
|
|
36
37
|
{%- include {{ ContentLoop | append : 'alert.liquid' }}
|
|
37
38
|
title = item.row.title
|
|
38
39
|
type = "whatson" -%}
|
|
39
|
-
|
|
40
|
+
|
|
41
|
+
{% elsif RowType == "level" %}
|
|
42
|
+
|
|
43
|
+
<span class="block screen-row {{ RowTypeClass }}">
|
|
44
|
+
|
|
45
|
+
{%- if item.row.title -%}
|
|
46
|
+
|
|
47
|
+
<span class="block screen-title {{ RowTypeClass }}">
|
|
48
|
+
|
|
49
|
+
<!-- {{ item.row.title }} -->
|
|
50
|
+
|
|
51
|
+
</span>
|
|
52
|
+
|
|
53
|
+
{%- endif -%}
|
|
54
|
+
|
|
55
|
+
<span class="block room-list-primary">
|
|
56
|
+
|
|
57
|
+
{% for room in item.row.primary %}
|
|
58
|
+
<span class="block room-title">{{ room }}</span><br>
|
|
59
|
+
{% endfor %}
|
|
60
|
+
|
|
61
|
+
</span>
|
|
62
|
+
|
|
63
|
+
<span class="block room-list-secondary">
|
|
64
|
+
|
|
65
|
+
{% for room in item.row.secondary %}
|
|
66
|
+
<span class="block room-title">{{ room }}</span><br>
|
|
67
|
+
{% endfor %}
|
|
68
|
+
|
|
69
|
+
</span>
|
|
70
|
+
|
|
71
|
+
<span class="block tag-list">
|
|
72
|
+
|
|
73
|
+
{% assign facilities = item.row.tags | split : " " %}
|
|
74
|
+
|
|
75
|
+
{% for facility in facilities %}
|
|
76
|
+
<div></div>
|
|
77
|
+
{% endfor %}
|
|
78
|
+
|
|
79
|
+
</span>
|
|
80
|
+
|
|
81
|
+
</span>
|
|
82
|
+
|
|
40
83
|
{% endif %}
|
|
41
84
|
|
|
42
85
|
{% endfor %}
|
|
@@ -18,59 +18,78 @@ $title: 2.6rem;
|
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.block.screen-row {
|
|
22
|
-
grid-row-gap: $title * 0.2;
|
|
23
|
-
line-height: 1.1;
|
|
24
|
-
display: grid;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
21
|
%ScreenRow {
|
|
28
22
|
@extend %bold;
|
|
29
23
|
@include padding(5,5,4.5,5);
|
|
30
24
|
|
|
31
25
|
+ .screen-row.type-event,
|
|
26
|
+
+ .screen-row.type-level,
|
|
32
27
|
+ .screen-row.type-retail {
|
|
33
28
|
border-top: 1px solid setcolor(gun);
|
|
34
29
|
}
|
|
35
30
|
}
|
|
36
31
|
|
|
37
|
-
.block.screen-row
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
color: setcolor(carbon);
|
|
32
|
+
.block.screen-row {
|
|
33
|
+
grid-row-gap: $title * 0.2;
|
|
34
|
+
line-height: 1.1;
|
|
35
|
+
display: grid;
|
|
42
36
|
|
|
43
|
-
|
|
44
|
-
@extend %
|
|
37
|
+
&.type-header {
|
|
38
|
+
@extend %ScreenRow;
|
|
39
|
+
background: setcolor(smoke);
|
|
40
|
+
grid-row-gap: $title * 0.1;
|
|
41
|
+
color: setcolor(carbon);
|
|
42
|
+
|
|
43
|
+
.screen-title {
|
|
44
|
+
@extend %large;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.screen-title.small {
|
|
48
|
+
@extend %small;
|
|
49
|
+
}
|
|
45
50
|
}
|
|
46
51
|
|
|
47
|
-
|
|
48
|
-
@extend %
|
|
52
|
+
&.type-event {
|
|
53
|
+
@extend %ScreenRow;
|
|
54
|
+
background-color: setcolor(carbon);
|
|
55
|
+
color: setcolor(gray);
|
|
49
56
|
}
|
|
50
|
-
}
|
|
51
57
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
58
|
+
&.type-level {
|
|
59
|
+
@extend %ScreenRow;
|
|
60
|
+
grid-template-columns: 20fr 20fr 40fr 20fr;
|
|
61
|
+
background-color: setcolor(carbon);
|
|
62
|
+
color: setcolor(gray);
|
|
63
|
+
grid-column-gap: 1rem;
|
|
64
|
+
}
|
|
57
65
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
66
|
+
&.type-retail {
|
|
67
|
+
@extend %ScreenRow;
|
|
68
|
+
background: setcolor(slate);
|
|
69
|
+
color: setcolor(gray);
|
|
70
|
+
}
|
|
62
71
|
}
|
|
63
72
|
|
|
64
73
|
.block.screen-title {
|
|
65
74
|
font-size: $title;
|
|
66
|
-
}
|
|
67
75
|
|
|
68
|
-
|
|
69
|
-
|
|
76
|
+
&.small {
|
|
77
|
+
@extend %small;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
&:not(.small) {
|
|
81
|
+
@extend %tight;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
&.type-level {
|
|
85
|
+
font-size: 10rem;
|
|
86
|
+
line-height: 1;
|
|
87
|
+
}
|
|
70
88
|
}
|
|
71
89
|
|
|
72
|
-
.block.
|
|
90
|
+
.block.room-title {
|
|
73
91
|
@extend %small;
|
|
92
|
+
@extend %book;
|
|
74
93
|
}
|
|
75
94
|
|
|
76
95
|
.block.screen-wrap {
|
|
@@ -82,3 +101,17 @@ sup {
|
|
|
82
101
|
@extend %small;
|
|
83
102
|
left: 0.2em;
|
|
84
103
|
}
|
|
104
|
+
|
|
105
|
+
.block.tag-list {
|
|
106
|
+
grid-template-columns: repeat(5,1fr);
|
|
107
|
+
grid-template-rows: min-content;
|
|
108
|
+
grid-gap: 1rem;
|
|
109
|
+
display: grid;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.block.tag-list div {
|
|
113
|
+
background-color: setcolor(gray);
|
|
114
|
+
border-radius: 50%;
|
|
115
|
+
height: 10px;
|
|
116
|
+
width: 10px;
|
|
117
|
+
}
|
|
@@ -29,10 +29,10 @@ $ux-colors : (
|
|
|
29
29
|
),
|
|
30
30
|
|
|
31
31
|
error : (
|
|
32
|
-
base : #
|
|
33
|
-
dark : darken(#
|
|
34
|
-
light : lighten(#
|
|
35
|
-
xlight : lighten(#
|
|
32
|
+
base : #e61717, // untested
|
|
33
|
+
dark : darken(#e61717,10%), // untested
|
|
34
|
+
light : lighten(#e61717,23%), // untested
|
|
35
|
+
xlight : lighten(#e61717,46%) // untested
|
|
36
36
|
),
|
|
37
37
|
|
|
38
38
|
success : (
|
|
@@ -1,92 +1,92 @@
|
|
|
1
1
|
|
|
2
|
-
const ChangeScreen = (index,value,state) => {
|
|
2
|
+
// const ChangeScreen = (index,value,state) => {
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
// let source = Overlay.custom[index],
|
|
5
|
+
// target = ".area.overlay-" + source.name,
|
|
6
|
+
// input = $(".input.text-search"),
|
|
7
|
+
// results = $(".wrap.results");
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
// if (state == "close") {
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
// gsap.set("body",{
|
|
12
|
+
// clearProps : "overflow"
|
|
13
|
+
// });
|
|
14
14
|
|
|
15
|
-
gsap.set(target, {
|
|
16
|
-
|
|
17
|
-
});
|
|
15
|
+
// gsap.set(target, {
|
|
16
|
+
// clearProps : "display"
|
|
17
|
+
// });
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
// source.open = false;
|
|
20
20
|
|
|
21
|
-
if (value.name == "search") {
|
|
21
|
+
// if (value.name == "search") {
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
// input.val("");
|
|
24
24
|
|
|
25
|
-
|
|
25
|
+
// results.empty();
|
|
26
26
|
|
|
27
|
-
}
|
|
27
|
+
// }
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
// } else {
|
|
30
30
|
|
|
31
|
-
gsap.set("body", {
|
|
32
|
-
|
|
33
|
-
});
|
|
31
|
+
// gsap.set("body", {
|
|
32
|
+
// overflow : "hidden"
|
|
33
|
+
// });
|
|
34
34
|
|
|
35
|
-
gsap.set(target, {
|
|
36
|
-
|
|
37
|
-
});
|
|
35
|
+
// gsap.set(target, {
|
|
36
|
+
// display : Config.display
|
|
37
|
+
// });
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
// source.open = true;
|
|
40
40
|
|
|
41
|
-
if (value.name == "search") {
|
|
41
|
+
// if (value.name == "search") {
|
|
42
42
|
|
|
43
|
-
|
|
43
|
+
// input.focus();
|
|
44
44
|
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
}
|
|
45
|
+
// }
|
|
46
|
+
// }
|
|
47
|
+
// }
|
|
48
48
|
|
|
49
|
-
const BuildScreens = (index,value) => {
|
|
50
|
-
|
|
51
|
-
|
|
49
|
+
// const BuildScreens = (index,value) => {
|
|
50
|
+
// let button = Overlay.button + "." + value.name,
|
|
51
|
+
// exit = Overlay.exit + "." + value.name;
|
|
52
52
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
53
|
+
// $(button).click(function() {
|
|
54
|
+
// ChangeScreen(index,value,"open");
|
|
55
|
+
// });
|
|
56
56
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
}
|
|
57
|
+
// $(exit).click(function() {
|
|
58
|
+
// ChangeScreen(index,value,"close");
|
|
59
|
+
// });
|
|
60
|
+
// }
|
|
61
61
|
|
|
62
|
-
const KeyUp = (e) => {
|
|
62
|
+
// const KeyUp = (e) => {
|
|
63
63
|
|
|
64
|
-
|
|
64
|
+
// $(Overlay.custom).map((index,value) => {
|
|
65
65
|
|
|
66
|
-
|
|
66
|
+
// if (value.open && e.keyCode == 27) { ChangeScreen(index,value,"close"); }
|
|
67
67
|
|
|
68
|
-
|
|
68
|
+
// if (!value.open && !Site.inFocus) {
|
|
69
69
|
|
|
70
|
-
|
|
70
|
+
// if (e.keyCode == 65 && value.name == "about") { ChangeScreen(index,value,"open"); }
|
|
71
71
|
|
|
72
|
-
|
|
72
|
+
// if (e.keyCode == 66 && value.name == "browse") { ChangeScreen(index,value,"open"); }
|
|
73
73
|
|
|
74
|
-
|
|
74
|
+
// if (e.keyCode == 83 && value.name == "search") { ChangeScreen(index,value,"open"); }
|
|
75
75
|
|
|
76
|
-
|
|
76
|
+
// }
|
|
77
77
|
|
|
78
|
-
|
|
78
|
+
// });
|
|
79
79
|
|
|
80
|
-
}
|
|
80
|
+
// }
|
|
81
81
|
|
|
82
|
-
$(Overlay.custom).map((index,value) => {
|
|
82
|
+
// $(Overlay.custom).map((index,value) => {
|
|
83
83
|
|
|
84
|
-
|
|
84
|
+
// BuildScreens(index,value);
|
|
85
85
|
|
|
86
|
-
});
|
|
86
|
+
// });
|
|
87
87
|
|
|
88
|
-
$(document).keyup(function(e) {
|
|
88
|
+
// $(document).keyup(function(e) {
|
|
89
89
|
|
|
90
|
-
|
|
90
|
+
// KeyUp(e);
|
|
91
91
|
|
|
92
|
-
});
|
|
92
|
+
// });
|
|
@@ -1,68 +1,4 @@
|
|
|
1
1
|
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
Browse.book.links.map((index,value)=>{
|
|
7
|
-
|
|
8
|
-
Check.book.class(value);
|
|
9
|
-
|
|
10
|
-
if (Browse.found.success) {
|
|
11
|
-
|
|
12
|
-
gsap.set(value,BackgroundShade);
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
Browse.chapter.books.map((index,value)=>{
|
|
19
|
-
|
|
20
|
-
Check.book.class(value);
|
|
21
|
-
|
|
22
|
-
if (Browse.found.success) {
|
|
23
|
-
|
|
24
|
-
Browse.chapter.books.filter(index,value);
|
|
25
|
-
|
|
26
|
-
} else {
|
|
27
|
-
|
|
28
|
-
gsap.set(value,DisplayNone);
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
});
|
|
33
|
-
|
|
34
|
-
Browse.page.books.map((index,value)=>{
|
|
35
|
-
|
|
36
|
-
Check.book.class(value);
|
|
37
|
-
|
|
38
|
-
if (Browse.found.success) {
|
|
39
|
-
|
|
40
|
-
Browse.page.books.filter(index,value);
|
|
41
|
-
|
|
42
|
-
} else {
|
|
43
|
-
|
|
44
|
-
gsap.set(value,DisplayNone);
|
|
45
|
-
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
});
|
|
49
|
-
|
|
50
|
-
} else {
|
|
51
|
-
|
|
52
|
-
Browse.chapter.books.map((index,value)=>{
|
|
53
|
-
|
|
54
|
-
Browse.chapter.books.filter(index,value);
|
|
55
|
-
|
|
56
|
-
});
|
|
57
|
-
|
|
58
|
-
Browse.page.books.map((index,value)=>{
|
|
59
|
-
|
|
60
|
-
Browse.page.books.filter(index,value);
|
|
61
|
-
|
|
62
|
-
});
|
|
63
|
-
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
if (!Site.isTheme) { if (!Body.isHome) { if (Browse.able) { Start.browse(); } } }
|
|
2
|
+
if (!Site.isTheme && !Body.isHome && Browse.able) {
|
|
3
|
+
Browsr();
|
|
4
|
+
}
|