futuro 1.1.0 → 1.1.5

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

@@ -1,31 +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);
-
-  console.log("printing");
-
-  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,81 @@
-
-const ChangeScreen = (index,value,state) => {
-
-  let source  = Overlay.custom[index],
-      target  = ".area.overlay-" + source.name,
-      input   = $(".input.text-search"),
-      results = $(".wrap.results");
+const ChangeScreen = (index, value, state) => {
+  let source = Overlay.custom[index],
+    target = ".area.overlay-" + source.name,
+    input = $(".input.text-search"),
+    results = $(".wrap.results");
 
   if (state == "close") {
-
-    gsap.set("body",{
-      clearProps : "overflow"
+    gsap.set("body", {
+      clearProps: "overflow",
     });
 
     gsap.set(target, {
-      clearProps : "display"
+      clearProps: "display",
     });
 
     source.open = false;
 
     if (value.name == "search") {
-
       input.val("");
 
       results.empty();
-
     }
-
   } else {
-
     gsap.set("body", {
-      overflow : "hidden"
+      overflow: "hidden",
     });
 
     gsap.set(target, {
-      display : Config.display
+      display: Config.display,
     });
 
     source.open = true;
 
     if (value.name == "search") {
-
       input.focus();
-
     }
   }
-}
+};
 
-const BuildScreens = (index,value) => {
+const BuildScreens = (index, value) => {
   let button = Overlay.button + "." + value.name,
-      exit   = Overlay.exit + "." + 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) => {
-
-  $(Overlay.custom).map((index,value) => {
-
-    if (value.open && e.keyCode == 27) { ChangeScreen(index,value,"close"); }
+  $(Overlay.custom).map((index, value) => {
+    if (value.open && e.keyCode == 27) {
+      ChangeScreen(index, value, "close");
+    }
 
     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 == 83 && value.name == "search") { 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");
+      }
     }
-
   });
+};
 
-}
-
-$(Overlay.custom).map((index,value) => {
-
-  BuildScreens(index,value);
-
+$(Overlay.custom).map((index, value) => {
+  BuildScreens(index, value);
 });
 
-$(document).keyup(function(e) {
-
+$(document).keyup(function (e) {
   KeyUp(e);
-
 });

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

@@ -1,68 +1,3 @@
-
-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 && !Body.isHome && Browse.able) {
+  Browsr(Site.isLibrary);
 }
-
-if (!Site.isTheme) { if (!Body.isHome) { if (Browse.able) { Start.browse(); } } }

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); }}

data/assets/js/footer/custom/5_WhatsOn.js

@@ -2,17 +2,17 @@
 const WhatsOn = {
 
   speed : input => {
-    return input * 0.03;
+    return input * 0.05;
   },
 
   slide : value => {
 
-    let alert = $(".block.alert-content",value),
-        feed  = $(".alert-feed",value),
+    let alert = $(".screen-alert__wrap",value),
+        feed  = $(".screen-alert__feed",value),
         width = $(feed).width() + 100,
-        clone = $(".alert-clone",value);
+        clone = $(".screen-alert__clone",value);
   
-    $(alert).addClass("modify-grid");    
+    $(alert).addClass("modify-grid");  
   
     const prep = gsap.timeline({ defaults : { ease : "none" }});
         
@@ -33,9 +33,9 @@ const WhatsOn = {
 
   scroll : value => {
 
-    let feed   = $(".feed",value),
+    let feed   = $(".screen-event__feed",value),
         height = $(feed).height(),
-        clone  = $(".clone",value);
+        clone  = $(".screen-event__clone",value);
         
     let tl = gsap.timeline({ repeat : -1, defaults : { ease : "none" }});
   

data/assets/js/footer/custom/5_respond.scroller.js

@@ -0,0 +1,11 @@
+$(Site.scroller).map((_index, value) => {
+  gsap.to(value, {
+    scrollTrigger: {
+      trigger: ".block.stop#" + value.classList[2],
+      start: "+=80 center",
+      end: "+=280",
+      scrub: true,
+    },
+    opacity: 1,
+  });
+});

data/assets/js/footer/vendor/futuro/browsr.js

@@ -0,0 +1,326 @@
+(function (global, $) {
+  var Browsr = function (target) {
+    return new Browsr.init(target);
+  };
+
+  let found = false,
+    book = {
+      found: false,
+    },
+    chapter = {
+      found: false,
+    },
+    page = {
+      found: false,
+    };
+
+  Browsr.prototype = {
+    match(value, type = "book") {
+      $(value.classList).map((_, value) => {
+        if (type == "book") {
+          if (value.startsWith(type + "-")) {
+            book.class = value;
+          }
+        } else if (type == "chapter") {
+          if (value.startsWith(type + "-")) {
+            chapter.class = value;
+          }
+        }
+      });
+    },
+    checkPage(value) {
+      found = false;
+      $(value.classList).map((_, value) => {
+        if (value.startsWith("page-")) {
+          if (page.class == value) {
+            found = true;
+            page.found = true;
+          }
+        }
+      });
+    },
+    checkChapter(value) {
+      found = false;
+      $(value.classList).map((_, value) => {
+        if (value.startsWith("chapter-")) {
+          if (chapter.class == value) {
+            found = true;
+            chapter.found = true;
+          }
+        }
+      });
+    },
+    checkBook(value) {
+      found = false;
+      $(value.classList).map((_, value) => {
+        if (value.startsWith("book-")) {
+          if (book.class == value) {
+            found = true;
+            book.found = true;
+          }
+        }
+      });
+    },
+    setPageUrl(index) {
+      if (!this.pathify()[index]) {
+        $(page.links[0].classList).map((_, value) => {
+          if (value.startsWith("page-")) {
+            page.url = value.slice(5);
+          }
+        });
+      } else {
+        page.url = this.pathify()[index];
+      }
+    },
+    setChapterUrl(index) {
+      if (!this.pathify()[index]) {
+        $(chapter.links[0].classList).map((_, value) => {
+          if (value.startsWith("chapter-")) {
+            chapter.url = value.slice(8);
+          }
+        });
+      } else {
+        chapter.url = this.pathify()[index];
+      }
+    },
+    nunify(value) {
+      gsap.set(value, { display: "none" });
+    },
+    shadify(value) {
+      gsap.set(value, { background: "rgba(0,0,0,0.05)" });
+    },
+    clearify(value, attr = "background") {
+      gsap.set(value, { clearProps: attr });
+    },
+    bookify(value) {
+      return $(".block.browse-book", ".wrap.browse-" + value);
+    },
+    linkify(value) {
+      return $(".link.browse-" + value, ".wrap.browse-" + value);
+    },
+    classify(value, type) {
+      return type + "-" + value;
+    },
+    pathify() {
+      return window.location.pathname.split("/").map((value) => {
+        if (value != "") {
+          return value;
+        }
+      });
+    },
+    setup(library) {
+      chapter.links = this.linkify("chapter");
+      page.links = this.linkify("page");
+      if (library) {
+        book.url = this.pathify()[1];
+        this.setChapterUrl(2);
+        this.setPageUrl(3);
+        book.links = this.linkify("book");
+        book.class = this.classify(book.url, "book");
+      } else {
+        this.setChapterUrl(1);
+        this.setPageUrl(2);
+      }
+      chapter.books = this.bookify("chapter");
+      chapter.class = this.classify(chapter.url, "chapter");
+      page.books = this.bookify("page");
+      page.class = this.classify(page.url, "page");
+    },
+    start(library) {
+      this.setup(library);
+
+      if (library) {
+        if (book.url) {
+          book.links.map((_, value) => {
+            this.checkBook(value);
+            if (found) {
+              this.shadify(value);
+            }
+          });
+        }
+      }
+
+      if (library) {
+        chapter.books.map((_, value) => {
+          this.checkBook(value);
+          if (found) {
+            chapter.books.map((_, value) => {
+              $(value.children).map((_, value) => {
+                this.checkChapter(value);
+                if (found) {
+                  this.shadify(value);
+                }
+              });
+            });
+          } else {
+            this.nunify(value);
+          }
+        });
+      } else {
+        chapter.books.map((_, value) => {
+          $(value.children).map((_, value) => {
+            this.checkChapter(value);
+            if (found) {
+              this.shadify(value);
+            }
+          });
+        });
+      }
+
+      if (library) {
+        page.books.map((_, value) => {
+          this.checkBook(value);
+
+          if (found) {
+            page.books.map((_, value) => {
+              $(value.children).map((_, value) => {
+                this.checkChapter(value);
+
+                if (found) {
+                  $(value.children).map((_, value) => {
+                    this.checkPage(value);
+
+                    if (found) {
+                      this.shadify(value);
+                    }
+                  });
+                } else {
+                  this.nunify(value);
+                }
+              });
+            });
+          } else {
+            this.nunify(value);
+          }
+        });
+      } else {
+        page.books.map((_, value) => {
+          $(value.children).map((_, value) => {
+            this.checkChapter(value);
+
+            if (found) {
+              $(value.children).map((_, value) => {
+                this.checkPage(value);
+
+                if (found) {
+                  this.shadify(value);
+                }
+              });
+            } else {
+              this.nunify(value);
+            }
+          });
+        });
+      }
+
+      return this;
+    },
+    respond(library) {
+      if (library) {
+        book.links.hover((e) => {
+          this.match(e.target);
+          this.clearify(book.links);
+          this.shadify(e.target);
+
+          chapter.books.map((_, value) => {
+            this.nunify(value);
+            this.clearify(value.children);
+            this.checkBook(value);
+
+            if (found) {
+              this.clearify(value, "display");
+              this.shadify(value.children[0]);
+            }
+          });
+
+          page.books.map((_, value) => {
+            this.nunify(value);
+            this.checkBook(value);
+
+            if (found) {
+              this.clearify(value, "display");
+
+              $(value.children).map((index, value) => {
+                this.nunify(value);
+                this.clearify(value.children);
+
+                if (index == 0) {
+                  this.clearify(value, "display");
+                  this.shadify(value.children[0]);
+                }
+              });
+            }
+          });
+        });
+
+        chapter.links.hover((e) => {
+          this.match(e.target, "chapter");
+          this.clearify(chapter.links);
+          this.shadify(e.target);
+
+          page.books.map((_, value) => {
+            this.nunify(value);
+            this.checkBook(value);
+
+            if (found) {
+              this.clearify(value, "display");
+
+              $(value.children).map((_, value) => {
+                this.nunify(value);
+                this.clearify(value.children);
+                this.checkChapter(value);
+
+                if (found) {
+                  this.clearify(value, "display");
+                  this.shadify(value.children[0]);
+                }
+              });
+            }
+          });
+        });
+        page.links.hover((e) => {
+          this.clearify(page.links);
+          this.shadify(e.target);
+        });
+      } else {
+        chapter.links.hover((e) => {
+          this.match(e.target, "chapter");
+          this.clearify(chapter.links);
+          this.shadify(e.target);
+
+          page.books.map((_, value) => {
+            $(value.children).map((_, value) => {
+              this.nunify(value);
+              this.clearify(value.children);
+              this.checkChapter(value);
+
+              if (found) {
+                this.clearify(value, "display");
+                this.shadify(value.children[0]);
+              }
+            });
+          });
+        });
+        page.links.hover((e) => {
+          this.clearify(page.links);
+          this.shadify(e.target);
+        });
+      }
+
+      return this;
+    },
+  };
+
+  Browsr.init = function (library) {
+    var self = this;
+    self.target = document;
+    if (library == null) {
+      library = false;
+    }
+    this.start(library).respond(library);
+  };
+
+  Browsr.init.prototype = Browsr.prototype;
+
+  global.Browsr = Browsr;
+})(window, $);