futuro 1.1.0 → 1.1.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (40) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/html/overlay/browse/page.liquid +1 -1
  3. data/_includes/html/page/content/loop/screen/header.liquid +45 -2
  4. data/_includes/svg/site/icon.liquid +33 -21
  5. data/_sass/area/topbar.scss +1 -1
  6. data/_sass/block/form/screen.scss +62 -29
  7. data/_sass/block/page.scss +0 -5
  8. data/_sass/futuro.core.scss +1 -1
  9. data/_sass/helpers/variables.scss +2 -4
  10. data/_sass/helpers/variables/colors.scss +13 -13
  11. data/assets/js/footer/custom/1_Settings.js +5 -7
  12. data/assets/js/footer/custom/2_Check.width.js +5 -28
  13. data/assets/js/footer/custom/4_Setup.home.js +3 -1
  14. data/assets/js/footer/custom/4_Setup.overlays.js +35 -46
  15. data/assets/js/footer/custom/4_Start.browse.js +2 -67
  16. data/assets/js/footer/custom/5_Util.share.js +0 -75
  17. data/assets/js/footer/custom/5_WhatsOn.js +7 -7
  18. data/assets/js/footer/custom/5_respond.scroller.js +11 -0
  19. data/assets/js/footer/vendor/futuro/browsr.js +326 -0
  20. data/assets/js/footer/vendor/futuro/checkr.js +41 -0
  21. data/assets/js/footer/vendor/futuro/ovrly.js +102 -0
  22. data/assets/js/footer/vendor/{gsap-draw.js → gsap/draw.js} +0 -0
  23. data/assets/js/footer/vendor/{gsap-morph.js → gsap/morph.js} +0 -0
  24. data/assets/js/footer/vendor/{gsap-scramble.js → gsap/scramble.js} +0 -0
  25. data/assets/js/footer/vendor/gsap/scroll.js +11 -0
  26. data/assets/js/footer/vendor/{gsap-text.js → gsap/text.js} +0 -0
  27. data/assets/js/footer/vendor/{jquery.min.js → jquery.js} +0 -0
  28. data/assets/js/footer/vendor/{parsley.min.js → parsley.js} +0 -0
  29. data/assets/js/futuro.footer.custom.js +1 -1
  30. data/assets/js/futuro.footer.vendor.js +483 -314
  31. data/assets/js/futuro.header.legacy.js +4 -3
  32. data/assets/js/futuro.header.legacy.shopify.js +4 -3
  33. data/assets/js/futuro.header.vendor.js +4 -3
  34. data/assets/js/header/vendor/gsap.js +4 -3
  35. metadata +13 -13
  36. data/assets/js/footer/custom/3_Setup.browse.js +0 -298
  37. data/assets/js/footer/custom/5_Animate.scroller.js +0 -16
  38. data/assets/js/footer/custom/5_Respond.browse.js +0 -42
  39. data/assets/js/footer/vendor/scrollmagic-gsap.js +0 -310
  40. data/assets/js/footer/vendor/scrollmagic.js +0 -3
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d8050b8e3d097383f0cbd38f342641bc1bdac3629ce2f7f60243aedb59a80f69
4
- data.tar.gz: 90e6bd2abf546b589b9f6d665bdb221dafdc7623b30266aa613bdb685e8b786d
3
+ metadata.gz: c147cb6d8abea7427e35053e65899c2039e6ffbfbaec4f555db3ad5c3e954625
4
+ data.tar.gz: cf265db676f4be330660bc33c567c05b5b414ce340b4a1d986a2679f299b3203
5
5
  SHA512:
