futuro 1.0.7 → 1.1.2

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_button.func.reset.js

@@ -0,0 +1,15 @@
+
+Button.func.reset = (self,saved) => {
+  let text = $(self).find(".button-title"),
+      bg   = $(self).find(".button-bg"),
+      all  = [text,bg,self],
+      tl   = gsap.timeline();
+
+  tl
+  .set(all,{
+    clearProps : "all"
+  })
+  .set(text,{
+    text : saved
+  });
+}

data/assets/js/footer/custom/5_button.func.submit.js

@@ -0,0 +1,39 @@
+
+Button.func.submit = (self, complete = "Done", reset = true) => {
+  let text = $(self).find(".button-title"),
+      bg   = $(self).find(".button-bg"),
+      all  = [text,bg,self],
+      tl   = gsap.timeline();
+
+  Save.text  = $(self).find(".button-title").text();  
+  Save.color = $(self).css('backgroundColor');
+
+  tl
+  .set(self,{ 
+    backgroundColor : tinycolor(Save.color).lighten(44).desaturate(5) 
+  })
+  .set(text,{ 
+    color : Save.color 
+  })
+  .set(all,{
+    clearProps : "all"
+  })
+  .set([self,bg],{
+    backgroundColor : Color.green
+  })
+  .set(text,{
+    text : complete
+  })
+  .to(bg,{
+    duration : 0.5,
+    scaleX   : 1.2,
+    scaleY   : 1.3,
+    opacity  : 0
+  });
+
+  if (reset) {
+    tl.call(()=>{
+      Button.func.reset(self,Save.text);
+    },"+=1");                
+  }
+}

data/assets/js/footer/custom/5_button.func.switch.js

@@ -0,0 +1,26 @@
+
+Button.func.switch = self => {
+
+  if ($(self).hasClass('undo')) {
+
+    $(self).parents(".control").siblings(".before").show();
+    $(self).parents(".control").siblings(".after").hide();
+    $(self).parents(".wrap.switch").siblings(".wrap.switch").children(".before").show();
+    $(self).parents(".wrap.switch").siblings(".wrap.switch").children(".after").hide();
+    $(self).removeClass("undo");
+
+    Button.func.reset(self, "Next");
+  
+  } else {
+  
+    Button.func.submit(self, "Back", false);
+  
+    $(self).parents(".control").siblings(".before").hide();
+    $(self).parents(".control").siblings(".after").show();
+    $(self).parents(".wrap.switch").siblings(".wrap.switch").children(".before").hide();
+    $(self).parents(".wrap.switch").siblings(".wrap.switch").children(".after").show();
+    $(self).addClass("undo");
+  
+  }
+
+}

data/assets/js/footer/custom/5_button.func.update.js

@@ -0,0 +1,39 @@
+
+Button.func.update = self => {
+  let text = $(self).find(".button-title"),
+      bg   = $(self).find(".button-bg"),
+      all  = [text,bg,self];
+
+  Save.text  = $(self).find(".button-title").text();
+  Save.color = $(self).css('backgroundColor');
+
+  if (!UpdateIsLocked) {
+
+    let tl = gsap.timeline();
+
+     tl
+     .set(text,{
+       text : "Adding"
+     })
+     .set(bg,{
+       backgroundColor : tinycolor(Save.color).darken(8)
+     })
+     .to(bg,{
+       right : 0,
+       duration : 1
+     })
+     .set(text,{
+       text  : "Added"
+     })
+     .to(bg,{
+       duration : 0.5,
+       backgroundColor : Color.green
+     });
+
+     if (reset) {
+      tl.call(()=>{
+        Button.func.reset(self,Save.text);
+      },"+=1");                
+    }
+   }
+}

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,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

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