futuro 0.9.0 → 0.9.1

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 0241ac8c29b8cf9cc29061783d8dae8da2f23daa374820b0f273fc3e417356ea
4
- data.tar.gz: 83ee8dfaa27b6598b0a624aa2b8453ee9a7f3aff3d43729f4ddebd61fbe9fb8f
3
+ metadata.gz: feaa2838b02725ff0ea8650aae362769d296687150d8e3493afc85804cd84575
4
+ data.tar.gz: c7ae72c8e9052158bbd73e70f7079376f0ed79ce24d3243c6cdca99884a130e2
5
5
  SHA512:
6
- metadata.gz: 62db41cd0e9d342ddcce419a55fcb7965df80ada4b2908872dd3c14bfbc76a8b26046657e5854864eca5bd1e428fe9aa21583543c2ca82ca67fba1a34d12b044
7
- data.tar.gz: af3263fbea64d3217c96dd61d4dc4c6390086350ddf526286903188a0234e0952f1df130b4ebda85a7b9f46f4db1376e8bc6dbc012cfe5ce0f1efe6edd3d22b8
6
+ metadata.gz: d92f09b0323cc941224d05123a2959fdddc044798e4e0ab63d3c4577b5deddfb0d5baa1cf0eda0d7ed368522a894a21ed440a21aa802d3e0720acf036ce673e0
7
+ data.tar.gz: bda40bcb790169eb4db145471e6aeac1f337986a873553194f2cbddabcc5c74a5e716c3d6778b0a3c6034db2c254e47c1d9225b9eeed1d4acc0cefda3d8114b2
@@ -17,6 +17,7 @@
17
17
  {% assign LoopHeader = ContentLoop | append : 'header/' %}
18
18
  {% assign LoopScreen = ContentLoop | append : 'screen/' %}
19
19
  {% assign LoopButton = ContentLoop | append : 'button/' %}
20
+ {% assign LoopAlert = ContentLoop | append : 'alert/' %}
20
21
 
21
22
  {% assign SiteSvg = 'svg/site/' %}
22
23
  {% assign SvgLoad = SiteSvg | append : 'load/' %}
@@ -0,0 +1,14 @@
1
+
2
+ <span class="wrap alert-wrap">
3
+
4
+ <span class="block alert-content">
5
+
6
+ <span class="title alert-content">
7
+
8
+ {{ include.title }}
9
+
10
+ </span>
11
+
12
+ </span>
13
+
14
+ </span>
@@ -0,0 +1,4 @@
1
+
2
+ {%- include {{ LoopAlert | append : 'create.liquid' }}
3
+ context = "example"
4
+ content = page.alert.content -%}
@@ -1,38 +1,83 @@
1
1
 
2
- {%- if item.item -%}
2
+ {% assign RowType = item.row.type %}
3
3
 
4
- <div class="block screen-wrap">
4
+ {%- if item.row -%}
5
5
 
6
- {%- for item in item.item -%}
6
+ {%- if RowType == "header" -%}
7
7
 
8
- {%- if item.header -%}
8
+ <span class="block screen-row {{ item.row.type | prepend : 'type-' }}">
9
9
 
10
- {% assign loop = item.header %}
10
+ {%- if item.row.title -%}
11
11
 
12
- {%- include {{ LoopScreen | append : 'row.liquid' }} type="top" -%}
12
+ <span class="block screen-title">
13
13
 
14
- {%- elsif item.alert -%}
14
+ {{ item.row.title }}
15
15
 
16
- {% assign loop = item.alert %}
16
+ </span>
17
17
 
18
- {%- include {{ LoopScreen | append : 'row.liquid' }} type="alert" -%}
18
+ {%- endif -%}
19
19
 
20
- {%- elsif item.event -%}
20
+ {%- if item.row.time -%}
21
21
 
22
- {% assign loop = item.event %}
22
+ <span class="block screen-title small">
23
23
 
24
- {%- include {{ LoopScreen | append : 'row.liquid' }} type="event" -%}
24
+ {{ item.row.time }}
25
25
 
26
- {%- elsif item.retail -%}
26
+ </span>
27
27
 
28
- {% assign loop = item.retail %}
28
+ {%- endif -%}
29
29
 
30
- {%- include {{ LoopScreen | append : 'row.liquid' }} type="retail" -%}
30
+ </span>
31
31
 
32
- {%- endif -%}
32
+ {%- elsif RowType == "alert" -%}
33
+
34
+ {%- include {{ LoopAlert | append : 'create.liquid' }}
35
+ context = "screen"
36
+ title = item.row.title -%}
37
+
38
+ {%- elsif RowType == "event" or
39
+ RowType == "retail" -%}
40
+
41
+ <span class="block screen-row {{ item.row.type | prepend : 'type-' }}">
42
+
43
+ {%- if item.row.time -%}
44
+
45
+ <span class="block screen-title small">
46
+
47
+ {{ item.row.time }}
48
+
49
+ </span>
50
+
51
+ {%- endif -%}
52
+
53
+ {%- if item.row.title -%}
54
+
55
+ <span class="block screen-title">
56
+
57
+ {{ item.row.title }}
58
+
59
+ {%- if item.row.cert -%}
60
+
61
+ <sup>{{ item.row.cert }}</sup>
62
+
63
+ {%- endif -%}
64
+
65
+ </span>
66
+
67
+ {%- endif -%}
68
+
69
+ {%- if item.row.subtitle -%}
70
+
71
+ <span class="block screen-title small">
72
+
73
+ {{ item.row.subtitle }}
74
+
75
+ </span>
76
+
77
+ {%- endif -%}
33
78
 
34
- {%- endfor -%}
79
+ </span>
35
80
 
36
- </div>
81
+ {%- endif -%}
37
82
 
38
83
  {%- endif -%}
