futuro 0.1.6 → 0.1.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: de1b4f40183598b07d72068bdf3cbc0d28e10d19df77a509d5853854e1a408f3
-  data.tar.gz: cecfe45c207f0f182cb2a1576c54585c1f70034d0cb3af8d037e10519825d982
+  metadata.gz: a1d1d56434abb293177d8e17debd8f72387be2cb749fcbeb29ca5d6114b4439a
+  data.tar.gz: 547c9d556e3d481a7bdb2f89a1c3d4647fb311f690d9072d4cde5f5ebf1307f5
 SHA512:
-  metadata.gz: 23f297310685c51a7bdb6b2596f222438b6997a4cc3aaf429aae29445d0c63ac18b2475b9b91b8c66dd900ac7206104a7a004e908594c8dbf62dc1a55aa6d0ff
-  data.tar.gz: 45eda3f1db2ec3609d0ad21726618ce3df64e816316a9605f6ddcd6a6362a61f02bb6936f16558f0142d9e8cf017666879ddf2533b3ca4da1fc9c5cf5f2e72b6
+  metadata.gz: ecd5d110952fe26b0d276d132048834805ee51f2220d3e2cc8019582e3683c611796a975efe11228314f8b63f13363972b93d98b60f31b5c123882fafc22dbdc
+  data.tar.gz: a9b5f4ab892c86b80e016cbae409900cd3f4eb8418d94e3d97fffa6d019432df7dd9491d411b042643c15f365c4fdb7470ef593f76e16706f0609d7f2ceae3b0

data/_includes/html/overlay-load.html

@@ -3,3 +3,5 @@
 <div class="box _load">
   <div class="bar _load"></div>
 </div>
+
+<input type="hidden" id="progress" value="0">

data/assets/js/vendor/futuro-load.js

@@ -1,11 +1,13 @@
 
+// credit | http://talkerscode.com/webtricks/display-progress-bar-while-page-loads-using-jquery.php
+
 var loadTl = new TimelineMax({repeat:-1,repeatDelay:0.2}),
+    siteTl = new TimelineMax({delay:1}),
     loaders = ['.title._load,.box._load,.bar._load'];
 
 loadTl
 .set(loaders,{className:'+=--pop'})
 .add('popop','0.2')
-.to('.bar._load',0.4,{width:"100%"},'popop')
 .set(loaders,{className:'-=--pop'},'popop')
 .set(loaders,{className:'+=--popop'},'popop')
 .add('popopop','0.4')
@@ -13,15 +15,36 @@ loadTl
 .set(loaders,{className:'+=--popopop'},'popopop')
 ;
 
-var stopLoad = () => {
-  loadTl.stop();
+document.onreadystatechange = function(e) {
+  if(document.readyState == "interactive") {
+    var all = document.getElementsByTagName('*');
+    for(var i = 0, max = all.length; i < max; i++) {
+      set_ele(all[i]);
+    }
+  }
 }
 
-var siteFunc = () => {
-  var siteTl = new TimelineMax({delay:0.6});
+function check_element(ele){
+  var all = document.getElementsByTagName('*'),
+      prog = document.getElementById("progress"),
+      pcent = 100/all.length;
+
+  if($(ele).on()) {
+    var prog_width = pcent + Number(prog.value);
+    prog.value = prog_width;
+    TweenLite.to('.bar._load',1,{width:prog_width+'%'});
+  } else {
+    set_ele(ele);
+  }
+}
 
+function set_ele(set_element){
+  check_element(set_element);
+}
+
+var siteFunc = () => {
   siteTl
   .set('.overlay._load',{className:'-=--open'},'0.1')
-  .set('.site',{className:'+=--open',onComplete:stopLoad},'0.1')
+  .set('.site',{className:'+=--open',onComplete:function(){loadTl.stop();}},'0.1')
   ;
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: futuro
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.1.7
 platform: ruby
 authors:
 - Paul Heading
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-04-16 00:00:00.000000000 Z
+date: 2019-04-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll