futuro 1.0.7 → 1.1.2

data/_sass/item/scroller.scss

@@ -1,5 +1,4 @@
 
 .item.scroller {
   opacity: 0.5;
-  fill: setcolor(gun);
 }

data/_sass/link/book.scss

@@ -1,15 +1,17 @@
 
 .link.book {
-  width: map-get($book,large);
-  display: block;
-  fill: white;
-
+  height: getbook(large,width) * 4;
+  width:  getbook(large,width);
+  text-decoration: none;
+  place-content: center;
+  display: grid;
+  
   @media#{map-get($query,max767)} {
-    width: map-get($book,medium);
+    width: getbook(medium,width);
   }
 
   @media#{map-get($query,max599)} {
-    width: map-get($book,small);
+    width: getbook(small,width);
   }
 }
 

data/_sass/link/navigation.scss

@@ -5,12 +5,16 @@
   line-height: 1.1;
   padding: 0 20px;
   display: grid;
+}
 
-  button {
-    text-transform: capitalize;
-    border-radius: 0;
-    line-height: 1.1;
-    color: inherit;
-    padding: 0;
-  }
+.link.navigation > button {
+  text-transform: capitalize;
+  border-radius: 0;
+  line-height: 1.1;
+  color: inherit;
+  padding: 0;
+}
+
+.link.navigation.home > button {
+  border-bottom: 3px solid;
 }

data/_sass/link/scroller.scss

@@ -0,0 +1,4 @@
+
+.link.scroller {
+  fill: setcolor(gun);
+}

data/_sass/title/book.scss

@@ -0,0 +1,9 @@
+
+.title.book {
+  @include RotateTitle(center);
+  @extend %bold;
+  font-size: getbook(large,title);
+  pointer-events: none;
+  position: relative;
+  color: white;
+}

data/_sass/title/page.scss

@@ -5,6 +5,7 @@
 
 .title.page-chapter {
   @include RotateTitle(top right);
+  position: absolute;
   right: 78px;
   top: 56px;
 }
@@ -12,6 +13,7 @@
 .title.page-weight {
   @include RotateTitle;
   left: calc(100% - 58px);
+  position: absolute;
   text-align: right;
   bottom: 56px;
 }

data/_sass/title/type.scss

@@ -1,6 +1,7 @@
 
 %StylePage {
   @include RotateTitle;
+  position: absolute;
   bottom: 56px;
   left: 128px;
 }

data/_sass/wrap/switch.scss

@@ -0,0 +1,12 @@
+
+.wrap.switch h1 {
+  margin-bottom: 20px;
+}
+
+.wrap.switch h5 {
+  margin-bottom: 20px;
+}
+
+.wrap.switch .control {
+  margin-top: 20px;
+}

data/assets/js/footer/custom/1_Settings.js

@@ -1,6 +1,5 @@
 
-let shade = "rgba(0,0,0,0.05)",
-    controller = new ScrollMagic.Controller();
+gsap.registerPlugin(ScrollTrigger);
 
 Browse.able = false;
 

data/assets/js/footer/custom/2_Check.width.js

@@ -1,25 +1,8 @@
 
-Print.width = () => {
-  var size = $(document)[0].documentElement.clientWidth,
-      more = Site.desktop.width - size + "px",
-      percent = (100/Site.desktop.width) * size + "%";
-
-  $(".width").html(more);
-  gsap.set(Overlay.mobile.bar,{width:percent});
-}
-
-Check.width = () => {
-  if (!Site.desktop.active) {
-    gsap.set(".site",{ clearProps : "display" });
-    gsap.set(Overlay.mobile.screen,{ display : Config.display });
-    Print.width();
-  } else {
-    gsap.set(Overlay.mobile.screen,{ clearProps : "display" });
-    gsap.set(".site",{ display : Config.display });
-  }
-}
-
 if (!Config.respond) {
-  $(Check.width());
-  $(window).resize(Check.width());
-}
+  Checkr(Site.desktop.active);
+
+  $(window).resize(() => {
+    Checkr(Site.desktop.active);
+  });
+}