@@ -0,0 +1,93 @@
1
+
2
+ {% assign RowType = page.row.type %}
3
+
4
+ {%- if RowType == "header" -%}
5
+
6
+ <span class="block screen-row {{ page.row.type | prepend : 'type-' }}">
7
+
8
+ {%- if page.row.title -%}
9
+
10
+ <span class="block screen-title">
11
+
12
+ {{ page.row.title }}
13
+
14
+ </span>
15
+
16
+ {%- endif -%}
17
+
18
+ {%- if page.row.time -%}
19
+
20
+ <span class="block screen-title small">
21
+
22
+ {{ page.row.time }}
23
+
24
+ </span>
25
+
26
+ {%- endif -%}
27
+
28
+ </span>
29
+
30
+ {%- elsif RowType == "alert" -%}
31
+
32
+ {%- include {{ LoopAlert | append : 'create.liquid' }}
33
+ context = "screen"
34
+ title = page.row.title -%}
35
+
36
+ {%- elsif RowType == "event" or
37
+ RowType == "retail" -%}
38
+
39
+ <span class="block screen-row {{ page.row.type | prepend : 'type-' }}">
40
+
41
+ {%- if page.row.time -%}
42
+
43
+ <span class="block screen-title small">
44
+
45
+ {{ page.row.time }}
46
+
47
+ </span>
48
+
49
+ {%- endif -%}
50
+
51
+ {%- if page.row.title -%}
52
+
53
+ <span class="block screen-title">
54
+
55
+ {{ page.row.title }}
56
+
57
+ {%- if page.row.cert -%}
58
+
59
+ <sup>{{ page.row.cert }}</sup>
60
+
61
+ {%- endif -%}
62
+
63
+ </span>
64
+
65
+ {%- endif -%}
66
+
67
+ {%- if page.row.subtitle -%}
68
+
69
+ <span class="block screen-title small">
70
+
71
+ {{ page.row.subtitle }}
72
+
73
+ </span>
74
+
75
+ {%- endif -%}
76
+
77
+ </span>
78
+
79
+ {%- elsif page.row.type == "yousaved" -%}
80
+
81
+ <span class="block form-alert title-you-saved">
82
+
83
+ <span class="block item-object title-you-saved">
84
+
85
+ <span>{{ page.row.title }}</span>
86
+
87
+ <span class="block item-object-price">{{ page.row.amount | prepend : '£' }}</span>
88
+
89
+ </span>
90
+
91
+ </span>
92
+
93
+ {%- endif -%}
@@ -98,7 +98,11 @@
98
98
 
99
99
  <div class="block screen-container">
100
100
 
101
- {%- include {{ SiteContent | append : 'loop.liquid' }} type="screen" -%}
101
+ <div class="block screen-wrap">
102
+
103
+ {%- include {{ SiteContent | append : 'loop.liquid' }} type="screen" -%}
104
+
105
+ </div>
102
106
 
103
107
  </div>
104
108
 
@@ -146,6 +150,12 @@
146
150
 
147
151
  {%- endif -%}
148
152
 
153
+ {%- if page.row -%}
154
+
155
+ {%- include {{ SiteContent | append : 'row.liquid' }} -%}
156
+
157
+ {%- endif -%}
158
+
149
159
  {%- if page.yousaved -%}
150
160
 
151
161
  {%- include {{ SiteContent | append : 'loop.liquid' }} type="yousaved" -%}
@@ -6,6 +6,6 @@
6
6
  {% if page.topic %}{{ PageTopic | prepend : 'topic-' }} in-topic{% endif %}
7
7
  {{ PageTitle | prepend : 'title-' }}">
8
8
 
9
- <div class="block stop" id="{{ ScrollID }}"></div>
9
+ <div class="block stop {{ SiteStyle }}" id="{{ ScrollID }}"></div>
10
10
 
11
11
  {% include {{ SitePage | append : 'title.liquid' }} %}
@@ -15,7 +15,7 @@
15
15
 
16
16
  <div class="title docs-title">{{ page.title }}</div>
17
17
 
18
- {%- if page.button -%}
18
+ {%- if page.accessible -%}
19
19
 
20
20
  <div class="block access-wrap">
21
21
  <div class="block access-small">small</div>
@@ -9,14 +9,13 @@ $title: 2.6rem;
9
9
  font-size: $title * 1.5;
10
10
  }
11
11
 
12
- %border {
13
- border-top: 1px solid rgba(white,20%);
14
- }
15
-
16
12
  .block.screen-container {
17
- grid-template-columns: repeat(2,1fr);
18
- grid-column-gap: 20px;
13
+ grid-gap: 20px;
19
14
  display: grid;
15
+
16
+ @media#{map-get($query,min640)} {
17
+ grid-template-columns: repeat(2,1fr);
18
+ }
20
19
  }
21
20
 
22
21
  .block.screen-row {
@@ -25,8 +24,18 @@ $title: 2.6rem;
25
24
  display: grid;
26
25
  }
27
26
 
28
- .block.screen-row.top {
27
+ %ScreenRow {
28
+ @extend %bold;
29
29
  @include padding(5,5,4.5,5);
30
+
31
+ + .screen-row.type-event,
32
+ + .screen-row.type-retail {
33
+ border-top: 1px solid rgba(white,20%);
34
+ }
35
+ }
36
+
37
+ .block.screen-row.type-header {
38
+ @extend %ScreenRow;
30
39
  background: darken(white,10%);
31
40
  grid-row-gap: $title * 0.1;
32
41
  color: lighten(black,8%);
@@ -40,27 +49,16 @@ $title: 2.6rem;
40
49
  }
41
50
  }
42
51
 
