futuro 1.1.1 → 1.1.2

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/vendor/futuro/browsr.js

@@ -0,0 +1,269 @@
+(function (global, $) {
+  var Browsr = function (target) {
+    return new Browsr.init(target);
+  };
+
+  let library = true,
+    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() {
+      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() {
+      this.setup();
+      // console.log(book,chapter,page);
+
+      if (book.url) {
+        book.links.map((_, value) => {
+          this.checkBook(value);
+          if (found) {
+            this.shadify(value);
+          }
+        });
+      }
+
+      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);
+        }
+      });
+
+      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);
+        }
+      });
+
+      return this;
+    },
+    respond() {
+      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((_, value) => {
+              this.nunify(value);
+              this.clearify(value.children);
+
+              if (_ == 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);
+      });
+
+      return this;
+    },
+  };
+
+  Browsr.init = function (target) {
+    var self = this;
+    self.target = target || document;
+    this.start().respond();
+  };
+
+  Browsr.init.prototype = Browsr.prototype;
+
+  global.Browsr = Browsr;
+})(window, $);

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

@@ -1,16 +1,15 @@
 (function (global, $) {
-  var Checkr = function (target) {
-    return new Checkr.init(target);
+  var Checkr = function (desktop) {
+    return new Checkr.init(desktop);
   };
 
   Checkr.prototype = {
     width(
-      desktop,
       site = ".site",
       overlay = ".area.overlay-mobile",
       display = "grid"
     ) {
-      if (!desktop) {
+      if (!this.desktop) {
         gsap.set(site, { clearProps: "display" });
         gsap.set(overlay, { display: display });
         this.print();
@@ -19,19 +18,21 @@
         gsap.set(site, { display: display });
       }
     },
-
     print(self = ".width", width = 1200, bar = ".bar.mobile") {
-      var size = this.target.documentElement.clientWidth,
+      if (!this.desktop) {
+        var size = document.documentElement.clientWidth,
         more = width - size + "px",
         percent = (100 / width) * size + "%";
-      $(self).html(more);
-      gsap.set(bar, { width: percent });
+        $(self).html(more);
+        gsap.set(bar, { width: percent });        
+      }
     },
   };
 
-  Checkr.init = function (target) {
+  Checkr.init = function (desktop) {
     var self = this;
-    self.target = target || document;
+    self.desktop = desktop;
+    this.width();
   };
 
   Checkr.init.prototype = Checkr.prototype;

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

@@ -0,0 +1,102 @@
+
+((global,$)=>{
+  
+  let Orvly = (target) => {
+    return new Orvly.init(target);
+  }
+
+  let input = $(".input.text-search"),
+      results = $(".wrap.results");
+  
+  Orvly.prototype = {
+
+    changeScreen(index) {
+      let { open,name } = Overlay.custom[index],
+          target = `.area.overlay-${name}`;
+      
+      if (!open) {
+
+        gsap.set("body", {
+          overflow : "hidden"
+        });
+
+        gsap.set(target, {
+          display : Config.display
+        });
+
+        if (name == "search") {
+          input.focus();    
+        }
+
+        open = true;
+
+      } else {
+
+        gsap.set("body",{
+          clearProps : "overflow"
+        });
+        
+        gsap.set(target, {
+          clearProps : "display"
+        });
+
+        if (name == "search") {
+          input.val("");    
+          results.empty();    
+        }
+
+        open = false;
+
+      }
+      
+    },
+
+    keyUp(e) {
+      let code = e.keyCode,
+          focus = Site.inFocus;
+
+      $(Overlay.custom).map((index,{ open,name }) => {       
+        
+        if (open && code == 27) {
+
+          if (name == "about") {
+            this.changeScreen(index);            
+          } else if (name == "browse") {
+            this.changeScreen(index);            
+          } else if (name == "search") {
+            this.changeScreen(index);            
+          }                    
+
+        } else if (!open && !focus) {
+
+          if (code == 65 && name == "about") {
+            this.changeScreen(index);            
+          } else if (code == 66 && name == "browse") {
+            this.changeScreen(index);            
+          } else if (code == 83 && name == "search") {
+            this.changeScreen(index);            
+          }
+          
+        }
+        
+      });
+            
+    }
+
+  };
+  
+  Orvly.init = function (target) {
+    let self = this;
+    self.target = target;
+    self.keyUp(target);
+  };
+
+  Orvly.init.prototype = Orvly.prototype;
+
+  global.Orvly = Orvly;
+
+})(window,$)
+
+$(document).keyup((e) => {
+  Orvly(e);
+});