data/assets/js/footer/custom/4_Setup.home.js

@@ -32,4 +32,6 @@ Setup.home = () => {
 
 }
 
-if (Site.isLibrary) { if (Body.isHome) {  $(Setup.home()); } }
+if (Site.isLibrary && Body.isHome) { 
+  $(Setup.home()); 
+}

data/assets/js/footer/custom/4_Setup.overlays.js

@@ -1,92 +1,92 @@
 
-const ChangeScreen = (index,value,state) => {
+// const ChangeScreen = (index,value,state) => {
 
-  let source  = Overlay.custom[index],
-      target  = ".area.overlay-" + source.name,
-      input   = $(".input.text-search"),
-      results = $(".wrap.results");
+//   let source  = Overlay.custom[index],
+//       target  = ".area.overlay-" + source.name,
+//       input   = $(".input.text-search"),
+//       results = $(".wrap.results");
 
-  if (state == "close") {
+//   if (state == "close") {
 
-    gsap.set("body",{
-      clearProps : "overflow"
-    });
+//     gsap.set("body",{
+//       clearProps : "overflow"
+//     });
 
-    gsap.set(target, {
-      clearProps : "display"
-    });
+    // gsap.set(target, {
+    //   clearProps : "display"
+    // });
 
-    source.open = false;
+//     source.open = false;
 
-    if (value.name == "search") {
+    // if (value.name == "search") {
 
-      input.val("");
+    //   input.val("");
 
-      results.empty();
+    //   results.empty();
 
-    }
+    // }
 
-  } else {
+//   } else {
 
-    gsap.set("body", {
-      overflow : "hidden"
-    });
+    // gsap.set("body", {
+    //   overflow : "hidden"
+    // });
 
-    gsap.set(target, {
-      display : Config.display
-    });
+    // gsap.set(target, {
+    //   display : Config.display
+    // });
 
-    source.open = true;
+//     source.open = true;
 
-    if (value.name == "search") {
+    // if (value.name == "search") {
 
-      input.focus();
+    //   input.focus();
 
-    }
-  }
-}
+    // }
+//   }
+// }
 
-const BuildScreens = (index,value) => {
-  let button = Overlay.button + "." + value.name,
-      exit   = Overlay.exit + "." + value.name;
+// const BuildScreens = (index,value) => {
+//   let button = Overlay.button + "." + value.name,
+//       exit   = Overlay.exit + "." + value.name;
 
-  $(button).click(function() {
-    ChangeScreen(index,value,"open");
-  });
+//   $(button).click(function() {
+//     ChangeScreen(index,value,"open");
+//   });
 
-  $(exit).click(function() {
-    ChangeScreen(index,value,"close");
-  });
-}
+//   $(exit).click(function() {
+//     ChangeScreen(index,value,"close");
+//   });
+// }
 
-const KeyUp = (e) => {
+// const KeyUp = (e) => {
 
-  $(Overlay.custom).map((index,value) => {
+//   $(Overlay.custom).map((index,value) => {
 
-    if (value.open && e.keyCode == 27) { ChangeScreen(index,value,"close"); }
+//     if (value.open && e.keyCode == 27) { ChangeScreen(index,value,"close"); }
 
-    if (!value.open && !Site.inFocus) {
+//     if (!value.open && !Site.inFocus) {
 
-      if (e.keyCode == 65 && value.name == "about")  { ChangeScreen(index,value,"open"); }
+//       if (e.keyCode == 65 && value.name == "about")  { ChangeScreen(index,value,"open"); }
 
-      if (e.keyCode == 66 && value.name == "browse") { ChangeScreen(index,value,"open"); }
+//       if (e.keyCode == 66 && value.name == "browse") { ChangeScreen(index,value,"open"); }
 
-      if (e.keyCode == 83 && value.name == "search") { ChangeScreen(index,value,"open"); }
+//       if (e.keyCode == 83 && value.name == "search") { ChangeScreen(index,value,"open"); }
 
-    }
+//     }
 
-  });
+//   });
 
-}
+// }
 
