futuro 1.0.9 → 1.1.4

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

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,324 @@
+(function (global, $) {
+  var Browsr = function (target) {
+    return new Browsr.init(target);
+  };
+
+  let library = false,
+    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();
+
+      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() {
+      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 (target) {
+    var self = this;
+    self.target = target || document;
+    this.start().respond();
+  };
+
+  Browsr.init.prototype = Browsr.prototype;
+
+  global.Browsr = Browsr;
+})(window, $);