futuro 0.7.0 → 0.7.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: 2f9f31404094e0d6a500575610049446771bab42990c4a5d197c8322d23441ec
4
- data.tar.gz: 1d730cb1da36267d7f2498ef55cd307b30e52c1da2d79710fe0e2c6c532175d8
3
+ metadata.gz: 6d22984f7878f9cd0e9f51c00480816ceec0742a1113e778c1e5483b841738c0
4
+ data.tar.gz: f47b59ada7885fb2d68226ad5ca3d601dc48efbc8abd56d6859453acbe2bcfe0
5
5
  SHA512:
6
- metadata.gz: 78247b00131276c95a1413fc0271f4c91d2bd990f388bf374e61988b21f77a2c1b8ce2175438639505d67198bb67a4fbb042ec3c6bd05c7500cecc4357e1b423
7
- data.tar.gz: 3e5a4730197c69644d22bdb9359a1d4fddccb9ceea53094947a8f2d14e6254f4c0bbb61db1aa7893f4a2d354828c3fbe87f56ed5c6d2e54252a7174a9521eeb7
6
+ metadata.gz: be22da982d9996f6f61ec13505cffd185626a1d2f9b1005c234dd9fd902c58e1813efc3a94a6969b6fd72c2bdffe134680f907d76af20852a609817dde7fd905
7
+ data.tar.gz: cf864ab6eb6a2ec81463ecdb05507992cbccf2f925d174e4c316d6486771a716c4ea2039404837d8aeff107c9e6e81705f516ff7409c76107d8726120486dc84
@@ -19,13 +19,13 @@
19
19
  {% if page.live %}
20
20
 
21
21
  <div class="block browse-lnk">
22
- <a href="{{ url }}" class="lnk browse-book book-{{ book }}">{{ title | truncate: 14 }}</a>
22
+ <a href="{{ url }}" class="lnk browse-book book-{{ book }}">{{ title | truncate: 13 }}</a>
23
23
  </div>
24
24
 
25
25
  {% else %}
26
26
 
27
27
  <div class="block browse-lnk">
28
- <a href="/" class="lnk browse-book book-{{ book }} draft">{{ title | truncate: 14 }}</a>
28
+ <a href="/" class="lnk browse-book book-{{ book }} draft">{{ title | truncate: 13 }}</a>
29
29
  </div>
30
30
 
31
31
  {% endif %}
@@ -22,7 +22,7 @@
22
22
  {% assign weight = page.weight | slice: 0,3 %}
23
23
 
24
24
  <div class="block browse-lnk">
25
- <a href="{{ page.url | replace: '/index.html','' }}" class="lnk browse-chapter book-{{ book }} chapter-{{ chapter }}">{{ weight }} {{ page.chapter | truncate: 14 }}</a>
25
+ <a href="{{ page.url | replace: '/index.html','' }}" class="lnk browse-chapter book-{{ book }} chapter-{{ chapter }}">{{ weight }} {{ page.chapter | truncate: 13 }}</a>
26
26
  </div>
27
27
 
28
28
  {% endif %}
@@ -37,7 +37,7 @@
37
37
  {% assign weight = page.weight | slice: 0,5 %}
38
38
 
39
39
  <div class="block browse-lnk">
40
- <a href="{{ page.url | replace: '.html','' }}" class="lnk browse-page chapter-{{ chapter }} title-{{ title }}">{{ weight }} {{ page.title | truncate: 14 }}</a>
40
+ <a href="{{ page.url | replace: '.html','' }}" class="lnk browse-page chapter-{{ chapter }} title-{{ title }}">{{ weight }} {{ page.title | truncate: 13 }}</a>
41
41
  </div>
42
42
 
43
43
  {% endunless %}
@@ -28,7 +28,7 @@
28
28
  {% if page.type == "chapter" %}
29
29
  {{ cDivs }}
30
30
  {% else %}
31
- {{ page.title | truncate: 14 }}
31
+ {{ page.title | truncate: 13 }}
32
32
  {% endif %}
33
33
  </h3>
34
34
 
@@ -3,29 +3,27 @@
3
3
 
4
4
  <div class="area topbar">
5
5
 
6
- <div class="nav left">
7
- <div class="button nav about">
6
+ <div class="block navigation left">
7
+ <button type="button" class="navigation about">
8
8
  {% include svg/site/btn/about.svg %}
9
- </div>
10
- <div class="button nav browse">
9
+ </button>
10
+ <button type="button" class="navigation browse">
11
11
  {% include svg/site/btn/browse.svg %}
12
- </div>
12
+ </button>
13
13
  </div>
14
14
 