43
- .block.screen-row.alert {
44
- @include padding(3,5,2.5,5);
45
- background: map-get($color,dodgers);
46
- white-space: nowrap;
47
- }
48
-
49
- .block.screen-row.event {
50
- @include padding(5,5,4.5,5);
51
-
52
- + .screen-row.event, + .screen-row.retail {
53
- @extend %border;
54
- }
52
+ .block.screen-row.type-event {
53
+ @extend %ScreenRow;
54
+ background-color: lighten(black,10%);
55
+ color: darken(white,10%);
55
56
  }
56
57
 
57
- .block.screen-row.retail {
58
- @include padding(5,5,4.5,5);
58
+ .block.screen-row.type-retail {
59
+ @extend %ScreenRow;
59
60
  background: lighten(black,18%);
60
-
61
- + .screen-row.retail {
62
- @extend %border;
63
- }
61
+ color: darken(white,10%);
64
62
  }
65
63
 
66
64
  .block.screen-title {
@@ -76,9 +74,6 @@ $title: 2.6rem;
76
74
  }
77
75
 
78
76
  .block.screen-wrap {
79
- @extend %bold;
80
- background-color: lighten(black,10%);
81
- color: darken(white,10%);
82
77
  overflow: hidden;
83
78
  height: 835px;
84
79
  }
@@ -116,3 +116,20 @@
116
116
  color: map-get($color, gray);
117
117
  font-size: 1.8rem;
118
118
  }
119
+
120
+ .wrap.alert-wrap {
121
+ overflow: hidden;
122
+ }
123
+
124
+ .block.alert-content {
125
+ background: map-get($color,dodgers);
126
+ padding: 12px 20px 10px 20px;
127
+ white-space: nowrap;
128
+ display: block;
129
+ color: white;
130
+ }
131
+
132
+ .title.alert-content {
133
+ @extend %bold;
134
+ font-size: 1.6rem;
135
+ }
@@ -1,7 +1,7 @@
1
1
 
2
2
  %SiteSetup {
3
3
  @extend %GridDefault;
4
- padding-top: map-get($topbar,height) + map-get($site,padding);
4
+ padding-top: $BigGap;
5
5
  padding-bottom: map-get($site,padding);
6
6
  justify-content: center;
7
7
  }
@@ -35,6 +35,7 @@ $color : (
35
35
  park : #009640,
36
36
  news : #009fe3,
37
37
  dodgers : #0092FF,
38
+ navy : #1f70ad,
38
39
  green : #259d31,
39
40
  smoke : darken(white,7%),
40
41
  gray : darken(white,25%),
@@ -44,16 +45,12 @@ $color : (
44
45
  coal : lighten(black,5%)
45
46
  );
46
47
 
47
- // map-get($color,system)
48
-
49
48
  $book : (
50
49
  large : 110px,
51
50
  medium : 90px,
52
51
  small : 70px
53
52
  );
54
53
 
55
- // map-get($book,small)
56
-
57
54
  $query : (
58
55
  max599 : 'only screen and (max-width: 599px)',
59
56
  min600 : 'only screen and (min-width: 600px)',
@@ -71,6 +68,6 @@ $radius : 4px;
71
68
  $line : ($radius * 6);
72
69
  $input : 14px;
73
70
 
74
- // map-get($query,max599)
75
-
76
- $NavBorder: 1px solid darken(map-get($color,smoke),10%);
71
+ $NavBorder : 1px solid darken(map-get($color,smoke),10%);
72
+ $BigGap : map-get($topbar,height) + map-get($site,padding);
73
+ $SmallGap : 20px;
@@ -9,8 +9,16 @@
9
9
  top: -192px;
10
10
  }
11
11
 
12
+ .block.stop.style-docs {
13
+ top: -($BigGap + $SmallGap);
14
+ }
15
+
16
+ + .wrap.type-chapter {
17
+ margin-top: $BigGap;
18
+ }
19
+
12
20
  + .wrap.type-page {
13
- margin-top: 20px;
21
+ margin-top: $SmallGap;
14
22
  }
15
23
  }
16
24
 
data/_sass/wrap/page.scss CHANGED
@@ -8,12 +8,16 @@
8
8
  top: -136px;
9
9
  }
10
10
 
11
+ .block.stop.style-docs {
12
+ top: -($SmallGap * 2);
13
+ }
14
+
11
15
  + .wrap.type-page {
12
- margin-top: 20px;
16
+ margin-top: $SmallGap;
13
17
  }
14
18
 
15
19
  + .wrap.type-chapter {
16
- margin-top: 100px;
20
+ margin-top: $BigGap;
17
21
  }
18
22
  }
19
23
 
