futuro 1.1.0 → 1.1.5
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/_includes/svg/site/icon.liquid +33 -21
- data/_sass/area/topbar.scss +1 -1
- data/_sass/block/form/screen.scss +62 -29
- data/_sass/block/page.scss +0 -5
- data/_sass/futuro.core.scss +1 -1
- data/_sass/helpers/variables.scss +2 -4
- data/_sass/helpers/variables/colors.scss +13 -13
- data/assets/js/footer/custom/1_Settings.js +5 -7
- data/assets/js/footer/custom/2_Check.width.js +5 -28
- data/assets/js/footer/custom/4_Setup.home.js +3 -1
- data/assets/js/footer/custom/4_Setup.overlays.js +35 -46
- data/assets/js/footer/custom/4_Start.browse.js +2 -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/custom/5_respond.scroller.js +11 -0
- data/assets/js/footer/vendor/futuro/browsr.js +326 -0
- data/assets/js/footer/vendor/futuro/checkr.js +41 -0
- data/assets/js/footer/vendor/futuro/ovrly.js +102 -0
- data/assets/js/footer/vendor/{gsap-draw.js → gsap/draw.js} +0 -0
- data/assets/js/footer/vendor/{gsap-morph.js → gsap/morph.js} +0 -0
- data/assets/js/footer/vendor/{gsap-scramble.js → gsap/scramble.js} +0 -0
- data/assets/js/footer/vendor/gsap/scroll.js +11 -0
- data/assets/js/footer/vendor/{gsap-text.js → gsap/text.js} +0 -0
- data/assets/js/footer/vendor/{jquery.min.js → jquery.js} +0 -0
- data/assets/js/footer/vendor/{parsley.min.js → parsley.js} +0 -0
- data/assets/js/futuro.footer.custom.js +1 -1
- data/assets/js/futuro.footer.vendor.js +483 -314
- data/assets/js/futuro.header.legacy.js +4 -3
- data/assets/js/futuro.header.legacy.shopify.js +4 -3
- data/assets/js/futuro.header.vendor.js +4 -3
- data/assets/js/header/vendor/gsap.js +4 -3
- metadata +13 -13
- data/assets/js/footer/custom/3_Setup.browse.js +0 -298
- data/assets/js/footer/custom/5_Animate.scroller.js +0 -16
- data/assets/js/footer/custom/5_Respond.browse.js +0 -42
- data/assets/js/footer/vendor/scrollmagic-gsap.js +0 -310
- data/assets/js/footer/vendor/scrollmagic.js +0 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c147cb6d8abea7427e35053e65899c2039e6ffbfbaec4f555db3ad5c3e954625
|
4
|
+
data.tar.gz: cf265db676f4be330660bc33c567c05b5b414ce340b4a1d986a2679f299b3203
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 1be8e5868569418b26d9acd537607fcf3475f6cd65f2b50cbcedded8fbe106b2a2d98ee2c5938ff85be98b6046aebe73d0285105b9a365874f37bf35b9323ca1
|
7
|
+
data.tar.gz: aa64c88e5535ba8900534e3c8d7457801a7516a9e9af56b5f20dde5ac6334f92db517ff627c79c9417ffeea448c54be31edf5a71967af7d0e672ea5ebd7983d3
|
@@ -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 %}
|
@@ -1,81 +1,93 @@
|
|
1
1
|
|
2
|
-
{
|
2
|
+
{% if include.type == "wordmark" %}
|
3
3
|
|
4
4
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 162 31.8"><path d="M0,0h7.2v11.8c1.7-1.5,3.3-2.1,5.7-2.1c6,0,10.3,4.7,10.3,11.2c0,3.2-1.1,6.1-3.1,8.1c-1.8,1.8-4.1,2.7-7,2.7 S8.4,31,6.9,29.2V31H0V0L0,0z M6.7,20.7c0,3.1,1.9,5.1,4.6,5.1c2.7,0,4.4-1.9,4.4-4.9c0-3.1-1.7-5.1-4.5-5.1 C8.4,15.8,6.7,17.8,6.7,20.7L6.7,20.7z M40.4,29.6c-1.9,1.7-3.1,2.2-6,2.2c-3.2,0-5.5-0.9-7.3-2.8c-1.9-2-3-4.9-3-8.2 c0-6.4,4.2-11,10.2-11c2.6,0,4.1,0.6,6.1,2.4v-1.8h6.9V31h-6.9V29.6L40.4,29.6z M31.6,21c0,3.1,1.7,4.9,4.5,4.9c2.7,0,4.5-2,4.5-5.1 c0-2.9-1.8-4.9-4.4-4.9C33.5,15.8,31.6,18,31.6,21L31.6,21z M49.2,10.5h6.9V13c1.5-2.4,3-3.2,5.5-3.2c0.5,0,0.8,0,2.5,0.2v6.6 c-0.8-0.2-1.3-0.3-1.9-0.3c-3.8,0-5.8,2-5.8,5.9V31h-7.2V10.5 M65.3,0h7.2v11.8c1.7-1.5,3.3-2.1,5.7-2.1c6,0,10.3,4.7,10.3,11.2 c0,3.2-1.1,6.1-3.1,8.1c-1.8,1.8-4.1,2.7-7,2.7s-4.6-0.7-6.2-2.5V31h-6.9V0L65.3,0z M72,20.7c0,3.1,1.9,5.1,4.6,5.1 c2.7,0,4.4-1.9,4.4-4.9c0-3.1-1.7-5.1-4.5-5.1C73.7,15.8,72,17.8,72,20.7L72,20.7z M97.4,4.5c0,2.2-1.8,4-4,4c-2.2,0-3.9-1.8-3.9-4 c0-2.2,1.8-3.9,3.9-3.9C95.6,0.6,97.4,2.4,97.4,4.5L97.4,4.5z M89.9,10.5H97V31h-7.2V10.5z M114.8,30.1c-3,1.5-4,1.7-6.5,1.7 c-2.8,0-5-0.8-6.6-2.3c-2-2-3.2-5-3.2-8.5c0-6.7,4.1-11.4,10.1-11.4c2.3,0,3.8,0.4,6.2,1.9v7.2c-1.7-2-2.7-2.6-4.5-2.6 c-2.6,0-4.2,1.8-4.2,4.7c0,2.8,1.6,4.6,4.2,4.6c1.6,0,2.8-0.6,4.5-2.3V30.1 M131.8,29.6c-1.9,1.7-3.1,2.2-6,2.2 c-3.2,0-5.5-0.9-7.3-2.8c-1.9-2-3-4.9-3-8.2c0-6.4,4.2-11,10.2-11c2.6,0,4.1,0.6,6.1,2.4v-1.8h6.9V31h-6.9V29.6L131.8,29.6z M123,21 c0,3.1,1.7,4.9,4.5,4.9c2.7,0,4.5-2,4.5-5.1c0-2.9-1.8-4.9-4.4-4.9S123,18,123,21L123,21z M140.6,10.5h7.1v2.4 c1.8-2.4,3.4-3.1,6.3-3.1c3.2,0,5.8,1.3,7,3.4c0.6,1.1,0.9,2.4,0.9,4V31h-7.2V19.7c0-2.8-1-4-3.2-4c-2.3,0-3.8,1.6-3.8,4V31h-7.2 V10.5"/></svg>
|
5
5
|
|
6
|
-
{
|
6
|
+
{% elsif include.type == "shopmark" %}
|
7
7
|
|
8
8
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245 38"><path d="M135.7,30h6.9V19.2c0-2.4,1.5-3.9,3.7-3.9 c2.1,0,3.1,1.2,3.1,3.9V30h6.9V16.7c0-1.5-0.3-2.8-0.9-3.8c-1.2-2.1-3.7-3.3-6.8-3.3c-2.8,0-4.4,0.7-6.1,3v-2.3h-6.8V30z M118.9,20.4c0,2.9,1.6,4.7,4.4,4.7c2.6,0,4.4-1.9,4.4-4.9c0-2.8-1.7-4.7-4.3-4.7C120.8,15.5,118.9,17.6,118.9,20.4z M127.5,28.7 c-1.8,1.6-3,2.1-5.8,2.1c-3.1,0-5.3-0.9-7.1-2.7c-1.9-2-2.9-4.7-2.9-7.9c0-6.2,4.1-10.6,9.9-10.6c2.5,0,3.9,0.6,5.9,2.3v-1.7h6.6V30 h-6.6C127.5,30,127.5,28.7,127.5,28.7z M110.6,22.4c-1.6,1.6-2.8,2.2-4.4,2.2c-2.5,0-4-1.7-4-4.4c0-2.8,1.5-4.5,4.1-4.5 c1.7,0,2.7,0.6,4.3,2.5v-6.9c-2.3-1.4-3.8-1.8-6-1.8c-5.8,0-9.7,4.4-9.7,10.9c0,3.3,1.1,6.3,3.1,8.2c1.5,1.5,3.6,2.2,6.4,2.2 c2.4,0,3.4-0.3,6.3-1.7C110.6,29.2,110.6,22.4,110.6,22.4z M86.7,30h6.9V10.3h-6.9V30z M94,4.6c0,2.1-1.7,3.8-3.8,3.8c0,0,0,0,0,0 c-2.1,0-3.8-1.7-3.8-3.8c0-2.1,1.7-3.8,3.8-3.8C92.2,0.8,94,2.5,94,4.6z M69.5,20.1c0,2.9,1.8,5,4.4,5c2.6,0,4.3-1.8,4.3-4.7 c0-3-1.7-4.9-4.4-4.9C71.2,15.5,69.5,17.3,69.5,20.1L69.5,20.1z M63,0.2H70v11.4c1.6-1.5,3.2-2,5.5-2c5.8,0,10,4.5,10,10.8 c0,3-1.1,5.9-3,7.8c-1.7,1.8-4,2.6-6.8,2.6c-2.8,0-4.5-0.7-6-2.4V30H63L63,0.2z M47.2,30h6.9v-8.3c0-3.8,1.9-5.7,5.6-5.7 c0.6,0,1,0,1.8,0.3V9.9c-1.6-0.2-1.9-0.2-2.4-0.2c-2.4,0-3.8,0.8-5.3,3.1v-2.5h-6.6V30z M30.5,20.4c0,2.9,1.6,4.7,4.4,4.7 c2.6,0,4.4-1.9,4.4-4.9c0-2.8-1.7-4.7-4.3-4.7S30.5,17.6,30.5,20.4z M39,28.7c-1.8,1.6-3,2.1-5.8,2.1c-3.1,0-5.3-0.9-7.1-2.7 c-1.9-2-2.9-4.7-2.9-7.9c0-6.2,4.1-10.6,9.9-10.6c2.5,0,3.9,0.6,5.9,2.4v-1.7h6.6V30H39C39,30,39,28.7,39,28.7z M6.5,20.1 c0,2.9,1.8,5,4.4,5s4.3-1.8,4.3-4.7c0-3-1.7-4.9-4.4-4.9C8.2,15.5,6.5,17.3,6.5,20.1z M0,0.2h6.9v11.4c1.6-1.5,3.2-2,5.5-2 c5.8,0,10,4.5,10,10.8c0,3-1.1,5.9-3,7.8c-1.7,1.8-4,2.6-6.8,2.6c-2.8,0-4.5-0.7-6-2.4V30H0V0.2z" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF"/><path d="M221.7,37.9h7v-9.1c1.6,1.5,3.1,2.1,5.7,2.1c5.9,0,9.9-4.3,9.9-10.7c0-6.5-3.8-10.8-9.8-10.8c-2.8,0-4.1,0.5-6.1,2.4v-1.7 h-6.7V37.9L221.7,37.9z M232.7,15.1c2.6,0,4.4,1.9,4.4,5c0,2.9-1.7,4.7-4.4,4.7c-2.6,0-4.4-1.9-4.4-4.7 C228.2,17.1,230.1,15.1,232.7,15.1z M209.3,9.3c-6.9,0-11.9,4.5-11.9,10.7c0,6.2,5,10.7,11.8,10.7c7.1,0,11.8-4.3,11.8-10.7 C220.9,13.7,216.1,9.3,209.3,9.3L209.3,9.3z M209.2,14.8c2.8,0,4.5,2,4.5,5.2c0,3.3-1.7,5.2-4.7,5.2c-2.6,0-4.5-2.2-4.5-5.2 C204.6,17,206.5,14.8,209.2,14.8L209.2,14.8z M175.5,30h7V19.6c0-2.9,1.3-4.5,3.6-4.5c2.1,0,3.2,1.2,3.2,3.4V30h7V17.1 c0-2-0.3-3.2-0.8-4.2c-1.2-2.1-4-3.5-6.9-3.5c-2.5,0-4.1,0.7-6.1,2.7V0h-7L175.5,30L175.5,30z M172,15.8c-1.7-0.9-3.5-1.6-4.9-1.6 c-1.2,0-1.9,0.5-1.9,1.4c0,0.4,0.2,0.8,0.6,1.1c0.5,0.3,1.1,0.5,1.7,0.7l0.7,0.1l0.7,0.2l0.7,0.2c3.5,0.8,4.7,2.2,4.7,5.6 c0,2-0.8,3.9-2.2,5.2c-1.8,1.6-3.7,2.2-7.2,2.2c-1.4,0-3.5-0.4-5-1c-0.8-0.3-1.4-0.6-2.7-1.4l2.2-4.7c2.2,1.2,3.6,1.8,5.1,1.9 c1.4,0.1,2.4-0.5,2.4-1.3c0-0.7-0.8-1.2-2.7-1.7c-2.8-0.6-3.6-0.9-4.6-1.8c-1.1-1-1.7-2.6-1.6-4.4c0.2-4.6,3.9-7.4,9.3-7.1 c2.3,0.1,4.2,0.6,7.1,1.9L172,15.8L172,15.8z"/></svg>
|
9
9
|
|
10
|
-
{
|
10
|
+
{% elsif include.type == "carrier" %}
|
11
11
|
|
12
12
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 226.6"><path d="M279.13,0H20.87C7.62,22.39,0,48.53,0,76.44C0,159.37,67.16,226.6,150,226.6c82.85,0,150-67.23,150-150.17 C300,48.53,292.38,22.39,279.13,0z"/></svg>
|
13
13
|
|
14
|
-
{
|
14
|
+
{% elsif include.type == "avatar" %}
|
15
15
|
|
16
16
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
|
17
17
|
|
18
|
-
{
|
18
|
+
{% elsif include.type == "about" %}
|
19
19
|
|
20
20
|
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M17.5,10.5c-0.5,0.5-1.1,0.7-1.8,0.7c-0.7,0-1.3-0.2-1.7-0.7 c-0.5-0.5-0.7-1.1-0.7-1.8C13.3,8,13.5,7.5,14,7c0.5-0.5,1.1-0.7,1.7-0.7c0.7,0,1.3,0.2,1.8,0.7C18,7.5,18.2,8,18.2,8.7 C18.2,9.4,18,10,17.5,10.5z M13.5,25.3H18v-11h-4.5V25.3z M16,0C7.2,0,0,7.2,0,16c0,8.8,7.2,16,16,16c8.8,0,16-7.2,16-16 C32,7.2,24.8,0,16,0z" fill-rule="evenodd" clip-rule="evenodd"/></svg>
|
21
21
|
|
22
|
-
{
|
22
|
+
{% elsif include.type == "browse" %}
|
23
23
|
|
24
24
|
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M27.2,4.6C21-1.6,10.8-1.5,4.6,4.8C-1.6,11-1.5,21.2,4.8,27.4 s16.4,6.2,22.6-0.1S33.5,10.8,27.2,4.6z" fill-rule="evenodd" clip-rule="evenodd"/><path d="M25.3,22.3L17,24.4L17.1,11l8.2-2V22.3z M7,8.8l8,2l-0.1,13.3 L7,22.2V8.8z" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF"/></svg>
|
25
25
|
|
26
|
-
{
|
26
|
+
{% elsif include.type == "search" %}
|
27
27
|
|
28
28
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.5,7.4C6.6,8.3,6,9.7,6,11.1s0.6,2.7,1.5,3.7c0.9,0.9,2.3,1.5,3.7,1.5 s2.7-0.6,3.7-1.5c0.9-0.9,1.5-2.3,1.5-3.7s-0.6-2.7-1.5-3.7c-1-1.1-2.3-1.5-3.7-1.5S8.5,6.4,7.5,7.4z M19.5,21.4l-4-4 c-1.2,0.9-2.7,1.3-4.2,1.3c-2.1,0-4-0.8-5.4-2.2c-1.4-1.4-2.2-3.3-2.2-5.3s0.8-4,2.2-5.4s3.4-2.3,5.4-2.3s4,0.8,5.4,2.2 S19,9,19,11.1c0,1.5-0.4,3-1.3,4.3l4,4L19.5,21.4z" fill-rule="evenodd" clip-rule="evenodd"/></svg>
|
29
29
|
|
30
|
-
{
|
30
|
+
{% elsif include.type == "facebook" %}
|
31
|
+
|
32
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.5 33"><path d="M3.5,33V16.5H0v-5.8h3.5V6.1c0,0-0.3-2.3,1.9-4.4c0,0,1.4-1.7,4.2-1.7c0,0,0.8,0,0.8,0h5.1v5.3h-3.6c0,0-1.5,0.1-1.5,1.8 v3.5h5.1l-0.4,5.9h-4.7V33H3.5z"/></svg>
|
33
|
+
|
34
|
+
{% elsif include.type == "instagram" %}
|
35
|
+
|
36
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59.5 59.6"><path d="M25.5,46.2V29.7H22v-5.8h3.5v-4.5c0,0-0.3-2.3,1.9-4.4c0,0,1.4-1.7,4.2-1.7c0,0,0.8,0,0.8,0h5.1v5.3h-3.6 c0,0-1.5,0.1-1.5,1.8v3.5h5.1l-0.4,5.9h-4.7v16.5H25.5z"/></svg>
|
37
|
+
|
38
|
+
{% elsif include.type == "twitter" %}
|
39
|
+
|
40
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63.4 43.4"><path d="M30.6,15.8c2-6.3,4.5-10.3,7.4-13.3c2.1-2.2,3.2-2.9,2-0.5c0.6-0.4,1.3-1,2-1.3c3.4-1.6,3.2-0.3,0.8,1.2 C49.2-0.4,49,2.5,42.1,4c5.6,0.1,11.6,3.6,13.3,11.2c0.2,1,0,0.9,1,1.1c2.3,0.4,4.5,0.4,6.6-0.3c-0.2,1.6-2.3,2.6-5.5,3.2 c-1.2,0.2-1.4,0.2,0,0.5c1.8,0.4,3.7,0.5,5.8,0.4c-1.6,1.9-4.2,2.8-7.4,2.8c-2,7.3-6.6,12.5-12.4,15.7C29.8,46.4,10,45.3,0,31.3 c6.5,5.1,16.2,6.2,23.4-0.9c-4.7,0-5.9-3.5-2.2-5.4c-3.5,0-5.8-1.1-7.1-3.2c-0.5-0.8-0.5-0.8,0.3-1.4c0.9-0.6,2.1-0.9,3.4-1 c-3.7-1-5.9-2.9-6.7-5.5c-0.3-0.8-0.3-0.8,0.6-1c0.8-0.2,1.9-0.3,2.9-0.4c-2.9-1.7-4.6-3.8-5-6.2c-0.4-2.2,0-1.6,1.7-1 C18.7,8.3,26.2,11.3,30.6,15.8"/></svg>
|
41
|
+
|
42
|
+
{% elsif include.type == "menu" %}
|
31
43
|
|
32
44
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
|
33
45
|
|
34
|
-
{
|
46
|
+
{% elsif include.type == "more" %}
|
35
47
|
|
36
48
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
|
37
49
|
|
38
|
-
{
|
50
|
+
{% elsif include.type == "less" %}
|
39
51
|
|
40
52
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
|
41
53
|
|
42
|
-
{
|
54
|
+
{% elsif include.type == "basket" %}
|
43
55
|
|
44
56
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M17.21 9l-4.38-6.56c-.19-.28-.51-.42-.83-.42-.32 0-.64.14-.83.43L6.79 9H2c-.55 0-1 .45-1 1 0 .09.01.18.04.27l2.54 9.27c.23.84 1 1.46 1.92 1.46h13c.92 0 1.69-.62 1.93-1.46l2.54-9.27L23 10c0-.55-.45-1-1-1h-4.79zM9 9l3-4.4L15 9H9zm3 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/></svg>
|
45
57
|
|
46
|
-
{
|
58
|
+
{% elsif include.type == "pie" %}
|
47
59
|
|
48
60
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 184 184"><path d="M182,92c0,49.7-40.3,90-90,90S2,141.7,2,92S42.3,2,92,2 S182,42.3,182,92z" opacity="0.2" enable-background="new"/></svg>
|
49
61
|
|
50
|
-
{
|
62
|
+
{% elsif include.type == "info" %}
|
51
63
|
|
52
64
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13,9h-2V7h2V9z M13,17h-2v-6h2V17z M12,22c5.5,0,10-4.5,10-10S17.5,2,12,2C6.5,2,2,6.5,2,12S6.5,22,12,22z M12,4 c4.4,0,8,3.6,8,8s-3.6,8-8,8s-8-3.6-8-8S7.6,4,12,4z"/></svg>
|
53
65
|
|
54
|
-
{
|
66
|
+
{% elsif include.type == "alert" %}
|
55
67
|
|
56
68
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11,15h2v2h-2V15z M11,7h2v6h-2V7z M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20 c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S16.4,20,12,20z"/></svg>
|
57
69
|
|
58
|
-
{
|
70
|
+
{% elsif include.type == "cta" %}
|
59
71
|
|
60
72
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 12"><path d="M14,5.9L7.2,12l-1.9-1.7l4-3.2H0V4.9h9.4l-4-3.3L7.2,0L14,5.9z"/></svg>
|
61
73
|
|
62
|
-
{
|
74
|
+
{% elsif include.type == "crumb" %}
|
63
75
|
|
64
76
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74.7 116.7"><path d="M16.2 0L.3 15.7l34.4 32.1 7.3 6.7 4.3 3.8L34.7 69 0 100.3l16.2 16.4 58.5-58.9z"></path></svg>
|
65
77
|
|
66
|
-
{
|
78
|
+
{% elsif include.type == "share-chapter" %}
|
67
79
|
|
68
80
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34"><path class="background" d="M19,19h-8v-8h8V19z M33,17c0,8.8-7.2,16-16,16S1,25.8,1,17S8.2,1,17,1S33,8.2,33,17z M25,13h-4V9H9v12h4v4h12V13z M21,21 h-6v2h8v-8h-2V21z"/></svg>
|
69
81
|
|
70
|
-
{
|
82
|
+
{% elsif include.type == "share-page" %}
|
71
83
|
|
72
84
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34"><path class="background" d="M19,19h-8v-8h8V19z M33,17c0,8.8-7.2,16-16,16S1,25.8,1,17S8.2,1,17,1S33,8.2,33,17z M25,13h-4V9H9 v12h4v4h12V13z M21,21h-6v2h8v-8h-2V21z"/><path class="foreground" fill="#000" d="M21,13V9H9v12h4v4h12V13H21z M11,19v-8h8v8H11z M23,23h-8v-2h6v-6h2V23z"/></svg>
|
73
85
|
|
74
|
-
{
|
86
|
+
{% elsif include.type == "dot" %}
|
75
87
|
|
76
88
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M6,0c3.3,0,6,2.7,6,6s-2.7,6-6,6S0,9.3,0,6S2.7,0,6,0z"/></svg>
|
77
89
|
|
78
|
-
{
|
90
|
+
{% elsif include.type == "seatplan" %}
|
79
91
|
|
80
92
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
|
81
93
|
<path class="style-level-d" d="M109,102.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S105.4,102.5,109,102.5z"/>
|
@@ -152,4 +164,4 @@
|
|
152
164
|
<path class="style-level-y" d="M181,12.5c3.6,0,6.5,2.9,6.5,6.5s-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5S177.4,12.5,181,12.5z"/>
|
153
165
|
</svg>
|
154
166
|
|
155
|
-
{
|
167
|
+
{% endif %}
|
data/_sass/area/topbar.scss
CHANGED
@@ -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
|
+
}
|
data/_sass/block/page.scss
CHANGED
data/_sass/futuro.core.scss
CHANGED
@@ -41,11 +41,9 @@ $query : (
|
|
41
41
|
min1024 : 'only screen and (min-width: 1024px)'
|
42
42
|
);
|
43
43
|
|
44
|
+
$BigGap : map-get($topbar,height) + map-get($site,padding);
|
45
|
+
$SmallGap : 20px;
|
44
46
|
$radius : 4px;
|
45
|
-
$NavBorder : 1px solid setcolor(gray);
|
46
|
-
$BigGap : map-get($topbar,height) + map-get($site,padding);
|
47
|
-
$SmallGap : 20px;
|
48
|
-
|
49
47
|
|
50
48
|
// https://stackoverflow.com/questions/27740063/merge-multiple-sass-maps
|
51
49
|
// function for more concise usage of map-get()
|
@@ -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 : (
|
@@ -46,39 +46,39 @@ $ux-colors : (
|
|
46
46
|
|
47
47
|
$tier-colors : (
|
48
48
|
|
49
|
-
|
49
|
+
level-a : (
|
50
50
|
base : #e61717
|
51
51
|
),
|
52
52
|
|
53
|
-
|
53
|
+
level-b : (
|
54
54
|
base : #0099e6
|
55
55
|
),
|
56
56
|
|
57
|
-
|
57
|
+
level-c : (
|
58
58
|
base : #ff8001
|
59
59
|
),
|
60
60
|
|
61
|
-
|
61
|
+
level-d : (
|
62
62
|
base : #3bb300
|
63
63
|
),
|
64
64
|
|
65
|
-
|
65
|
+
level-e : (
|
66
66
|
base : #8b3788
|
67
67
|
),
|
68
68
|
|
69
|
-
|
69
|
+
level-f : (
|
70
70
|
base : #e60073
|
71
71
|
),
|
72
72
|
|
73
|
-
|
73
|
+
level-g : (
|
74
74
|
base : #b35900
|
75
75
|
),
|
76
76
|
|
77
|
-
|
77
|
+
level-y : (
|
78
78
|
base : #ffaa00
|
79
79
|
),
|
80
80
|
|
81
|
-
|
81
|
+
level-l : (
|
82
82
|
base : #b8b8b8
|
83
83
|
)
|
84
84
|
|
@@ -1,6 +1,4 @@
|
|
1
|
-
|
2
|
-
let shade = "rgba(0,0,0,0.05)",
|
3
|
-
controller = new ScrollMagic.Controller();
|
1
|
+
gsap.registerPlugin(ScrollTrigger);
|
4
2
|
|
5
3
|
Browse.able = false;
|
6
4
|
|
@@ -12,10 +10,10 @@ if ($("body").hasClass("type-home")) {
|
|
12
10
|
|
13
11
|
if (!Site.isTheme) {
|
14
12
|
Browse.able = $(".wrap.type-page").length;
|
15
|
-
}
|
13
|
+
}
|
16
14
|
|
17
|
-
const HandleClass = (e,state,name="active") => {
|
18
|
-
$(e).map((index,value) => {
|
15
|
+
const HandleClass = (e, state, name = "active") => {
|
16
|
+
$(e).map((index, value) => {
|
19
17
|
if (state == "add") {
|
20
18
|
$(value).addClass(name);
|
21
19
|
} else if (state == "remove") {
|
@@ -24,4 +22,4 @@ const HandleClass = (e,state,name="active") => {
|
|
24
22
|
$(value).removeClass();
|
25
23
|
}
|
26
24
|
});
|
27
|
-
}
|
25
|
+
};
|