-$(Overlay.custom).map((index,value) => {
+// $(Overlay.custom).map((index,value) => {
 
-  BuildScreens(index,value);
+//   BuildScreens(index,value);
 
-});
+// });
 
-$(document).keyup(function(e) {
+// $(document).keyup(function(e) {
 
-  KeyUp(e);
+//   KeyUp(e);
 
-});
+// });

data/assets/js/footer/custom/4_Start.browse.js

@@ -1,68 +1,4 @@
 
-Start.browse = () => {
-
-  if (Book.url) {
-
-    Browse.book.links.map((index,value)=>{
-
-      Check.book.class(value);
-  
-      if (Browse.found.success) {
-  
-        gsap.set(value,BackgroundShade);
-  
-      }
-
-    });
-
-    Browse.chapter.books.map((index,value)=>{
-      
-      Check.book.class(value);
-
-      if (Browse.found.success) {
-
-        Browse.chapter.books.filter(index,value);
-
-      } else {
-
-        gsap.set(value,DisplayNone);
-
-      }
-    
-    });
-
-    Browse.page.books.map((index,value)=>{
-
-      Check.book.class(value);
-  
-      if (Browse.found.success) {
-
-        Browse.page.books.filter(index,value);
-  
-      } else {
-  
-        gsap.set(value,DisplayNone);
-  
-      }
-
-    });    
-    
-  } else {
-    
-    Browse.chapter.books.map((index,value)=>{
-
-      Browse.chapter.books.filter(index,value);
-
-    });
-
-    Browse.page.books.map((index,value)=>{
-
-      Browse.page.books.filter(index,value);
-
-    });
-
-  }
-
-}
-
-if (!Site.isTheme) { if (!Body.isHome) { if (Browse.able) { Start.browse(); } } }
+if (!Site.isTheme && !Body.isHome && Browse.able) {
+  Browsr();
+}

data/assets/js/footer/custom/5_Util.share.js

@@ -23,78 +23,3 @@ Util.share = function(ting) {
 
   Util.copy(getUrl);
 }
-
-// const UtilCopy = str => {
-//   const el = document.createElement('textarea');
-//         el.value = str;
-//         document.body.appendChild(el);
-//         el.select();
-//         document.execCommand('copy');
-//         document.body.removeChild(el);
-// }
-
-// // const UtilShare = e => {
-// //   let ting  = $(e.target).parents(Site.page.share),
-// //       type  = $(ting)[0].classList[2],
-// //       url   = $(ting).children(Site.page.url).text().replace('index',''),
-// //       title = $(ting)[0].children[1],
-// //       tl    = gsap.timeline(),
-// //       reset = '';
-
-// //       console.log(e);
-      
-
-// //       if (type == 'page') {
-// //         reset = 'Copy page';
-// //       }
-
-// //       UtilCopy(url);
-
-// //       tl
-// //       .set(title,{
-// //         text : 'Copied!'
-// //       })
-// //       .to(title,{
-// //         duration : 0.3,
-// //         opacity : 0
-// //       },'+=0.6')
-// //       .set(title,{
-// //         text : reset,
-// //         clearProps : 'all'
-// //       },'+=0.3');
-// // }
-
-// function UtilShare() {
-//   let target = $(this).parents(Site.page.share),
-//       getUrl = $(target.context).find(Site.page.url).text(),
-//       tl     = gsap.timeline(),
-//       type   = "";
-//       getUrl = getUrl.replace("index","");  
-      
-//       console.log("Util runs!");
-      
-
-//   $(target.context.classList).map((index,value)=>{
-//     if (value.includes("type-")) {
-//       type = value;
-//     }    
-//   });
-
-//   UtilCopy(getUrl);
-
-//   // tl
-//   // .set(title,{
-//   //   text : 'Copied!'
-//   // })
-//   // .to(title,{
-//   //   duration : 0.3,
-//   //   opacity  : 0
-//   // },'+=0.6')
-//   // .set(title,{
-//   //   text : reset,
-//   //   clearProps : 'all'
-//   // },'+=0.3');
-  
-// }
-
-// // if (!Site.isTheme) { if (Site.isShareable) { $(Site.page.share).click(UtilShare); }}