futuro 0.4.7 → 0.4.8

data/assets/js/footer/custom/Settings.js

@@ -1,9 +1,11 @@
 
-let body       = "body",
-    shade      = "rgba(0,0,0,0.05)",
+let body  = "body",
+    site  = ".site",
+    shade = "rgba(0,0,0,0.05)",
     controller = new ScrollMagic.Controller(),
-    half       = Site.page * 0.5;
+    BrowseScreen;
 
-if (Overlay.browse.active) {
-  Overlay.browse.data = $(Overlay.browse.chapter.col).children(Overlay.browse.chunk).children().length;
+if (Config.install != "theme") {
+  BrowseScreen = Overlay.custom[1];
+  BrowseScreen.data = $(BrowseScreen.chapter.col).children(BrowseScreen.chunk).children().length;
 }

data/assets/js/footer/custom/SetupHome.js

@@ -1,8 +1,7 @@
 
 const SetupHome = () => {
 
-  if ($(body).hasClass('setup-library') &&
-      $(body).hasClass('layout-single')) {
+  if ($(body).hasClass("type-home")) {
 
     let tl = gsap.timeline({repeat:-1,yoyo:true,defaults:{ease:"sine.inOut"}});
 
@@ -20,6 +19,6 @@ const SetupHome = () => {
   }
 }
 
-if (Site.home.active) {
+if (Config.install == "library") {
   $(SetupHome);
 }

data/assets/js/footer/custom/SiteFunc.js

@@ -1,31 +1,38 @@
 
 const SiteFunc = () => {
 
-  if (!Site.respond) {
+  if (!Config.respond) {
 
-    if (!Site.mobile) {
+    if (!Site.mobile.active) {
+
+      if (Config.install == "library" && $(body).hasClass("type-home")) {
+
+        gsap.set(site,{ display : "block" });
 
-      if ($(body).hasClass("setup-library") &&
-          $(body).hasClass("type-home")) {
-          gsap.set(Site.target,{display:"block"});
       } else {
-        gsap.set(Site.target,{display:Site.open});
+
+        gsap.set(site,{ display : Config.display });
+
       }
     }
   }
 
   else {
-    gsap.set(Site.target,{display:Site.open});
+
+    gsap.set(site,{ display : Config.display });
+
   }
 
   setTimeout(function() {
 
-    gsap.set(Overlay.load.screen,{display:"none"});
+    gsap.set(Overlay.load.screen,{ clearProps : "display" });
+
     SiteTl.pause();
+
   },1000);
-}
 
-if (Overlay.load.active) {
-  $(SiteFunc);
-  $(window).resize(SiteFunc);
 }
+
+$(SiteFunc);
+
+$(window).resize(SiteFunc);

data/assets/js/footer/custom/SplitCode.js

@@ -9,6 +9,6 @@ const SplitCode = () => {
   });
 }
 
-if (Site.code.active) {
+if (Config.style == "docs") {
   $(SplitCode);
 }

data/assets/js/footer/custom/StartBrowse.js

@@ -1,8 +1,8 @@
 
 const StartBrowse = () => {
-  let book    = $(".block.browse-lnk",   Overlay.browse.book.col)[0],
-      chapter = $(".block.browse-chunk", Overlay.browse.chapter.col)[0],
-      page    = $(".block.browse-chunk", Overlay.browse.page.col)[0],
+  let book    = $(".block.browse-lnk",   BrowseScreen.book.col)[0],
+      chapter = $(".block.browse-chunk", BrowseScreen.chapter.col)[0],
+      page    = $(".block.browse-chunk", BrowseScreen.page.col)[0],
       pChild  = $(page)[0].children[0],
       bShade  = $(book)[0].children[0],
       cShade  = $(chapter)[0].children[0].children[0],
@@ -10,7 +10,7 @@ const StartBrowse = () => {
       tl      = gsap.timeline();
 
       tl
-      .set(Overlay.browse.chunk,{display:"none"})
+      .set(BrowseScreen.chunk,{display:"none"})
       .set([chapter,page,pChild],{display:"block"})
       .set([bShade,cShade,pShade],{backgroundColor:shade})
       ;
@@ -18,33 +18,33 @@ const StartBrowse = () => {
 
 const HoverBook = (e) => {
   let label   = $(e.target)[0].classList[2].slice(5),
-      chapter = $(Overlay.browse.chunk + "." + label, Overlay.browse.chapter.col),
-      page    = $(Overlay.browse.chunk + "." + label, Overlay.browse.page.col),
+      chapter = $(BrowseScreen.chunk + "." + label, BrowseScreen.chapter.col),
+      page    = $(BrowseScreen.chunk + "." + label, BrowseScreen.page.col),
       pChild  = $(page)[0].children[0],
       cShade  = $(chapter)[0].children[0].children[0],
       pShade  = $(pChild)[0].children[0].children[0],
       tl      = gsap.timeline();
 
       tl
-      .set(Overlay.browse.chunk,{display:"none"})
+      .set(BrowseScreen.chunk,{display:"none"})
       .set([chapter,page,pChild],{display:"block"})
-      .set([Overlay.browse.book.lnk,Overlay.browse.chapter.lnk,Overlay.browse.page.lnk],{clearProps:"backgroundColor"})
+      .set([BrowseScreen.book.lnk,BrowseScreen.chapter.lnk,BrowseScreen.page.lnk],{clearProps:"backgroundColor"})
       .set([$(e.target),cShade,pShade],{backgroundColor:shade});
 }
 
 const HoverChap = (e) => {
   let aLabel     = $(e.target)[0].classList[2].slice(5),
       bLabel     = $(e.target)[0].classList[3].slice(8),
-      cChunk     = $(Overlay.browse.chunk + "." + aLabel, Overlay.browse.chapter.col),
-      pChunkA    = $(Overlay.browse.chunk + "." + aLabel, Overlay.browse.page.col),
-      pChunkB    = $(Overlay.browse.chunk + "." + bLabel, pChunkA),
+      cChunk     = $(BrowseScreen.chunk + "." + aLabel, BrowseScreen.chapter.col),
+      pChunkA    = $(BrowseScreen.chunk + "." + aLabel, BrowseScreen.page.col),
+      pChunkB    = $(BrowseScreen.chunk + "." + bLabel, pChunkA),
       pChunkBKid = $(pChunkB)[0].children[0].children[0],
       tl         = gsap.timeline();
 
       tl
-      .set(Overlay.browse.chunk,{display:"none"})
+      .set(BrowseScreen.chunk,{display:"none"})
       .set([cChunk,pChunkA,pChunkB],{display:"block"})
-      .set([Overlay.browse.chapter.lnk,Overlay.browse.page.lnk],{clearProps:"backgroundColor"})
+      .set([BrowseScreen.chapter.lnk,BrowseScreen.page.lnk],{clearProps:"backgroundColor"})
       .set([$(e.target),pChunkBKid],{backgroundColor:shade});
 }
 
@@ -52,32 +52,23 @@ const HoverPage = (e) => {
   let tl = gsap.timeline();
 
       tl
-      .set(Overlay.browse.page.lnk,{clearProps:"backgroundColor"})
+      .set(BrowseScreen.page.lnk,{clearProps:"backgroundColor"})
       .set($(e.target),{backgroundColor:shade});
 }
 
-if (Overlay.browse.active) {
+if (Config.install != "theme") {
 
   $(function(){
 
-    if (!$(body).hasClass(Site.home.class)) {
-
-      if (Overlay.browse.data > 0) {
+    if (!$(body).hasClass("type-home")) {
 
+      if (BrowseScreen.data > 0) {
         StartBrowse();
-
-        $(Overlay.browse.book.lnk).hover( function (e) {
-          HoverBook(e);
-        });
-
-        $(Overlay.browse.chapter.lnk).hover( function (e) {
-          HoverChap(e);
-        });
-
-        $(Overlay.browse.page.lnk).hover( function (e) {
-          HoverPage(e);
-        });
+        $(BrowseScreen.book.lnk).hover(function(e){ HoverBook(e); });
+        $(BrowseScreen.chapter.lnk).hover(function(e){ HoverChap(e); });
+        $(BrowseScreen.page.lnk).hover(function(e){ HoverPage(e); });
       }
     }
   });
+
 }

data/assets/js/footer/custom/SwitchFocus.js

@@ -0,0 +1,15 @@
+
+const SwitchFocus = () => {
+
+  $("input,textarea").focusin(function() {
+    Site.focus = true;
+    console.log("site.focus",Site.focus);
+  });
+
+  $("input,textarea").focusout(function() {
+    Site.focus = false;
+    console.log("site.focus",Site.focus);
+  });
+}
+
+$(SwitchFocus);

data/assets/js/footer/custom/UtilShare.js

@@ -28,10 +28,10 @@ const UtilShare = e => {
       .set(title,{text:reset,clearProps:'all'},'+=0.3');
 }
 
-if (Site.page.active) {
-
-  $(function(){
-    $(Site.page.share).click(UtilShare);
-  });
-
+if (Config.install != "theme") {
+  if (Config.share) {
+    $(function(){
+      $(Site.page.share).click(UtilShare);
+    });
+  }
 }

data/assets/js/futuro.footer.custom.js

@@ -1 +1 @@
-"use strict";var body="body",shade="rgba(0,0,0,0.05)",controller=new ScrollMagic.Controller,half=.5*Site.page;Overlay.browse.active&&(Overlay.browse.data=$(Overlay.browse.chapter.col).children(Overlay.browse.chunk).children().length);var PrintWidth=function(){var e=$(document)[0].documentElement.clientWidth,a=Site.width-e+"px",r=100/Site.width*e+"%";$(".width").html(a),gsap.set(Overlay.mobile.bar,{width:r})},CheckWidth=function(){Site.respond||(Site.mobile?(gsap.set(Overlay.mobile.screen,{display:Site.open}),PrintWidth()):gsap.set(Overlay.mobile.screen,{clearProps:"display"}))};Overlay.mobile.active&&($(CheckWidth),$(window).resize(CheckWidth));var ExpandBlock=function(e){var a=$(e.target),r=a.parent().siblings(Site.page.artwork).children(Site.code.wrap);"none"==r.css("display")?(gsap.set(r,{display:Site.open}),gsap.set(a,{text:"Hide"})):(gsap.set(r,{clearProps:"display"}),gsap.set(a,{text:"Show"}))};Site.code.active&&$(Site.code.expand).click(function(e){ExpandBlock(e)});var OpenOverlay=function(e){gsap.set(body,{overflow:"hidden"}),gsap.set(".overlay."+e,{display:Site.open})},CloseOverlay=function(e){gsap.set([body,".overlay."+e],{clearProps:"all"})};function KeyFunc(e){var a=e.keyCode;27==a&&(Overlay.about.active&&Overlay.about.open&&(CloseOverlay("about"),Overlay.about.open=!1),Overlay.browse.active&&Overlay.browse.open&&(CloseOverlay("browse"),Overlay.browse.open=!1),Overlay.search.active&&Overlay.search.open&&(CloseOverlay("search"),$(Overlay.search.input).val(""),$(Overlay.search.results).html(""),Overlay.search.open=!1)),Overlay.about.active&&65==a&&(OpenOverlay("about"),Overlay.about.open=!0),Overlay.browse.active&&66==a&&(OpenOverlay("browse"),Overlay.browse.open=!0),Overlay.search.active&&83==a&&(OpenOverlay("search"),$(Overlay.search.input).focus(),Overlay.search.open=!0)}Overlay.about.active&&($(Overlay.about.btn).click(function(){OpenOverlay("about"),Overlay.about.open=!0}),$(Overlay.about.exit).click(function(){CloseOverlay("about"),Overlay.about.open=!1})),Overlay.browse.active&&($(Overlay.browse.btn).click(function(){OpenOverlay("browse"),Overlay.browse.open=!0}),$(Overlay.browse.exit).click(function(){CloseOverlay("browse"),Overlay.browse.open=!1})),Overlay.search.active&&($(Overlay.search.btn).click(function(){OpenOverlay("search"),$(Overlay.search.input).focus(),Overlay.search.open=!0}),$(Overlay.search.exit).click(function(){CloseOverlay("search"),$(Overlay.search.input).val(""),$(Overlay.search.results).html(""),Overlay.search.open=!1})),$(document).keyup(function(e){Site.respond?KeyFunc(e):Site.mobile||KeyFunc(e)});var ScrollerUpdate=function(){var e=$(Site.scroll.lnk);1<e.length&&e.each(function(){var e=$(this)[0].classList[2],a=TweenMax.to(Site.scroll.lnk+e,.1,{className:"+=active"});new ScrollMagic.Scene({triggerElement:"#"+e}).setTween(a).addTo(controller)})},ScrollFunc=function(){var t='<div class="area _scroller"><div class="wrap _scroller">';$(Site.chapter.target).each(function(e,a){var r=$(a)[0].children[0].id;0==e?t+='<a class="lnk _scroller '.concat(r,'" href="#').concat(r,'" 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?t+='<a class="lnk _scroller '.concat(r,'" href="#').concat(r,'"><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>'):t+='<a class="lnk _scroller '.concat(r,'" href="#').concat(r,'"><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>')}),t+="</div></div>",$(Site.feed).append(t),ScrollerUpdate(),SmoothScroll()};Site.chapter.active&&$(function(){1<$(Site.chapter.target).length&&ScrollFunc()});var SetupHome=function(){$(body).hasClass("setup-library")&&$(body).hasClass("layout-single")&&(gsap.timeline({repeat:-1,yoyo:!0,defaults:{ease:"sine.inOut"}}).fromTo(Site.home.book.area,{y:-5},{duration:1,y:5}),$(Site.home.wrap).slick(Site.home.slick),$(Site.home.book.wrap).hover(function(){gsap.to(this,{duration:.1,y:-20})},function(){gsap.to(this,{duration:.1,y:0})}))};Site.home.active&&$(SetupHome);var SiteFunc=function(){Site.respond?gsap.set(Site.target,{display:Site.open}):Site.mobile||($(body).hasClass("setup-library")&&$(body).hasClass("type-home")?gsap.set(Site.target,{display:"block"}):gsap.set(Site.target,{display:Site.open})),setTimeout(function(){gsap.set(Overlay.load.screen,{display:"none"}),SiteTl.pause()},1e3)};Overlay.load.active&&($(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 SplitCode=function(){$(Site.code.page).each(function(e,a){$(Site.code.scss,this);var r=$(Site.code.html,this),t=r.html();r.text(t)})};Site.code.active&&$(SplitCode);var StartBrowse=function(){var e=$(".block.browse-lnk",Overlay.browse.book.col)[0],a=$(".block.browse-chunk",Overlay.browse.chapter.col)[0],r=$(".block.browse-chunk",Overlay.browse.page.col)[0],t=$(r)[0].children[0],o=$(e)[0].children[0],l=$(a)[0].children[0].children[0],s=$(t)[0].children[0].children[0];gsap.timeline().set(Overlay.browse.chunk,{display:"none"}).set([a,r,t],{display:"block"}).set([o,l,s],{backgroundColor:shade})},HoverBook=function(e){var a=$(e.target)[0].classList[2].slice(5),r=$(Overlay.browse.chunk+"."+a,Overlay.browse.chapter.col),t=$(Overlay.browse.chunk+"."+a,Overlay.browse.page.col),o=$(t)[0].children[0],l=$(r)[0].children[0].children[0],s=$(o)[0].children[0].children[0];gsap.timeline().set(Overlay.browse.chunk,{display:"none"}).set([r,t,o],{display:"block"}).set([Overlay.browse.book.lnk,Overlay.browse.chapter.lnk,Overlay.browse.page.lnk],{clearProps:"backgroundColor"}).set([$(e.target),l,s],{backgroundColor:shade})},HoverChap=function(e){var a=$(e.target)[0].classList[2].slice(5),r=$(e.target)[0].classList[3].slice(8),t=$(Overlay.browse.chunk+"."+a,Overlay.browse.chapter.col),o=$(Overlay.browse.chunk+"."+a,Overlay.browse.page.col),l=$(Overlay.browse.chunk+"."+r,o),s=$(l)[0].children[0].children[0];gsap.timeline().set(Overlay.browse.chunk,{display:"none"}).set([t,o,l],{display:"block"}).set([Overlay.browse.chapter.lnk,Overlay.browse.page.lnk],{clearProps:"backgroundColor"}).set([$(e.target),s],{backgroundColor:shade})},HoverPage=function(e){gsap.timeline().set(Overlay.browse.page.lnk,{clearProps:"backgroundColor"}).set($(e.target),{backgroundColor:shade})};Overlay.browse.active&&$(function(){$(body).hasClass(Site.home.class)||0<Overlay.browse.data&&(StartBrowse(),$(Overlay.browse.book.lnk).hover(function(e){HoverBook(e)}),$(Overlay.browse.chapter.lnk).hover(function(e){HoverChap(e)}),$(Overlay.browse.page.lnk).hover(function(e){HoverPage(e)}))});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),r=$(a)[0].classList[2],t=$(a).children(Site.page.url).text().replace("index",""),o=$(a)[0].children[1],l=gsap.timeline(),s="";"page"==r&&(s="Copy page"),UtilCopy(t),l.set(o,{text:"Copied!"}).to(o,{duration:.3,opacity:0},"+=0.6").set(o,{text:s,clearProps:"all"},"+=0.3")};Site.page.active&&$(function(){$(Site.page.share).click(UtilShare)});
+"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 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 SetupHome=function(){$(body).hasClass("type-home")&&(gsap.timeline({repeat:-1,yoyo:!0,defaults:{ease:"sine.inOut"}}).fromTo(Site.home.book.area,{y:-5},{duration:1,y:5}),$(Site.home.wrap).slick(Site.home.slick),$(Site.home.book.wrap).hover(function(){gsap.to(this,{duration:.1,y:-20})},function(){gsap.to(this,{duration:.1,y:0})}))};"library"==Config.install&&$(SetupHome);var SiteFunc=function(){Config.respond?gsap.set(site,{display:Config.display}):Site.mobile.active||("library"==Config.install&&$(body).hasClass("type-home")?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],c=$(e)[0].children[0],s=$(o)[0].children[0].children[0],r=$(n)[0].children[0].children[0];gsap.timeline().set(BrowseScreen.chunk,{display:"none"}).set([o,t,n],{display:"block"}).set([c,s,r],{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),c=$(n)[0].children[0],s=$(t)[0].children[0].children[0],r=$(c)[0].children[0].children[0];gsap.timeline().set(BrowseScreen.chunk,{display:"none"}).set([t,n,c],{display:"block"}).set([BrowseScreen.book.lnk,BrowseScreen.chapter.lnk,BrowseScreen.page.lnk],{clearProps:"backgroundColor"}).set([$(e.target),s,r],{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),c=$(BrowseScreen.chunk+"."+o,BrowseScreen.page.col),s=$(BrowseScreen.chunk+"."+t,c),r=$(s)[0].children[0].children[0];gsap.timeline().set(BrowseScreen.chunk,{display:"none"}).set([n,c,s],{display:"block"}).set([BrowseScreen.chapter.lnk,BrowseScreen.page.lnk],{clearProps:"backgroundColor"}).set([$(e.target),r],{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 SwitchFocus=function(){$("input,textarea").focusin(function(){Site.focus=!0,console.log("site.focus",Site.focus)}),$("input,textarea").focusout(function(){Site.focus=!1,console.log("site.focus",Site.focus)})};$(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",""),c=$(o)[0].children[1],s=gsap.timeline(),r="";"page"==t&&(r="Copy page"),UtilCopy(n),s.set(c,{text:"Copied!"}).to(c,{duration:.3,opacity:0},"+=0.6").set(c,{text:r,clearProps:"all"},"+=0.3")};"theme"!=Config.install&&Config.share&&$(function(){$(Site.page.share).click(UtilShare)});

data/assets/js/futuro.header.custom.js

@@ -1 +1 @@
-"use strict";var _Site;function _defineProperty(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var Overlay={mobile:{active:!0,screen:".area.overlay.mobile",bar:".bar.mobile"},load:{active:!0,title:".title.overlay.load",screen:".area.overlay.load",box:".box.load",bar:".bar.load",speed:.3},about:{active:!0,btn:".btn.nav.about",exit:".exit.about",open:!1},browse:{active:!0,btn:".btn.nav.browse",exit:".exit.browse",chunk:".browse-chunk",open:!1,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"}},search:{active:!0,input:".input.text.search",results:".block.results",btn:".btn.nav.search",exit:".exit.search",json:"/search.json",open:!1}},Site=(_defineProperty(_Site={respond:!1,width:1200,page:560,mobile:!0,target:".site",feed:".site.feed",single:".site.single",scroll:{lnk:".lnk.scroller"},chapter:{active:!0,target:".wrap.type-chapter"}},"page",{active:!0,artwork:".area.page-artwork",share:".util-share",url:".util-url"}),_defineProperty(_Site,"code",{active:!0,page:".wrap.type-page.setup-docs",expand:".block.expand-block",wrap:".code-wrap",scss:".code-scss",html:".code-html"}),_defineProperty(_Site,"home",{active:!0,wrap:".wrap.home",class:"type-home",book:{wrap:".wrap.book",area:".area.book"},slick:{slidesToScroll:1,slidesToShow:5,infinite:!0,arrows:!1}}),_Site);Config.legacy?Site.open="block":Site.open="grid",enquire.register("screen and (min-width:"+Site.width+"px)",{match:function(){Site.mobile=!1},unmatch:function(){Site.mobile=!0}});
+"use strict";var Overlay={mobile:{screen:".area.overlay.mobile",bar:".bar.mobile"},load:{title:".title.overlay.load",screen:".area.overlay.load",box:".box.load",bar:".bar.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,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"},home:{wrap:".wrap.home",class:"type-home",book:{wrap:".wrap.book",area:".area.book"},slick:{slidesToScroll:1,slidesToShow:5,infinite:!0,arrows:!1}}};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}});

data/assets/js/header/custom/Overlay.js

@@ -2,13 +2,11 @@
 let Overlay = {
 
   mobile : {
-    active : true,
     screen : ".area.overlay.mobile",
     bar    : ".bar.mobile"
   },
 
   load : {
-    active : true,
     title  : ".title.overlay.load",
     screen : ".area.overlay.load",
     box    : ".box.load",
@@ -16,43 +14,34 @@ let Overlay = {
     speed  : 0.3
   },
 
-  about : {
-    active : true,
-    btn    : ".btn.nav.about",
-    exit   : ".exit.about",
-    open   : false
-  },
-
-  browse : {
-    active : true,
-    btn    : ".btn.nav.browse",
-    exit   : ".exit.browse",
-    chunk  : ".browse-chunk",
-    open   : false,
-
-    book : {
-      lnk : ".lnk.browse-book",
-      col : ".col.browse.book"
+  custom : [
+    {
+      name : "about",
+      open : false
     },
-
-    chapter : {
-      lnk : ".lnk.browse-chapter",
-      col : ".col.browse.chapter"
+    {
+      name  : "browse",
+      open  : false,
+      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"
+      },
     },
-
-    page : {
-      lnk : ".lnk.browse-page",
-      col : ".col.browse.page"
+    {
+      name : "search",
+      open : false
     }
-  },
-
-  search : {
-    active  : true,
-    input   : ".input.text.search",
-    results : ".block.results",
-    btn     : ".btn.nav.search",
-    exit    : ".exit.search",
-    json    : "/search.json",
-    open    : false
-  }
+  ]
 };

data/assets/js/header/custom/Site.js

@@ -1,32 +1,39 @@
 
 let Site = {
-  respond  : false,
-  width    : 1200,
-  page     : 560,
-  mobile   : true,
-  target   : ".site",
-  feed     : ".site.feed",
-  single   : ".site.single",
+
+  mobile : {
+    active : true
+  },
+
+  tablet : {
+    active : false,
+    width  : 768
+  },
+
+  desktop : {
+    active : false,
+    width  : 1200
+  },
+
+  focus : false,
 
   scroll  : {
     lnk : ".lnk.scroller"
   },
 
   chapter : {
-    active : true,
     target : ".wrap.type-chapter"
   },
 
   page : {
-    active  : true,
     artwork : ".area.page-artwork",
     share   : ".util-share",
-    url     : ".util-url"
+    url     : ".util-url",
+    height  : 560
   },
 
   code : {
-    active : true,
-    page   : ".wrap.type-page.setup-docs",
+    page   : ".wrap.type-page.style-docs",
     expand : ".block.expand-block",
     wrap   : ".code-wrap",
     scss   : ".code-scss",
@@ -34,9 +41,8 @@ let Site = {
   },
 
   home : {
-    active : true,
-    wrap   : ".wrap.home",
-    class  : "type-home",
+    wrap  : ".wrap.home",
+    class : "type-home",
 
     book  : {
       wrap : ".wrap.book",
@@ -53,20 +59,36 @@ let Site = {
 
 };
 
-if (Config.legacy) {
-  Site.open = "block";
-} else {
-  Site.open = "grid";
-}
+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("screen and (min-width:" + Site.width + "px)",{
+enquire.register(Site.mobile.query,{
 
   match : function() {
-    Site.mobile = false;
-  },
+    Site.mobile.active = true;
+    Site.tablet.active = false;
+    Site.desktop.active = false;
+  }
 
-  unmatch : function() {
-    Site.mobile = true;
+});
+
+enquire.register(Site.tablet.query,{
+
+  match : function() {
+    Site.mobile.active = false;
+    Site.tablet.active = true;
+    Site.desktop.active = false;
+  }
+
+});
+
+enquire.register(Site.desktop.query,{
+
+  match : function() {
+    Site.mobile.active = false;
+    Site.tablet.active = false;
+    Site.desktop.active = true;
   }
 
 });

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: futuro
 version: !ruby/object:Gem::Version
-  version: 0.4.7
+  version: 0.4.8
 platform: ruby
 authors:
 - Paul Heading
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-02-12 00:00:00.000000000 Z
+date: 2020-02-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -52,6 +52,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.1'
+- !ruby/object:Gem::Dependency
+  name: jekyll-autoprefixer
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -75,8 +89,6 @@ extra_rdoc_files: []
 files:
 - LICENSE
 - README.md
-- _includes/artwork/orwell/animal/flob.scss
-- _includes/artwork/orwell/animal/waldo.scss
 - _includes/html/analytics.liquid
 - _includes/html/filter/loop.liquid
 - _includes/html/filter/type.liquid
@@ -87,6 +99,9 @@ files:
 - _includes/html/overlay.liquid
 - _includes/html/overlay/about.liquid
 - _includes/html/overlay/browse.liquid
+- _includes/html/overlay/browse/book.liquid
+- _includes/html/overlay/browse/chapter.liquid
+- _includes/html/overlay/browse/page.liquid
 - _includes/html/overlay/load.liquid
 - _includes/html/overlay/mobile.liquid
 - _includes/html/overlay/search.liquid
@@ -177,7 +192,7 @@ files:
 - assets/fonts/230883_3_0.woff
 - assets/js/footer/custom/CheckWidth.js
 - assets/js/footer/custom/ExpandBlock.js
-- assets/js/footer/custom/OpenOverlay.js
+- assets/js/footer/custom/Overlays.js
 - assets/js/footer/custom/ScrollFunc.js
 - assets/js/footer/custom/Settings.js
 - assets/js/footer/custom/SetupHome.js
@@ -185,6 +200,7 @@ files:
 - assets/js/footer/custom/SmoothScroll.js
 - assets/js/footer/custom/SplitCode.js
 - assets/js/footer/custom/StartBrowse.js
+- assets/js/footer/custom/SwitchFocus.js
 - assets/js/footer/custom/UtilShare.js
 - assets/js/footer/vendor/gsap-draw.js
 - assets/js/footer/vendor/gsap-morph.js

data/_includes/artwork/orwell/animal/flob.scss

@@ -1,5 +0,0 @@
-
-.thingo {
-  background-color: red;
-  min-height: 2rem;
-}

data/_includes/artwork/orwell/animal/waldo.scss

@@ -1,45 +0,0 @@
-.tag {
-  &-buttons {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    font-size: 11px;
-
-    span:not(.hidden) {
-      display: inline-block;
-      color: #767676;
-    }
-
-    .tag-buttons__title {
-      padding-right: 0.5em;
-    }
-  }
-
-  &-button {
-    @extend %bold;
-    letter-spacing: normal;
-    display: inline-block;
-    max-width: 30ch;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    transition: all 0.1s;
-    border: 1px solid #767676;
-    border-radius: 11.5px;
-    text-decoration: none;
-    text-transform: uppercase;
-    padding: 5px 10px;
-    margin: 0.25em 0.5em 0.25em 0;
-
-    &:hover {
-      border-color: black;
-      color: black;
-    }
-
-    @media (min-width: 768px) {
-      font-size: 11px;
-      line-height: 13px;
-      border-radius: 12.5px;
-    }
-  }
-}