15
- <div class="nav main">
15
+ <div class="block navigation main">
16
16
  {% assign loop = site.collections | sort: 'weight' %}
17
17
 
18
18
  {% for page in loop %}
19
19
 
20
20
  {% if page.live %}
21
21
 
22
- <span class="button-wrap navigation {{ page.label }}">
23
- <button type="button">
24
- <a class="link navigation {{ page.label }}" href="{%- if site.setup.install == 'library' -%}{{ label }}{%- else -%}/{%- endif -%}">
25
- <strong>{{ page.label }}</strong>
26
- </a>
27
- </button>
28
- </span>
22
+ <button type="button" class="navigation book {{ page.label }}">
23
+ <a class="link navigation {{ page.label }}" href="{%- if site.setup.install == 'library' -%}{{ label }}{%- else -%}/{%- endif -%}">
24
+ <strong>{{ page.label }}</strong>
25
+ </a>
26
+ </button>
29
27
 
30
28
  {% endif %}
31
29
 
@@ -33,16 +31,16 @@
33
31
 
34
32
  </div>
35
33
 
36
- <div class="nav right">
37
- <div class="button nav cart" style="display:none;">
34
+ <div class="block navigation right">
35
+ <button type="button" class="navigation cart" style="display:none;">
38
36
  {% include svg/site/btn/cart.svg %}
39
- </div>
40
- <div class="button nav count" style="display:none;">
37
+ </button>
38
+ <button type="button" class="navigation count" style="display:none;">
41
39
  <strong>0</strong>
42
- </div>
43
- <div class="button nav search">
40
+ </button>
41
+ <button type="button" class="navigation search">
44
42
  {% include svg/site/btn/search.svg %}
45
- </div>
43
+ </button>
46
44
  </div>
47
45
 
48
46
  </div>
data/_sass/_base.scss CHANGED
@@ -145,6 +145,25 @@ img {
145
145
  }
146
146
 
147
147
  button {
148
- border: none;
148
+ @extend %bold;
149
+ @include borderRad($radius);
150
+ @include padding($l:5,$r:5);
151
+ position: relative;
152
+ background: none;
153
+ border-width: 0;
154
+ cursor: pointer;
155
+ color: white;
156
+ width: 100%;
157
+ z-index: 2;
158
+ }
159
+
160
+ button.navigation {
161
+ letter-spacing: -0.02em;
162
+ border-radius: 0;
163
+ color: $forms;
149
164
  padding: 0;
150
165
  }
166
+
167
+ button.navigation.book {
168
+ padding: 0 20px;
169
+ }
data/_sass/_button.scss CHANGED
@@ -1,23 +1,12 @@
1
1
 
2
- // .btn {
3
- // background-color: transparent;
4
- // }
5
- //
6
- //
7
- // .btn.submit {
8
- // background-color: $gray;
9
- // border-radius: 2px;
10
- // cursor: pointer;
11
- // display: block;
12
- // padding: 10px;
13
- // border: none;
14
- // width: 100%;
15
- // }
16
-
17
2
  .button-wrap {
18
- @extend %button;
19
3
  @include borderRad($radius);
20
4
  @include bg($tint:100%);
5
+ @include ib;
6
+ -webkit-tap-highlight-color: transparent;
7
+ position: relative;
8
+ font-size: 1.6rem;
9
+ cursor: pointer;
21
10
 
22
11
  @media#{$max767} {
23
12
  display: block;
@@ -30,34 +19,6 @@
30
19
  grid-column: 2;
31
20
  }
32
21
  }
33
-
34
- button {
35
- @extend %bold;
36
- @include borderRad($radius);
37
- @include padding($l:5,$r:5);
38
- position: relative;
39
- background: none;
40
- cursor: pointer;
41
- color: white;
42
- width: 100%;
43
- z-index: 2;
44
- }
45
- }
46
-
47
- .button-wrap.navigation {
48
- place-content: center;
49
- padding-right: 20px;
50
- padding-left: 20px;
51
- font-size: inherit;
52
- border-radius: 0;
53
- background: none;
54
- display: grid;
55
-
56
- button {
57
- letter-spacing: -0.02em;
58
- color: $forms;
59
- padding: 0;
60
- }
61
22
  }
62
23
 