@@ -0,0 +1,22 @@
1
+
2
+ const Round = (number) => {
3
+ return Math.round(number * 100) / 100
4
+ }
5
+
6
+ const Ratio = (color,backg) => {
7
+ return Round(tinycolor.readability(color,backg));
8
+ }
9
+
10
+ const SmallPasses = (color,backg) => {
11
+ return tinycolor.isReadable(color,backg,{
12
+ level : "AA",
13
+ size : "small"
14
+ });
15
+ }
16
+
17
+ const LargePasses = (color,backg) => {
18
+ return tinycolor.isReadable(color,backg,{
19
+ level : "AA",
20
+ size : "large"
21
+ });
22
+ }
@@ -1 +1 @@
1
- "use strict";var Browseable,BodyIsHome,body="body",site=".site",shade="rgba(0,0,0,0.05)",controller=new ScrollMagic.Controller,BodyClasses=$(body)[0].classList;$(body).hasClass("type-home")&&(BodyIsHome=!0),SiteIsTheme||(Browseable=$(".wrap.type-page").length);var PrintWidth=function(){var e=$(document)[0].documentElement.clientWidth,a=Site.desktop.width-e+"px",o=100/Site.desktop.width*e+"%";$(".width").html(a),gsap.set(Overlay.mobile.bar,{width:o})},CheckWidth=function(){Site.desktop.active?(gsap.set(Overlay.mobile.screen,{clearProps:"display"}),gsap.set(site,{display:Config.display})):(gsap.set(site,{clearProps:"display"}),gsap.set(Overlay.mobile.screen,{display:Config.display}),PrintWidth())};Config.respond||($(CheckWidth),$(window).resize(CheckWidth));var SplitPath=window.location.pathname.split("/"),BookLinks=$(".link.browse-book",".wrap.browse-book"),ChapterBooks=$(".block.browse-book",".wrap.browse-chapter"),ChapterLinks=$(".link.browse-chapter",".wrap.browse-chapter"),PageBooks=$(".block.browse-book",".wrap.browse-page"),PageChapters=$(".block.browse-chapter",".wrap.browse-page"),PageLinks=$(".link.browse-page",".wrap.browse-page"),BackgroundShade={background:shade},ClearDisplay={clearProps:"display"},ClearBackground={clearProps:"background"},DisplayNone={display:"none"},BookClass="",BookNotFound=!0,ChapterClass="",ChapterNotFound=!0,PageClass="",PageNotFound=!0,Found="";$(SplitPath).each(function(e,a){if(1==e)BookClass="book-"+a;else if(2==e){ChapterClass="chapter-"+a}else if(3==e){PageClass="title-"+a}});var StartsWith=function(e,a){"book"==a?e.startsWith("book-")&&(BookClass=e):e.startsWith("chapter-")&&(ChapterClass=e)},CreateMatch=function(e,a){var o=1<arguments.length&&void 0!==a?a:"book";$(e.classList).each(function(e,a){StartsWith(a,o)})},CheckBookClass=function(e){Found=!1,$(e.classList).each(function(e,a){a.startsWith("book-")&&BookClass==a&&(BookNotFound=!(Found=!0))})},CheckChapterClass=function(e){Found=!1,$(e.classList).each(function(e,a){a.startsWith("chapter-")&&ChapterClass==a&&(ChapterNotFound=!(Found=!0))})},CheckPageClass=function(e){Found=!1,$(e.classList).each(function(e,a){a.startsWith("title-")&&PageClass==a&&(PageNotFound=!(Found=!0))})},IfFound=function(e){Found?gsap.set(e,ClearDisplay):gsap.set(e,DisplayNone)},ActiveBook=function(){if(!BodyIsHome){var t="";$(BodyClasses).map(function(e,a){if(a.startsWith("book-")){t=a.slice(5);var o=$("button",Site.topbar.lnk+"."+t);gsap.set(o,{borderBottom:"3px solid"})}})}};SiteIsTheme||$(ActiveBook),$(".item.scroller").each(function(e,a){var o=$(a)[0].classList[2],t="#".concat(o,"-").concat(o),s=".item.scroller.".concat(o);return new ScrollMagic.Scene({triggerElement:t}).setTween(s,.1,{opacity:1}).addTo(controller)});var ChangeScreen=function(e,a,o){var t=Overlay.custom[e],s=".area.overlay-"+t.name,n=$(".input.text-search"),i=$(".wrap.results");"close"==o?(gsap.set(body,{clearProps:"overflow"}),gsap.set(s,{clearProps:"display"}),t.open=!1,"search"==a.name&&(n.val(""),i.empty())):(gsap.set(body,{overflow:"hidden"}),gsap.set(s,{display:Config.display}),t.open=!0,"search"==a.name&&n.focus())},BuildScreens=function(e,a){var o=Overlay.button+"."+a.name,t=Overlay.exit+"."+a.name;$(o).click(function(){ChangeScreen(e,a,"open")}),$(t).click(function(){ChangeScreen(e,a,"close")})},KeyUp=function(o){$(Overlay.custom).map(function(e,a){a.open&&27==o.keyCode&&ChangeScreen(e,a,"close"),a.open||SiteInFocus||(65==o.keyCode&&"about"==a.name&&ChangeScreen(e,a,"open"),66==o.keyCode&&"browse"==a.name&&ChangeScreen(e,a,"open"),83==o.keyCode&&"search"==a.name&&ChangeScreen(e,a,"open"))})};$(Overlay.custom).map(function(e,a){BuildScreens(e,a)}),$(document).keyup(function(e){KeyUp(e)});var RespondBrowse=function(){BookLinks.hover(function(e){CreateMatch(this),gsap.set(BookLinks,ClearBackground),gsap.set(this,BackgroundShade),CheckBookClass(this),ChapterBooks.each(function(e,a){CheckBookClass(a),IfFound(a),gsap.set(a.children,ClearBackground),gsap.set(a.children[0],BackgroundShade)}),PageBooks.each(function(e,a){CheckBookClass(a),IfFound(a),gsap.set(a.children,DisplayNone),gsap.set(a.children[0],ClearDisplay),gsap.set(a.children[0].children,ClearBackground),gsap.set(a.children[0].children[0],BackgroundShade)})}),ChapterLinks.hover(function(e){var a=this.parentElement;CreateMatch(a,"book"),CreateMatch(this,"chapter"),gsap.set(ChapterLinks,ClearBackground),gsap.set(this,BackgroundShade),PageChapters.each(function(e,a){CheckChapterClass(a),IfFound(a),gsap.set(a.children,ClearBackground),gsap.set(a.children[0],BackgroundShade)})}),PageLinks.hover(function(e){gsap.set(PageLinks,ClearBackground),gsap.set(this,BackgroundShade)})};SiteIsTheme||BodyIsHome||Browseable&&RespondBrowse();var SetupHome=function(){BodyIsHome&&(gsap.timeline({repeat:-1,yoyo:!0,defaults:{ease:"sine.inOut"}}).fromTo(".area.book",{y:-5},{duration:1,y:5}),$(".wrap.home").slick(Config.slick),$(".wrap.book").hover(function(){gsap.to(this,{duration:.1,y:-20})},function(){gsap.to(this,{duration:.1,y:0})}))};SiteIsLibrary&&$(SetupHome);var SiteFunc=function(){Config.respond?SiteIsLibrary&&BodyIsHome?gsap.set(site,{display:"block"}):gsap.set(site,{display:Config.display}):Site.mobile.active||(SiteIsLibrary&&BodyIsHome?gsap.set(site,{display:"block"}):gsap.set(site,{display:Config.display})),setTimeout(function(){gsap.set(Overlay.load.screen,{clearProps:"display"}),SiteTl.pause()},1e3)};$(SiteFunc),$(window).resize(SiteFunc);var SmoothScroll=function(){$('a[href*="#"]').not('[href="#"]').not('[href="#0"]').click(function(e){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var a=$(this.hash);(a=a.length?a:$("[name="+this.hash.slice(1)+"]")).length&&(e.preventDefault(),$("html, body").animate({scrollTop:a.offset().top},500,function(){var e=$(a);if(e.focus(),e.is(":focus"))return!1;e.attr("tabindex","-1"),e.focus()}))}})};$(SmoothScroll);var StartBrowse=function(){BookLinks.each(function(e,a){CheckBookClass(a),Found&&gsap.set(a,BackgroundShade)}),ChapterBooks.each(function(e,a){CheckBookClass(a),Found?(gsap.set(a,ClearDisplay),$(a.children).each(function(e,a){CheckChapterClass(a),Found&&gsap.set(a,BackgroundShade)}),ChapterNotFound&&gsap.set(a.children[0],BackgroundShade)):gsap.set(a,DisplayNone)}),PageBooks.each(function(e,a){CheckBookClass(a),Found?(gsap.set(a,ClearDisplay),$(a.children).each(function(e,a){CheckChapterClass(a),Found?(gsap.set(a,ClearDisplay),$(a.children).each(function(e,a){CheckPageClass(a),Found&&gsap.set(a,BackgroundShade)}),PageNotFound&&gsap.set(a.children[0],BackgroundShade)):gsap.set(a,DisplayNone)}),ChapterNotFound&&(gsap.set(a.children[0],ClearDisplay),gsap.set(a.children[0].children[0],BackgroundShade))):gsap.set(a,DisplayNone)})};SiteIsTheme||BodyIsHome||Browseable&&StartBrowse();var Button={target:".button-wrap.switch-button"},ButtonSwitch=function(e,a){var o=$(e.target),t=o.siblings(".button-bg"),s=o.parent(),n={dis:{before:$(s).siblings(".before"),after:$(s).siblings(".after")},dat:{before:$(s).parent().siblings().children(".before"),after:$(s).parent().siblings().children(".after")}},i=[n.dis.before,n.dat.before],r=[n.dis.after,n.dat.after];if(s.hasClass("undo"))"down"===a?gsap.set([s,t],{clearProps:"all"}):"up"===a&&($(s).removeClass("undo"),gsap.set([i,r],{clearProps:"all"}),gsap.set(o,{text:"Next"}));else if("down"===a)gsap.set([s,t],{scale:.95});else if("up"===a){gsap.timeline().to(i,{duration:.2,opacity:0}).set([s,t],{backgroundColor:Color.green}).set(o,{text:"Undo"}).set(i,{display:"none"}).set(r,{display:"block"}).to(t,{duration:.5,scaleX:1.2,scaleY:1.3,opacity:0}).call(function(){$(s).addClass("undo")})}};$(Button.target).mousedown(function(e){ButtonSwitch(e,"down")}).mouseup(function(e){ButtonSwitch(e,"up")});var FocusInputs=["input","textarea"],SetFocus=function(e){SiteInFocus=e};FocusInputs.map(function(e){$(e).focusin(function(){SetFocus(!0)}).focusout(function(){SetFocus(!1)})});var UtilCopy=function(e){var a=document.createElement("textarea");a.value=e,document.body.appendChild(a),a.select(),document.execCommand("copy"),document.body.removeChild(a)},UtilShare=function(e){var a=$(e.target).parents(Site.page.share),o=$(a)[0].classList[2],t=$(a).children(Site.page.url).text().replace("index",""),s=$(a)[0].children[1],n=gsap.timeline(),i="";"page"==o&&(i="Copy page"),UtilCopy(t),n.set(s,{text:"Copied!"}).to(s,{duration:.3,opacity:0},"+=0.6").set(s,{text:i,clearProps:"all"},"+=0.3")};SiteIsTheme||SiteIsShareable&&$(Site.page.share).click(UtilShare);
1
+ "use strict";var Browseable,BodyIsHome,body="body",site=".site",shade="rgba(0,0,0,0.05)",controller=new ScrollMagic.Controller,BodyClasses=$(body)[0].classList;$(body).hasClass("type-home")&&(BodyIsHome=!0),SiteIsTheme||(Browseable=$(".wrap.type-page").length);var PrintWidth=function(){var e=$(document)[0].documentElement.clientWidth,a=Site.desktop.width-e+"px",o=100/Site.desktop.width*e+"%";$(".width").html(a),gsap.set(Overlay.mobile.bar,{width:o})},CheckWidth=function(){Site.desktop.active?(gsap.set(Overlay.mobile.screen,{clearProps:"display"}),gsap.set(site,{display:Config.display})):(gsap.set(site,{clearProps:"display"}),gsap.set(Overlay.mobile.screen,{display:Config.display}),PrintWidth())};Config.respond||($(CheckWidth),$(window).resize(CheckWidth));var SplitPath=window.location.pathname.split("/"),BookLinks=$(".link.browse-book",".wrap.browse-book"),ChapterBooks=$(".block.browse-book",".wrap.browse-chapter"),ChapterLinks=$(".link.browse-chapter",".wrap.browse-chapter"),PageBooks=$(".block.browse-book",".wrap.browse-page"),PageChapters=$(".block.browse-chapter",".wrap.browse-page"),PageLinks=$(".link.browse-page",".wrap.browse-page"),BackgroundShade={background:shade},ClearDisplay={clearProps:"display"},ClearBackground={clearProps:"background"},DisplayNone={display:"none"},BookClass="",BookNotFound=!0,ChapterClass="",ChapterNotFound=!0,PageClass="",PageNotFound=!0,Found="";$(SplitPath).each(function(e,a){if(1==e)BookClass="book-"+a;else if(2==e){ChapterClass="chapter-"+a}else if(3==e){PageClass="title-"+a}});var StartsWith=function(e,a){"book"==a?e.startsWith("book-")&&(BookClass=e):e.startsWith("chapter-")&&(ChapterClass=e)},CreateMatch=function(e,a){var o=1<arguments.length&&void 0!==a?a:"book";$(e.classList).each(function(e,a){StartsWith(a,o)})},CheckBookClass=function(e){Found=!1,$(e.classList).each(function(e,a){a.startsWith("book-")&&BookClass==a&&(BookNotFound=!(Found=!0))})},CheckChapterClass=function(e){Found=!1,$(e.classList).each(function(e,a){a.startsWith("chapter-")&&ChapterClass==a&&(ChapterNotFound=!(Found=!0))})},CheckPageClass=function(e){Found=!1,$(e.classList).each(function(e,a){a.startsWith("title-")&&PageClass==a&&(PageNotFound=!(Found=!0))})},IfFound=function(e){Found?gsap.set(e,ClearDisplay):gsap.set(e,DisplayNone)},Round=function(e){return Math.round(100*e)/100},Ratio=function(e,a){return Round(tinycolor.readability(e,a))},SmallPasses=function(e,a){return tinycolor.isReadable(e,a,{level:"AA",size:"small"})},LargePasses=function(e,a){return tinycolor.isReadable(e,a,{level:"AA",size:"large"})},ActiveBook=function(){if(!BodyIsHome){var t="";$(BodyClasses).map(function(e,a){if(a.startsWith("book-")){t=a.slice(5);var o=$("button",Site.topbar.lnk+"."+t);gsap.set(o,{borderBottom:"3px solid"})}})}};SiteIsTheme||$(ActiveBook),$(".item.scroller").each(function(e,a){var o=$(a)[0].classList[2],t="#".concat(o,"-").concat(o),s=".item.scroller.".concat(o);return new ScrollMagic.Scene({triggerElement:t}).setTween(s,.1,{opacity:1}).addTo(controller)});var ChangeScreen=function(e,a,o){var t=Overlay.custom[e],s=".area.overlay-"+t.name,n=$(".input.text-search"),i=$(".wrap.results");"close"==o?(gsap.set(body,{clearProps:"overflow"}),gsap.set(s,{clearProps:"display"}),t.open=!1,"search"==a.name&&(n.val(""),i.empty())):(gsap.set(body,{overflow:"hidden"}),gsap.set(s,{display:Config.display}),t.open=!0,"search"==a.name&&n.focus())},BuildScreens=function(e,a){var o=Overlay.button+"."+a.name,t=Overlay.exit+"."+a.name;$(o).click(function(){ChangeScreen(e,a,"open")}),$(t).click(function(){ChangeScreen(e,a,"close")})},KeyUp=function(o){$(Overlay.custom).map(function(e,a){a.open&&27==o.keyCode&&ChangeScreen(e,a,"close"),a.open||SiteInFocus||(65==o.keyCode&&"about"==a.name&&ChangeScreen(e,a,"open"),66==o.keyCode&&"browse"==a.name&&ChangeScreen(e,a,"open"),83==o.keyCode&&"search"==a.name&&ChangeScreen(e,a,"open"))})};$(Overlay.custom).map(function(e,a){BuildScreens(e,a)}),$(document).keyup(function(e){KeyUp(e)});var RespondBrowse=function(){BookLinks.hover(function(e){CreateMatch(this),gsap.set(BookLinks,ClearBackground),gsap.set(this,BackgroundShade),CheckBookClass(this),ChapterBooks.each(function(e,a){CheckBookClass(a),IfFound(a),gsap.set(a.children,ClearBackground),gsap.set(a.children[0],BackgroundShade)}),PageBooks.each(function(e,a){CheckBookClass(a),IfFound(a),gsap.set(a.children,DisplayNone),gsap.set(a.children[0],ClearDisplay),gsap.set(a.children[0].children,ClearBackground),gsap.set(a.children[0].children[0],BackgroundShade)})}),ChapterLinks.hover(function(e){var a=this.parentElement;CreateMatch(a,"book"),CreateMatch(this,"chapter"),gsap.set(ChapterLinks,ClearBackground),gsap.set(this,BackgroundShade),PageChapters.each(function(e,a){CheckChapterClass(a),IfFound(a),gsap.set(a.children,ClearBackground),gsap.set(a.children[0],BackgroundShade)})}),PageLinks.hover(function(e){gsap.set(PageLinks,ClearBackground),gsap.set(this,BackgroundShade)})};SiteIsTheme||BodyIsHome||Browseable&&RespondBrowse();var SetupHome=function(){BodyIsHome&&(gsap.timeline({repeat:-1,yoyo:!0,defaults:{ease:"sine.inOut"}}).fromTo(".area.book",{y:-5},{duration:1,y:5}),$(".wrap.home").slick(Config.slick),$(".wrap.book").hover(function(){gsap.to(this,{duration:.1,y:-20})},function(){gsap.to(this,{duration:.1,y:0})}))};SiteIsLibrary&&$(SetupHome);var SiteFunc=function(){Config.respond?SiteIsLibrary&&BodyIsHome?gsap.set(site,{display:"block"}):gsap.set(site,{display:Config.display}):Site.mobile.active||(SiteIsLibrary&&BodyIsHome?gsap.set(site,{display:"block"}):gsap.set(site,{display:Config.display})),setTimeout(function(){gsap.set(Overlay.load.screen,{clearProps:"display"}),SiteTl.pause()},1e3)};$(SiteFunc),$(window).resize(SiteFunc);var SmoothScroll=function(){$('a[href*="#"]').not('[href="#"]').not('[href="#0"]').click(function(e){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var a=$(this.hash);(a=a.length?a:$("[name="+this.hash.slice(1)+"]")).length&&(e.preventDefault(),$("html, body").animate({scrollTop:a.offset().top},500,function(){var e=$(a);if(e.focus(),e.is(":focus"))return!1;e.attr("tabindex","-1"),e.focus()}))}})};$(SmoothScroll);var StartBrowse=function(){BookLinks.each(function(e,a){CheckBookClass(a),Found&&gsap.set(a,BackgroundShade)}),ChapterBooks.each(function(e,a){CheckBookClass(a),Found?(gsap.set(a,ClearDisplay),$(a.children).each(function(e,a){CheckChapterClass(a),Found&&gsap.set(a,BackgroundShade)}),ChapterNotFound&&gsap.set(a.children[0],BackgroundShade)):gsap.set(a,DisplayNone)}),PageBooks.each(function(e,a){CheckBookClass(a),Found?(gsap.set(a,ClearDisplay),$(a.children).each(function(e,a){CheckChapterClass(a),Found?(gsap.set(a,ClearDisplay),$(a.children).each(function(e,a){CheckPageClass(a),Found&&gsap.set(a,BackgroundShade)}),PageNotFound&&gsap.set(a.children[0],BackgroundShade)):gsap.set(a,DisplayNone)}),ChapterNotFound&&(gsap.set(a.children[0],ClearDisplay),gsap.set(a.children[0].children[0],BackgroundShade))):gsap.set(a,DisplayNone)})};SiteIsTheme||BodyIsHome||Browseable&&StartBrowse();var Button={target:".button-wrap.switch-button"},ButtonSwitch=function(e,a){var o=$(e.target),t=o.siblings(".button-bg"),s=o.parent(),n={dis:{before:$(s).siblings(".before"),after:$(s).siblings(".after")},dat:{before:$(s).parent().siblings().children(".before"),after:$(s).parent().siblings().children(".after")}},i=[n.dis.before,n.dat.before],r=[n.dis.after,n.dat.after];if(s.hasClass("undo"))"down"===a?gsap.set([s,t],{clearProps:"all"}):"up"===a&&($(s).removeClass("undo"),gsap.set([i,r],{clearProps:"all"}),gsap.set(o,{text:"Next"}));else if("down"===a)gsap.set([s,t],{scale:.95});else if("up"===a){gsap.timeline().to(i,{duration:.2,opacity:0}).set([s,t],{backgroundColor:Color.green}).set(o,{text:"Undo"}).set(i,{display:"none"}).set(r,{display:"block"}).to(t,{duration:.5,scaleX:1.2,scaleY:1.3,opacity:0}).call(function(){$(s).addClass("undo")})}};$(Button.target).mousedown(function(e){ButtonSwitch(e,"down")}).mouseup(function(e){ButtonSwitch(e,"up")});var FocusInputs=["input","textarea"],SetFocus=function(e){SiteInFocus=e};FocusInputs.map(function(e){$(e).focusin(function(){SetFocus(!0)}).focusout(function(){SetFocus(!1)})});var UtilCopy=function(e){var a=document.createElement("textarea");a.value=e,document.body.appendChild(a),a.select(),document.execCommand("copy"),document.body.removeChild(a)},UtilShare=function(e){var a=$(e.target).parents(Site.page.share),o=$(a)[0].classList[2],t=$(a).children(Site.page.url).text().replace("index",""),s=$(a)[0].children[1],n=gsap.timeline(),i="";"page"==o&&(i="Copy page"),UtilCopy(t),n.set(s,{text:"Copied!"}).to(s,{duration:.3,opacity:0},"+=0.6").set(s,{text:i,clearProps:"all"},"+=0.3")};SiteIsTheme||SiteIsShareable&&$(Site.page.share).click(UtilShare);
@@ -1 +1 @@
1
- "use strict";var SiteIsTheme,SiteIsLibrary,SiteIsShareable,Color={system:"#6e46a0",brand:"#ff8200",supply:"#f00a0a",demo:"#005a9b",generic:"#fe5900",theatre:"#019fc6",talks:"#ff9000",music:"#dc3636",classical:"#bf8f3a",cinema:"#259d31",tours:"#718ab2",hire:"#412f79",members:"#5d91e5",art:"#f90082",shop:"#23D5B0",addicts:"#e6433a",family:"#029ddf",receptive:"#b25400",value:"#5fb641",next:"#ffa905",maybe:"#974597",paradise:"#e8396c",artforall:"#f9ae00",park:"#009640",news:"#009fe3",dodgers:"#0092FF",green:"#259d31"},Artforms={theatre:Color.theatre,talks:Color.talks,music:Color.music,classical:Color.classical,cinema:Color.cinema,tours:Color.tours,hire:Color.hire,members:Color.members,art:Color.art},SiteTl=gsap.timeline({repeat:-1}),SiteInFocus=!1;function Target(e){return document.querySelector(Overlay.load.wrap).children[e-1]}function SwitchOn(e){return{display:"block",fill:e}}function SwitchOff(){return{clearProps:"display",delay:Overlay.load.speed}}"theme"==Config.install&&(SiteIsTheme=!0),"library"==Config.install&&(SiteIsLibrary=!0),Config.shareable&&(SiteIsShareable=!0);var Overlay={mobile:{screen:".area.overlay-mobile",bar:".bar.mobile"},load:{screen:".area.overlay-load",wrap:".wrap.overlay-load",speed:.3},custom:[{name:"about",open:!1},{name:"browse",open:!1},{name:"search",open:!1}],button:"button.navigation",exit:".exit"},Site={scramble:{chars:"1234567890%",speed:.6},mobile:{active:!0},tablet:{active:!1,width:768},desktop:{active:!1,width:1200},topbar:{lnk:".link.navigation"},scroll:{lnk:".lnk.scroller"},chapter:{target:".wrap.type-chapter"},page:{artwork:".area.page-artwork",share:".util-share",url:".util-url",height:560},code:{page:".wrap.type-page.style-docs",expand:".block.expand-block",wrap:".code-wrap",scss:".code-scss",html:".code-html"}};Site.mobile.query="screen and (max-width:"+(Site.tablet.width-1)+"px)",Site.tablet.query="screen and (min-width:"+Site.tablet.width+"px) and (max-width:"+(Site.desktop.width-1)+"px)",Site.desktop.query="screen and (min-width:"+Site.desktop.width+"px)",enquire.register(Site.mobile.query,{match:function(){Site.mobile.active=!0,Site.tablet.active=!1,Site.desktop.active=!1}}),enquire.register(Site.tablet.query,{match:function(){Site.mobile.active=!1,Site.tablet.active=!0,Site.desktop.active=!1}}),enquire.register(Site.desktop.query,{match:function(){Site.mobile.active=!1,Site.tablet.active=!1,Site.desktop.active=!0}});
1
+ "use strict";var SiteIsTheme,SiteIsLibrary,SiteIsShareable,Color={system:"#6e46a0",brand:"#ff8200",supply:"#f00a0a",demo:"#005a9b",generic:"#fe5900",theatre:"#019fc6",talks:"#ff9000",music:"#dc3636",classical:"#bf8f3a",cinema:"#259d31",tours:"#718ab2",hire:"#412f79",members:"#5d91e5",art:"#f90082",shop:"#23D5B0",addicts:"#e6433a",family:"#029ddf",receptive:"#b25400",value:"#5fb641",next:"#ffa905",maybe:"#974597",paradise:"#e8396c",artforall:"#f9ae00",park:"#009640",news:"#009fe3",dodgers:"#0092FF",green:"#259d31"},Artforms={theatre:Color.theatre,talks:Color.talks,music:Color.music,classical:Color.classical,cinema:Color.cinema,tours:Color.tours,hire:Color.hire,members:Color.members,art:Color.art},SiteTl=gsap.timeline({repeat:-1}),SiteInFocus=!1;function Target(e){return document.querySelector(Overlay.load.wrap).children[e-1]}function SwitchOn(e){return{display:"block",fill:e}}function SwitchOff(){return{clearProps:"display",delay:Overlay.load.speed}}"theme"==Config.install&&(SiteIsTheme=!0),"library"==Config.install&&(SiteIsLibrary=!0),Config.shareable&&(SiteIsShareable=!0);var Overlay={mobile:{screen:".area.overlay-mobile",bar:".bar.mobile"},load:{screen:".area.overlay-load",wrap:".wrap.overlay-load",speed:.3},custom:[{name:"about",open:!1},{name:"browse",open:!1},{name:"search",open:!1}],button:"button.navigation",exit:".exit"},Site={access:{small:".access-small",large:".access-large",ratio:".access-ratio",pass:"pass",fail:"fail"},scramble:{chars:"1234567890%",speed:.6},mobile:{active:!0},tablet:{active:!1,width:768},desktop:{active:!1,width:1200},topbar:{lnk:".link.navigation"},scroll:{lnk:".lnk.scroller"},chapter:{target:".wrap.type-chapter"},page:{artwork:".area.page-artwork",share:".util-share",url:".util-url",height:560},code:{page:".wrap.type-page.style-docs",expand:".block.expand-block",wrap:".code-wrap",scss:".code-scss",html:".code-html"}};Site.mobile.query="screen and (max-width:"+(Site.tablet.width-1)+"px)",Site.tablet.query="screen and (min-width:"+Site.tablet.width+"px) and (max-width:"+(Site.desktop.width-1)+"px)",Site.desktop.query="screen and (min-width:"+Site.desktop.width+"px)",enquire.register(Site.mobile.query,{match:function(){Site.mobile.active=!0,Site.tablet.active=!1,Site.desktop.active=!1}}),enquire.register(Site.tablet.query,{match:function(){Site.mobile.active=!1,Site.tablet.active=!0,Site.desktop.active=!1}}),enquire.register(Site.desktop.query,{match:function(){Site.mobile.active=!1,Site.tablet.active=!1,Site.desktop.active=!0}});
@@ -1,6 +1,14 @@
1
1
 
