futuro 1.1.0 → 1.1.5

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 (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
+ };