63
24
  .button-bg {
@@ -1,5 +1,5 @@
1
1
 
2
- .nav {
2
+ .block.navigation {
3
3
  cursor: pointer;
4
4
 
5
5
  svg {
@@ -7,7 +7,7 @@
7
7
  }
8
8
  }
9
9
 
10
- .nav.left {
10
+ .block.navigation.left {
11
11
  justify-content: flex-start;
12
12
  grid-auto-flow: column;
13
13
  align-content: center;
@@ -19,7 +19,7 @@
19
19
  }
20
20
  }
21
21
 
22
- .nav.main {
22
+ .block.navigation.main {
23
23
  justify-content: center;
24
24
  grid-auto-flow: column;
25
25
  text-align: center;
@@ -27,7 +27,7 @@
27
27
  display: grid;
28
28
  }
29
29
 
30
- .nav.right {
30
+ .block.navigation.right {
31
31
  justify-content: flex-end;
32
32
  grid-auto-flow: column;
33
33
  align-content: center;
@@ -25,6 +25,7 @@
25
25
  "block",
26
26
  "block/browse",
27
27
  "block/clipper",
28
+ "block/navigation",
28
29
  "block/results",
29
30
  "block/stop",
30
31
  "block/util",
@@ -37,7 +38,6 @@
37
38
  "item",
38
39
  "list",
39
40
  "lnk",
40
- "nav",
41
41
  "site",
42
42
  "slick",
43
43
  "split",
@@ -145,11 +145,3 @@
145
145
  }
146
146
 
147
147
  // PATTERNS IMPORT ************************************************************
148
-
149
- %button {
150
- @include ib;
151
- -webkit-tap-highlight-color: transparent;
152
- position: relative;
153
- font-size: 1.6rem;
154
- cursor: pointer;
155
- }
@@ -13,49 +13,36 @@
13
13
 
14
14
  // Topbar Links
15
15
 
16
- .button-wrap.navigation.#{$name} {
17
-
18
- button {
19
- color: $col;
20
- }
16
+ button.navigation.#{$name} {
17
+ color: $col;
21
18
 
22
19
  &:hover {
23
20
  background-color: rgba($col,10%);
24
21
  }
25
22
  }
23
+ }
26
24
 
27
- // Chapter Covers
28
-
29
- .area.type-chapter.book-#{$name} {
30
- background-color: $col;
31
- }
25
+ @mixin ThemeCover($name,$color,$left:false,$chapter:false) {
32
26
 
33
- // Search Results
27
+ @if $chapter {
34
28
 
35
- .block.results-entry.book-#{$name} {
36
- color: $col;
29
+ // Chapter Covers
37
30
 
38
- &:hover {
39
- background-color: rgba($col,10%);
40
- }
31
+ .wrap.type-chapter.chapter-#{$name} {
32
+ background-color: $color;
41
33
 
42
- .block.results-dot {
43
- background-color: $col;
34
+ @if $left {
35
+ .title.chapter-title {
36
+ left: #{$left}px;
37
+ }
38
+ }
44
39
  }
45
- }
46
- }
47
-
48
- @mixin ThemeCover($name,$color,$left:false) {
49
-
50
- // Chapter Covers
40
+ } @else {
51
41
 
52
- .wrap.type-chapter.chapter-#{$name} {
53
- background-color: $color;
42
+ // Chapter Covers
54
43
 
55
- @if $left {
56
- .title.chapter-title {
57
- left: #{$left}px;
58
- }
44
+ .area.type-chapter.book-#{$name} {
45
+ background-color: $color;
59
46
  }
60
47
  }
61
48
  }
@@ -158,24 +145,42 @@
158
145
  }
159
146
  }
160
147
 