2
2
  let Site = {
3
3
 
4
+ access : {
5
+ small : ".access-small",
6
+ large : ".access-large",
7
+ ratio : ".access-ratio",
8
+ pass : "pass",
9
+ fail : "fail"
10
+ },
11
+
4
12
  scramble : {
5
13
  chars : "1234567890%",
6
14
  speed : 0.6
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: futuro
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.9.0
4
+ version: 0.9.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Paul Heading
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-04-23 00:00:00.000000000 Z
11
+ date: 2020-04-24 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -117,6 +117,8 @@ files:
117
117
  - _includes/html/page/content/chart.liquid
118
118
  - _includes/html/page/content/header.liquid
119
119
  - _includes/html/page/content/loop.liquid
120
+ - _includes/html/page/content/loop/alert/create.liquid
121
+ - _includes/html/page/content/loop/alert/example.liquid
120
122
  - _includes/html/page/content/loop/artwork/image.liquid
121
123
  - _includes/html/page/content/loop/artwork/video.liquid
122
124
  - _includes/html/page/content/loop/button/build.liquid
@@ -158,6 +160,7 @@ files:
158
160
  - _includes/html/page/content/loop/yousaved.liquid
159
161
  - _includes/html/page/content/more.liquid
160
162
  - _includes/html/page/content/roller.liquid
163
+ - _includes/html/page/content/row.liquid
161
164
  - _includes/html/page/footnote.liquid
162
165
  - _includes/html/page/header.liquid
163
166
  - _includes/html/page/info.liquid
@@ -290,6 +293,7 @@ files:
290
293
  - assets/fonts/230883_3_0.eot
291
294
  - assets/fonts/230883_3_0.ttf
292
295
  - assets/fonts/230883_3_0.woff
296
+ - assets/js/footer/custom/Accessibility.js
293
297
  - assets/js/footer/custom/ActiveBook.js
294
298
  - assets/js/footer/custom/AnimateScroller.js
295
299
  - assets/js/footer/custom/CheckWidth.js