6
- metadata.gz: b6e1fc8e50526565a2b119a4da033e688e1c7b1981b4ad4a0975dbca198dfd8f720338c7d725b41f6c457989cd3344b0f86e6f758aa189382cadcc3406bc1d61
7
- data.tar.gz: 1a5fe92b64381cb62c1a50f71b39c0a558ea3b086750164483383af83a50eb2f061db16dd65f80e3aebb418d353775a50e65e11f12fe5cbfa9f9233beaded222
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 : 'title-' }}">
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 {{ item.row.type | prepend : 'type-' }}">
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
- {%- if include.type == "wordmark" -%}
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
- {%- elsif include.type == "shopmark" -%}
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
- {%- elsif include.type == "carrier" -%}
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
- {%- elsif include.type == "avatar" -%}
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
- {%- elsif include.type == "about" -%}
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
- {%- elsif include.type == "browse" -%}
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
- {%- elsif include.type == "search" -%}
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
- {%- elsif include.type == "menu" -%}
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
- {%- elsif include.type == "more" -%}
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
- {%- elsif include.type == "less" -%}
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
- {%- elsif include.type == "basket" -%}
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
- {%- elsif include.type == "pie" -%}
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
- {%- elsif include.type == "info" -%}
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
- {%- elsif include.type == "alert" -%}
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
- {%- elsif include.type == "cta" -%}
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
- {%- elsif include.type == "crumb" -%}
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
- {%- elsif include.type == "share-chapter" -%}
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
- {%- elsif include.type == "share-page" -%}
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
- {%- elsif include.type == "dot" -%}
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
- {%- elsif include.type == "seatplan" -%}
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
- {%- endif -%}
167
+ {% endif %}
@@ -1,8 +1,8 @@
1
1
 
2
2
  .area.topbar {
3
3
  @include zeros;
4
+ border-bottom: 1px solid setcolor(gray);
4
5
  height: map-get($topbar,height);
5
- border-bottom: $NavBorder;
6
6
  background-color: white;
7
7
  grid-auto-flow: column;
8
8
  display: grid;
@@ -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.type-header {
38
- @extend %ScreenRow;
39
- background: setcolor(smoke);
40
- grid-row-gap: $title * 0.1;
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
- .screen-title {
44
- @extend %large;
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
- .screen-title.small {
48
- @extend %small;
52
+ &.type-event {
53
+ @extend %ScreenRow;
54
+ background-color: setcolor(carbon);
55
+ color: setcolor(gray);
49
56
  }
50
- }
51
57
 
52
- .block.screen-row.type-event {
53
- @extend %ScreenRow;
54
- background-color: setcolor(carbon);
55
- color: setcolor(gray);
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
- .block.screen-row.type-retail {
59
- @extend %ScreenRow;
60
- background: setcolor(slate);
61
- color: setcolor(gray);
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
- .block.screen-title:not(.small) {
69
- @extend %tight;
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.screen-title.small {
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
+ }
@@ -26,11 +26,6 @@
26
26
  }
27
27
  }
28
28
 
29
- .block.page-content {
30
- background-color: lighten(setcolor(generic),47%);
31
- height: 100px;
32
- }
33
-
34
29
  .block.page-info {
35
30
  @include zeros(absolute);
36
31
  place-items: center;
@@ -4,8 +4,8 @@
4
4
  // Helper Styles
5
5
 
6
6
  @import
7
- "helpers/variables",
8
7
  "helpers/variables/colors",
8
+ "helpers/variables",
9
9
  "helpers/mixins",
10
10
  "helpers/mixins/layout",
11
11
  "helpers/mixins/items",
@@ -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 : #B94A48, // untested
33
- dark : darken(#B94A48,10%), // untested
34
- light : lighten(#B94A48,23%), // untested
35
- xlight : lighten(#B94A48,46%) // untested
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
- level_a : (
49
+ level-a : (
50
50
  base : #e61717
51
51
  ),
52
52
 
53
- level_b : (
53
+ level-b : (
54
54
  base : #0099e6
55
55
  ),
56
56
 
57
- level_c : (
57
+ level-c : (
58
58
  base : #ff8001
59
59
  ),
60
60
 
61
- level_d : (
61
+ level-d : (
62
62
  base : #3bb300
63
63
  ),
64
64
 
65
- level_e : (
65
+ level-e : (
66
66
  base : #8b3788
67
67
  ),
68
68
 
69
- level_f : (
69
+ level-f : (
70
70
  base : #e60073
71
71
  ),
72
72
 
73
- level_g : (
73
+ level-g : (
74
74
  base : #b35900
75
75
  ),
76
76
 
77
- level_y : (
77
+ level-y : (
78
78
  base : #ffaa00
79
79
  ),
80
80
 
81
- level_l : (
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
+ };