161
- @mixin ThemeSearch($name,$col) {
148
+ @mixin ThemeSearch($name,$col,$chapter:false) {
162
149
 
163
- // Search Results
150
+ @if $chapter {
164
151
 
165
- .block.results-entry.chapter-#{$name} {
166
- color: $col;
152
+ // Search Results
167
153
 
168
- &:hover {
169
- background-color: rgba($col,10%);
154
+ .block.results-entry.chapter-#{$name} {
155
+ color: $col;
156
+
157
+ &:hover {
158
+ background-color: rgba($col,10%);
159
+ }
160
+
161
+ .block.results-dot {
162
+ background-color: $col;
163
+ }
170
164
  }
171
165
 
172
- .block.results-dot {
173
- background-color: $col;
166
+ } @else {
167
+
168
+ // Search Results
169
+
170
+ .block.results-entry.book-#{$name} {
171
+ color: $col;
172
+
173
+ &:hover {
174
+ background-color: rgba($color,10%);
175
+ }
176
+
177
+ .block.results-dot {
178
+ background-color: $color;
179
+ }
174
180
  }
175
181
  }
176
182
  }
177
183
 
178
-
179
184
  @mixin ThemeValue($val,$prefix:false,$important:false) {
180
185
 
181
186
  @if $prefix {
@@ -13,10 +13,10 @@ const ChangeScreen = (i,val,state) => {
13
13
  }
14
14
 
15
15
  const BuildScreens = (i,val) => {
16
- let btn = `.btn.nav.${val.name}`,
17
- exit = `.exit.${val.name}`;
16
+ let button = Overlay.button + "." + val.name,
17
+ exit = Overlay.exit + "." + val.name;
18
18
 
19
- $(btn).click(function() {
19
+ $(button).click(function() {
20
20
  ChangeScreen(i,val,"open");
21
21
  });
22
22
 
@@ -1 +1 @@
1
- "use strict";var BrowseScreen,body="body",site=".site",shade="rgba(0,0,0,0.05)",controller=new ScrollMagic.Controller;"theme"!=Config.install&&((BrowseScreen=Overlay.custom[1]).data=$(BrowseScreen.chapter.col).children(BrowseScreen.chunk).children().length);var PrintWidth=function(){var e=$(document)[0].documentElement.clientWidth,o=Site.desktop.width-e+"px",t=100/Site.desktop.width*e+"%";$(".width").html(o),gsap.set(Overlay.mobile.bar,{width:t})},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 ActiveBook=function(){if(!$(body).hasClass("type-home")){var e=$(body)[0].classList,t="";$(e).each(function(e,o){o.startsWith("book-")&&(t=o.slice(5),gsap.set(Site.topbar.lnk+"."+t,{borderBottom:"3px solid"}))})}};$(function(){"theme"!=Config.install&&$(ActiveBook)});var ExpandBlock=function(e){var o=$(e.target),t=o.parent().siblings(Site.page.artwork).children(Site.code.wrap);"none"==t.css("display")?(gsap.set(t,{display:Config.display}),gsap.set(o,{text:"Hide"})):(gsap.set(t,{clearProps:"display"}),gsap.set(o,{text:"Show"}))};"docs"==Config.style&&$(Site.code.expand).click(function(e){ExpandBlock(e)});var ChangeScreen=function(e,o,t){"close"==t?(gsap.set(body,{clearProps:"overflow"}),gsap.set(".overlay."+Overlay.custom[e].name,{clearProps:"display"}),Overlay.custom[e].open=!1):(gsap.set(body,{overflow:"hidden"}),gsap.set(".overlay."+Overlay.custom[e].name,{display:Config.display}),Overlay.custom[e].open=!0)},BuildScreens=function(e,o){var t=".btn.nav.".concat(o.name),n=".exit.".concat(o.name);$(t).click(function(){ChangeScreen(e,o,"open")}),$(n).click(function(){ChangeScreen(e,o,"close")})},KeyUp=function(t){27==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[e].open&&ChangeScreen(e,o,"close")}),65==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[0].open||(ChangeScreen(0,o,"open"),console.log(t.keyCode))}),66==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[1].open||ChangeScreen(1,o,"open")}),83==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[2].open||ChangeScreen(2,o,"open")})};$(function(){$(Overlay.custom).each(function(e,o){BuildScreens(e,o)})}),$(document).keyup(function(e){Site.focus||KeyUp(e)});var ScrollerUpdate=function(){var e=$(Site.scroll.lnk);1<e.length&&e.each(function(){var e=$(this)[0].classList[2],o=gsap.to(Site.scroll.lnk+"."+e,{duration:.1,opacity:1});new ScrollMagic.Scene({triggerElement:"#"+e}).setTween(o).addTo(controller)})},ScrollFunc=function(){var n="<div class='block scroller'><div class='wrap scroller'>";$(Site.chapter.target).each(function(e,o){var t=$(o)[0].children[0].id;0==e?n+='<a class="lnk scroller '.concat(t,'" href="#').concat(t,'" style=""><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="26" height="26" viewBox="0 0 26 26" xml:space="preserve" enable-background="new 0 0 26 26"><path d="M13,5l9,14H4L13,5z"/></svg></a>'):e==$(Site.chapter.target).length-1?n+='<a class="lnk scroller '.concat(t,'" href="#').concat(t,'"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="26" height="26" viewBox="0 0 26 26" xml:space="preserve" enable-background="new 0 0 26 26"><path d="M13,21L4,7h18L13,21z"/></svg></a>'):n+='<a class="lnk scroller '.concat(t,'" href="#').concat(t,'"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="26" height="26" viewBox="0 0 26 26" xml:space="preserve" enable-background="new 0 0 26 26"><circle cx="13" cy="13" r="9"/></svg></a>')}),n+="</div></div>",$(site).append(n),ScrollerUpdate(),SmoothScroll()};$(function(){"theme"!=Config.install&&1<$(Site.chapter.target).length&&ScrollFunc()});var SetupHome=function(){$(body).hasClass("type-home")&&(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})}))};"library"==Config.install&&$(SetupHome);var isLibraryHome="library"==Config.install&&$(body).hasClass("type-home"),SiteFunc=function(){Config.respond?isLibraryHome?gsap.set(site,{display:"block"}):gsap.set(site,{display:Config.display}):Site.mobile.active||(isLibraryHome?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 o=$(this.hash);(o=o.length?o:$("[name="+this.hash.slice(1)+"]")).length&&(e.preventDefault(),$("html, body").animate({scrollTop:o.offset().top},500,function(){var e=$(o);if(e.focus(),e.is(":focus"))return!1;e.attr("tabindex","-1"),e.focus()}))}})};$(SmoothScroll);var SplitCode=function(){$(Site.code.page).each(function(e,o){$(Site.code.scss,this);var t=$(Site.code.html,this),n=t.html();t.text(n)})};"docs"==Config.style&&$(SplitCode);var StartBrowse=function(){var e=$(".block.browse-lnk",BrowseScreen.book.col)[0],o=$(".block.browse-chunk",BrowseScreen.chapter.col)[0],t=$(".block.browse-chunk",BrowseScreen.page.col)[0],n=$(t)[0].children[0],r=$(e)[0].children[0],a=$(o)[0].children[0].children[0],s=$(n)[0].children[0].children[0];gsap.timeline().set(BrowseScreen.chunk,{display:"none"}).set([o,t,n],{display:"block"}).set([r,a,s],{backgroundColor:shade})},HoverBook=function(e){var o=$(e.target)[0].classList[2].slice(5),t=$(BrowseScreen.chunk+"."+o,BrowseScreen.chapter.col),n=$(BrowseScreen.chunk+"."+o,BrowseScreen.page.col),r=$(n)[0].children[0],a=$(t)[0].children[0].children[0],s=$(r)[0].children[0].children[0];gsap.timeline().set(BrowseScreen.chunk,{display:"none"}).set([t,n,r],{display:"block"}).set([BrowseScreen.book.lnk,BrowseScreen.chapter.lnk,BrowseScreen.page.lnk],{clearProps:"backgroundColor"}).set([$(e.target),a,s],{backgroundColor:shade})},HoverChap=function(e){var o=$(e.target)[0].classList[2].slice(5),t=$(e.target)[0].classList[3].slice(8),n=$(BrowseScreen.chunk+"."+o,BrowseScreen.chapter.col),r=$(BrowseScreen.chunk+"."+o,BrowseScreen.page.col),a=$(BrowseScreen.chunk+"."+t,r),s=$(a)[0].children[0].children[0];gsap.timeline().set(BrowseScreen.chunk,{display:"none"}).set([n,r,a],{display:"block"}).set([BrowseScreen.chapter.lnk,BrowseScreen.page.lnk],{clearProps:"backgroundColor"}).set([$(e.target),s],{backgroundColor:shade})},HoverPage=function(e){gsap.timeline().set(BrowseScreen.page.lnk,{clearProps:"backgroundColor"}).set($(e.target),{backgroundColor:shade})};"theme"!=Config.install&&$(function(){$(body).hasClass("type-home")||0<BrowseScreen.data&&(StartBrowse(),$(BrowseScreen.book.lnk).hover(function(e){HoverBook(e)}),$(BrowseScreen.chapter.lnk).hover(function(e){HoverChap(e)}),$(BrowseScreen.page.lnk).hover(function(e){HoverPage(e)}))});var Confirm={target:".button-wrap.switch-button",lock:!1},ButtonConfirm=function(e,o){var t=$(e.target),n=t.siblings(".button-bg"),r=t.parent(),a=[t,r,n],s={dis:{before:$(r).siblings(".before"),after:$(r).siblings(".after")},dat:{before:$(r).parent().siblings().children(".before"),after:$(r).parent().siblings().children(".after")}};if(!Confirm.lock)if("down"==o)gsap.set([r,n],{scale:.95});else if("up"==o){var c=gsap.timeline();gsap.timeline().to([s.dis.before,s.dat.before],{duration:.2,opacity:0}).set([s.dis.before,s.dat.before],{display:"none",delay:.2}).set([s.dis.after,s.dat.after],{display:"block"}),c.call(function(){Confirm.lock=!0}).set(a,{clearProps:"all"}).set([r,n],{backgroundColor:Color.green}).to(n,{duration:.5,scaleX:1.2,scaleY:1.3,opacity:0}).set(a,{clearProps:"all",delay:1}).call(function(){Confirm.lock=!1})}};$(Confirm.target).mousedown(function(e){ButtonConfirm(e,"down")}).mouseup(function(e){ButtonConfirm(e,"up")});var SwitchFocus=function(){$("input,textarea").focusin(function(){Site.focus=!0}),$("input,textarea").focusout(function(){Site.focus=!1})};$(SwitchFocus);var UtilCopy=function(e){var o=document.createElement("textarea");o.value=e,document.body.appendChild(o),o.select(),document.execCommand("copy"),document.body.removeChild(o)},UtilShare=function(e){var o=$(e.target).parents(Site.page.share),t=$(o)[0].classList[2],n=$(o).children(Site.page.url).text().replace("index",""),r=$(o)[0].children[1],a=gsap.timeline(),s="";"page"==t&&(s="Copy page"),UtilCopy(n),a.set(r,{text:"Copied!"}).to(r,{duration:.3,opacity:0},"+=0.6").set(r,{text:s,clearProps:"all"},"+=0.3")};"theme"!=Config.install&&Config.share&&$(function(){$(Site.page.share).click(UtilShare)});
1
+ "use strict";var BrowseScreen,body="body",site=".site",shade="rgba(0,0,0,0.05)",controller=new ScrollMagic.Controller;"theme"!=Config.install&&((BrowseScreen=Overlay.custom[1]).data=$(BrowseScreen.chapter.col).children(BrowseScreen.chunk).children().length);var PrintWidth=function(){var e=$(document)[0].documentElement.clientWidth,o=Site.desktop.width-e+"px",t=100/Site.desktop.width*e+"%";$(".width").html(o),gsap.set(Overlay.mobile.bar,{width:t})},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 ActiveBook=function(){if(!$(body).hasClass("type-home")){var e=$(body)[0].classList,t="";$(e).each(function(e,o){o.startsWith("book-")&&(t=o.slice(5),gsap.set(Site.topbar.lnk+"."+t,{borderBottom:"3px solid"}))})}};$(function(){"theme"!=Config.install&&$(ActiveBook)});var ExpandBlock=function(e){var o=$(e.target),t=o.parent().siblings(Site.page.artwork).children(Site.code.wrap);"none"==t.css("display")?(gsap.set(t,{display:Config.display}),gsap.set(o,{text:"Hide"})):(gsap.set(t,{clearProps:"display"}),gsap.set(o,{text:"Show"}))};"docs"==Config.style&&$(Site.code.expand).click(function(e){ExpandBlock(e)});var ChangeScreen=function(e,o,t){"close"==t?(gsap.set(body,{clearProps:"overflow"}),gsap.set(".overlay."+Overlay.custom[e].name,{clearProps:"display"}),Overlay.custom[e].open=!1):(gsap.set(body,{overflow:"hidden"}),gsap.set(".overlay."+Overlay.custom[e].name,{display:Config.display}),Overlay.custom[e].open=!0)},BuildScreens=function(e,o){var t=Overlay.button+"."+o.name,n=Overlay.exit+"."+o.name;$(t).click(function(){ChangeScreen(e,o,"open")}),$(n).click(function(){ChangeScreen(e,o,"close")})},KeyUp=function(t){27==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[e].open&&ChangeScreen(e,o,"close")}),65==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[0].open||(ChangeScreen(0,o,"open"),console.log(t.keyCode))}),66==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[1].open||ChangeScreen(1,o,"open")}),83==t.keyCode&&$(Overlay.custom).each(function(e,o){Overlay.custom[2].open||ChangeScreen(2,o,"open")})};$(function(){$(Overlay.custom).each(function(e,o){BuildScreens(e,o)})}),$(document).keyup(function(e){Site.focus||KeyUp(e)});var ScrollerUpdate=function(){var e=$(Site.scroll.lnk);1<e.length&&e.each(function(){var e=$(this)[0].classList[2],o=gsap.to(Site.scroll.lnk+"."+e,{duration:.1,opacity:1});new ScrollMagic.Scene({triggerElement:"#"+e}).setTween(o).addTo(controller)})},ScrollFunc=function(){var n="<div class='block scroller'><div class='wrap scroller'>";$(Site.chapter.target).each(function(e,o){var t=$(o)[0].children[0].id;0==e?n+='<a class="lnk scroller '.concat(t,'" href="#').concat(t,'" style=""><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="26" height="26" viewBox="0 0 26 26" xml:space="preserve" enable-background="new 0 0 26 26"><path d="M13,5l9,14H4L13,5z"/></svg></a>'):e==$(Site.chapter.target).length-1?n+='<a class="lnk scroller '.concat(t,'" href="#').concat(t,'"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="26" height="26" viewBox="0 0 26 26" xml:space="preserve" enable-background="new 0 0 26 26"><path d="M13,21L4,7h18L13,21z"/></svg></a>'):n+='<a class="lnk scroller '.concat(t,'" href="#').concat(t,'"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="26" height="26" viewBox="0 0 26 26" xml:space="preserve" enable-background="new 0 0 26 26"><circle cx="13" cy="13" r="9"/></svg></a>')}),n+="</div></div>",$(site).append(n),ScrollerUpdate(),SmoothScroll()};$(function(){"theme"!=Config.install&&1<$(Site.chapter.target).length&&ScrollFunc()});var SetupHome=function(){$(body).hasClass("type-home")&&(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})}))};"library"==Config.install&&$(SetupHome);var isLibraryHome="library"==Config.install&&$(body).hasClass("type-home"),SiteFunc=function(){Config.respond?isLibraryHome?gsap.set(site,{display:"block"}):gsap.set(site,{display:Config.display}):Site.mobile.active||(isLibraryHome?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 o=$(this.hash);(o=o.length?o:$("[name="+this.hash.slice(1)+"]")).length&&(e.preventDefault(),$("html, body").animate({scrollTop:o.offset().top},500,function(){var e=$(o);if(e.focus(),e.is(":focus"))return!1;e.attr("tabindex","-1"),e.focus()}))}})};$(SmoothScroll);var SplitCode=function(){$(Site.code.page).each(function(e,o){$(Site.code.scss,this);var t=$(Site.code.html,this),n=t.html();t.text(n)})};"docs"==Config.style&&$(SplitCode);var StartBrowse=function(){var e=$(".block.browse-lnk",BrowseScreen.book.col)[0],o=$(".block.browse-chunk",BrowseScreen.chapter.col)[0],t=$(".block.browse-chunk",BrowseScreen.page.col)[0],n=$(t)[0].children[0],r=$(e)[0].children[0],a=$(o)[0].children[0].children[0],s=$(n)[0].children[0].children[0];gsap.timeline().set(BrowseScreen.chunk,{display:"none"}).set([o,t,n],{display:"block"}).set([r,a,s],{backgroundColor:shade})},HoverBook=function(e){var o=$(e.target)[0].classList[2].slice(5),t=$(BrowseScreen.chunk+"."+o,BrowseScreen.chapter.col),n=$(BrowseScreen.chunk+"."+o,BrowseScreen.page.col),r=$(n)[0].children[0],a=$(t)[0].children[0].children[0],s=$(r)[0].children[0].children[0];gsap.timeline().set(BrowseScreen.chunk,{display:"none"}).set([t,n,r],{display:"block"}).set([BrowseScreen.book.lnk,BrowseScreen.chapter.lnk,BrowseScreen.page.lnk],{clearProps:"backgroundColor"}).set([$(e.target),a,s],{backgroundColor:shade})},HoverChap=function(e){var o=$(e.target)[0].classList[2].slice(5),t=$(e.target)[0].classList[3].slice(8),n=$(BrowseScreen.chunk+"."+o,BrowseScreen.chapter.col),r=$(BrowseScreen.chunk+"."+o,BrowseScreen.page.col),a=$(BrowseScreen.chunk+"."+t,r),s=$(a)[0].children[0].children[0];gsap.timeline().set(BrowseScreen.chunk,{display:"none"}).set([n,r,a],{display:"block"}).set([BrowseScreen.chapter.lnk,BrowseScreen.page.lnk],{clearProps:"backgroundColor"}).set([$(e.target),s],{backgroundColor:shade})},HoverPage=function(e){gsap.timeline().set(BrowseScreen.page.lnk,{clearProps:"backgroundColor"}).set($(e.target),{backgroundColor:shade})};"theme"!=Config.install&&$(function(){$(body).hasClass("type-home")||0<BrowseScreen.data&&(StartBrowse(),$(BrowseScreen.book.lnk).hover(function(e){HoverBook(e)}),$(BrowseScreen.chapter.lnk).hover(function(e){HoverChap(e)}),$(BrowseScreen.page.lnk).hover(function(e){HoverPage(e)}))});var Confirm={target:".button-wrap.switch-button",lock:!1},ButtonConfirm=function(e,o){var t=$(e.target),n=t.siblings(".button-bg"),r=t.parent(),a=[t,r,n],s={dis:{before:$(r).siblings(".before"),after:$(r).siblings(".after")},dat:{before:$(r).parent().siblings().children(".before"),after:$(r).parent().siblings().children(".after")}};if(!Confirm.lock)if("down"==o)gsap.set([r,n],{scale:.95});else if("up"==o){var c=gsap.timeline();gsap.timeline().to([s.dis.before,s.dat.before],{duration:.2,opacity:0}).set([s.dis.before,s.dat.before],{display:"none",delay:.2}).set([s.dis.after,s.dat.after],{display:"block"}),c.call(function(){Confirm.lock=!0}).set(a,{clearProps:"all"}).set([r,n],{backgroundColor:Color.green}).to(n,{duration:.5,scaleX:1.2,scaleY:1.3,opacity:0}).set(a,{clearProps:"all",delay:1}).call(function(){Confirm.lock=!1})}};$(Confirm.target).mousedown(function(e){ButtonConfirm(e,"down")}).mouseup(function(e){ButtonConfirm(e,"up")});var SwitchFocus=function(){$("input,textarea").focusin(function(){Site.focus=!0}),$("input,textarea").focusout(function(){Site.focus=!1})};$(SwitchFocus);var UtilCopy=function(e){var o=document.createElement("textarea");o.value=e,document.body.appendChild(o),o.select(),document.execCommand("copy"),document.body.removeChild(o)},UtilShare=function(e){var o=$(e.target).parents(Site.page.share),t=$(o)[0].classList[2],n=$(o).children(Site.page.url).text().replace("index",""),r=$(o)[0].children[1],a=gsap.timeline(),s="";"page"==t&&(s="Copy page"),UtilCopy(n),a.set(r,{text:"Copied!"}).to(r,{duration:.3,opacity:0},"+=0.6").set(r,{text:s,clearProps:"all"},"+=0.3")};"theme"!=Config.install&&Config.share&&$(function(){$(Site.page.share).click(UtilShare)});
@@ -1 +1 @@
1
- "use strict";var 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",membership:"#5d91e5",art:"#f90082",shop:"#23D5B0",addicts:"#e6433a",family:"#029ddf",receptive:"#b25400",value:"#5fb641",next:"#ffa905",maybe:"#974597",earthlyparadise:"#e8396c",artforall:"#f9ae00",aroundthepark:"#009640",newsfromnowhere:"#009fe3",dodgers:"#0092FF",green:"#259d31"},Overlay={mobile:{screen:".area.overlay.mobile",bar:".bar.mobile"},load:{screen:".area.overlay.load",speed:.3},custom:[{name:"about",open:!1},{name:"browse",open:!1,chunk:".browse-chunk",book:{lnk:".lnk.browse-book",col:".col.browse.book"},chapter:{lnk:".lnk.browse-chapter",col:".col.browse.chapter"},page:{lnk:".lnk.browse-page",col:".col.browse.page"}},{name:"search",open:!1}]},Site={mobile:{active:!0},tablet:{active:!1,width:768},desktop:{active:!1,width:1200},focus:!1,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 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",membership:"#5d91e5",art:"#f90082",shop:"#23D5B0",addicts:"#e6433a",family:"#029ddf",receptive:"#b25400",value:"#5fb641",next:"#ffa905",maybe:"#974597",earthlyparadise:"#e8396c",artforall:"#f9ae00",aroundthepark:"#009640",newsfromnowhere:"#009fe3",dodgers:"#0092FF",green:"#259d31"},Overlay={mobile:{screen:".area.overlay.mobile",bar:".bar.mobile"},load:{screen:".area.overlay.load",speed:.3},button:"button.navigation",exit:".exit",custom:[{name:"about",open:!1},{name:"browse",open:!1,chunk:".browse-chunk",book:{lnk:".lnk.browse-book",col:".col.browse.book"},chapter:{lnk:".lnk.browse-chapter",col:".col.browse.chapter"},page:{lnk:".lnk.browse-page",col:".col.browse.page"}},{name:"search",open:!1}]},Site={mobile:{active:!0},tablet:{active:!1,width:768},desktop:{active:!1,width:1200},focus:!1,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}});
@@ -11,6 +11,9 @@ let Overlay = {
11
11
  speed : 0.3
12
12
  },
13
13
 
14
+ button : "button.navigation",
15
+ exit : ".exit",
16
+
14
17
  custom : [
15
18
  {
16
19
  name : "about",
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.7.0
4
+ version: 0.7.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-03-23 00:00:00.000000000 Z
11
+ date: 2020-03-24 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -162,7 +162,6 @@ files:
162
162
  - _sass/_item.scss
163
163
  - _sass/_list.scss
164
164
  - _sass/_lnk.scss
165
- - _sass/_nav.scss
166
165
  - _sass/_normalize.scss
167
166
  - _sass/_site.scss
168
167
  - _sass/_slick.scss
@@ -179,6 +178,7 @@ files:
179
178
  - _sass/area/topbar.scss
180
179
  - _sass/block/browse.scss
181
180
  - _sass/block/clipper.scss
181
+ - _sass/block/navigation.scss
182
182
  - _sass/block/results.scss
183
183
  - _sass/block/stop.scss
184
184
  - _sass/block/util.scss