diff --git a/index.html b/index.html index 2351d10..289f2f4 100644 --- a/index.html +++ b/index.html @@ -46,8 +46,7 @@ /* Odometer */ .odometer.odometer-auto-theme,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-minimal,.odometer.odometer-theme-minimal .odometer-digit{display:inline-block;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer{display:inline-block;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0);transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform .5s;transition:transform .5s}.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transform:translateY(0);transform:translateY(0)} /*Odometer End*/ - -#tutorial,.navButtonsCover .navButtons{-webkit-transform:translate(-50%,0);left:50%}#sharebox,#suggest,ul{list-style-type:none}#pageUrl input,body{font-family:Arial,sans-serif;outline:0}#bg1,#pageUrl{background-color:#fff}#bg2,#menu{z-index:1001}#menu,#pageUrl,.card{box-shadow:0 0 20px -4px #000}#bg1 div,#bg2,#dp,#pageUrl,#tutStep2,#tutorial,.share{display:none}#arrowCircle,#dp,#input button,.extrabutton,.share,.suggest{cursor:pointer}#extra,#input button,#suggest,.extrabutton{overflow:hidden}#bg1 h2,#extra,#mainPage,#tutStep1,#username,#vids,.card{text-align:center}body{background-color:#fafafa;margin:0;-webkit-tap-highlight-color:transparent;-webkit-transition:background-color .5s linear;transition:background-color .5s linear}img{color:transparent}#menu{position:fixed;width:100%;height:50px;left:0;top:0;background-color:#e52d27}.navButtonsCover{position:relative;height:100%;width:15vh;min-height:40px;float:right;top:0;cursor:pointer}#username,.navButtonsCover[data-child=logo]{float:left}.navButtonsCover .navButtons{position:relative;top:10%;transform:translate(-50%,0);height:40px;width:40px;background-image:url(/images/menu.png);background-size:auto 100%}#bg2,#pageUrl,#sharebox{position:fixed}#bg1,#mainPage,#pointer,#tutorial{position:absolute}#logo{width:58px;background-position:0 0}#helpButton{background-position:150 0}#code{background-position:310 0}#share{background-position:40px 0}#sharebox{top:60px;right:5px;margin:0;padding:0}.share{height:40px;width:40px;border-radius:50%}#bg1,#bg2,#mainPage{width:100%}#pageUrl,#pageUrl input{text-align:center;width:80%;left:10%;border-radius:4px}#pageUrl{top:20%;z-index:1010;padding:30px;font-size:25px}#pageUrl input{border:none;font-size:30px;padding:10px;background-color:gray;color:#fff;margin:20px}#embedUrl{font-size:20px}#tutorial{z-index:1003;height:300px;width:400px;padding-left:30px;padding-right:30px;background-color:rgba(0,0,0,.7);border-radius:10px;top:700px;transform:translate(-50%,0)}#pointer{bottom:100%;height:50px;left:50%;opacity:.7;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}#tutorial p,.tutStep2{color:#fff}#tutStep1{font-size:50px;font-weight:900}#tutorial h3{font-size:25px}ol li{padding-top:5px;padding-bottom:5px}.ball{-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%);border-radius:50vmax;opacity:0}#bg1{display:block;overflow-y:hidden;-webkit-transition:all .5s linear;transition:all .5s linear;min-height:100%;right:0;top:0;z-index:501}#bg1 div{margin-top:60px;-webkit-transition:all .5s;transition:all .5s;opacity:0}#bg1 h2{font-size:6vw;margin:0;font-family:Impact,Arial,sans-serif}#bg1 ol,#bg1 p{font-size:25px;text-align:left;margin-left:20px;margin-right:20px}#bg1 a{color:#e52d27;font-weight:600}#bg2{left:0;top:0;background-color:rgba(0,0,0,.5);height:100%}#mainPage{left:0;bottom:0;top:60px;margin-left:auto;margin-right:auto}.card{position:relative;width:80%!important;height:auto;top:0!important;margin:2vw auto;padding-top:2vw;font-size:1vw;border-radius:4px!important;background-color:#fff}#dp,#input{height:8vw;position:absolute}#prime{height:30vw}#actualCount{font-size:11vw!important}#pubDate,#totalVideos,#totalViews{font-size:3vw!important;line-height:1;font-weight:400}#dp{left:5%;border-radius:8vw}#input button,#username{border:none;outline:0;color:#fff}#input,#username{border-radius:.5vw}#input{right:5%;width:75%;background-color:#c8c8c8;-webkit-transition:background-color .25s;transition:background-color .25s}#input button{height:100%;background-color:#e52d27;right:0;width:8vw;position:absolute;display:none}#username{font-size:3vw;font-family:Arial,sans-serif;height:100%;width:100%;background-color:transparent;-webkit-transition:width .25s;transition:width .25s}#search{height:60%;left:20%}.bar:after,.bar:before{content:'';height:.5vw;width:0;bottom:0;position:absolute;background:#e52d27;-webkit-transition:.2s ease all;transition:.2s ease all}#extra,#hideextra,.suggest div{position:relative}.bar:before{left:50%}.bar:after{right:50%}input:focus~.bar:after,input:focus~.bar:before{width:50%}#username:focus{background-color:#ffc8c8;width:87%}#username:focus~#inputButton{display:block}#suggest{position:absolute;left:0;top:8vw;z-index:400;width:100%;display:none;box-shadow:0 4px 10px -4px #000;padding:0;margin:0;background-color:#fff}.suggest{color:#000;height:50px;padding-bottom:10px;padding-top:10px}.extrabutton,.suggest:hover{background-color:#e52d27;color:#fff}.suggest div{font-size:2.5vw;margin-left:10px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.suggestImg{float:left;width:50px;height:50px;border-radius:50%;margin-left:10px}#arrowCircle,#extra,#hideextra,.myChart-wrapper{margin-left:auto;margin-right:auto}#topnum{width:100%;top:12vw;position:absolute}#extra{font-weight:400;top:0;width:4vw}.extraCol{height:15vh}.extraExp{height:180vw}#arrowCircle{background-color:#e52d27;width:4vw;height:4vw;border-radius:5vw;-webkit-transition:transform .5s;-webkit-transition:-webkit-transform .5s;transition:transform .5s}#extraContent{opacity:0;height:100%}#extra table{border-collapse:collapse;font-size:2vw;font-weight:100}#extra td,#extra th{text-align:left;vertical-align:center;border-bottom:1px solid #ddd;padding:10px 2vw}#milestoneBox{font-size:3vw;font-weight:100}.myChart-wrapper{width:80%;height:32vw}#showextra{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute}#hideextra{display:none;bottom:10vh}.extrabutton{border:none;outline:0;height:6vh;width:15vw;border-radius:4px;font-weight:900;z-index:2}#vids{width:5vw;margin:1vw;font-size:3vw;border:0;border-bottom:.5vw solid #e52d27;background-color:rgba(200,200,200,.3)}a{text-decoration:none}@media only screen and (max-width:800px),screen and (orientation:portrait){.navButtonsCover{width:25%}#bg1 h2{font-size:12vw}#pageUrl{width:100%;left:0}.card{width:98%!important;font-size:3vw}.extraCol{height:15vh}.extraExp{height:300vw}#extra table{font-size:5vw}#milestoneBox{font-size:8vw}#actualCount{font-size:15vw!important}#pubDate,#totalVideos,#totalViews{font-size:8vw!important}#prime{height:40vw!important}#username:focus{width:84%}#arrowCircle,#extra{width:10vw}#arrowCircle{height:10vw}#arrow{box-shadow:.75vw .75vw #fff;height:2.625vw;width:2.625vw}#username{font-size:6vw}#dp,#input{height:12vw}#suggest{top:12vw}#input button{width:12vw}#topnum{top:14vw}.extrabutton{height:8vh;width:35vw}.myChart-wrapper{width:95%}#charts{display:none!important}} +#tutorial,.navButtonsCover .navButtons{-webkit-transform:translate(-50%,0);left:50%}#sharebox,#suggest,ul{list-style-type:none}#pageUrl input,body{font-family:Arial,sans-serif;outline:0}#bg1,#pageUrl{background-color:#fff}#bg2,#menu{z-index:1001}#menu,#pageUrl,.card{box-shadow:0 0 20px -4px #000}#bg1 div,#bg2,#dp,#pageUrl,#tutStep2,#tutorial,.share{display:none}#arrowCircle,#dp,#input button,.extrabutton,.share,.suggest{cursor:pointer}#extra,#input button,#suggest,.extrabutton{overflow:hidden}#bg1 h2,#extra,#mainPage,#tutStep1,#username,#vids,.card{text-align:center}body{background-color:#fafafa;margin:0;-webkit-tap-highlight-color:transparent;-webkit-transition:background-color .5s linear;transition:background-color .5s linear}img{color:transparent}#menu{position:fixed;width:100%;height:50px;left:0;top:0;background-color:#e52d27}.navButtonsCover{position:relative;height:100%;width:15vh;min-height:40px;float:right;top:0;cursor:pointer}#username,.navButtonsCover[data-child=logo]{float:left}.navButtonsCover .navButtons{position:relative;top:10%;transform:translate(-50%,0);height:40px;width:40px;background-image:url(/images/menu.png);background-size:auto 100%}#bg2,#pageUrl,#sharebox{position:fixed}#bg1,#mainPage,#pointer,#tutorial{position:absolute}#logo{width:58px;background-position:0 0}#helpButton{background-position:150 0}#code{background-position:308 0}#share{background-position:40px 0}#sharebox{top:60px;right:5px;margin:0;padding:0}.share{height:40px;width:40px;border-radius:50%}#bg1,#bg2,#mainPage{width:100%}#pageUrl,#pageUrl input{text-align:center;width:80%;left:10%;border-radius:4px}#pageUrl{top:20%;z-index:1010;padding:30px;font-size:25px}#pageUrl input{border:none;font-size:30px;padding:10px;background-color:gray;color:#fff;margin:20px}#embedUrl{font-size:20px}#tutorial{z-index:1003;height:300px;width:400px;padding-left:30px;padding-right:30px;background-color:rgba(0,0,0,.7);border-radius:10px;top:700px;transform:translate(-50%,0)}#pointer{bottom:100%;height:50px;left:50%;opacity:.7;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}#tutorial p,.tutStep2{color:#fff}#tutStep1{font-size:50px;font-weight:900}#tutorial h3{font-size:25px}ol li{padding-top:5px;padding-bottom:5px}.ball{-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%);border-radius:50vmax;opacity:0}#bg1{display:block;overflow-y:hidden;-webkit-transition:all .5s linear;transition:all .5s linear;min-height:100%;right:0;top:0;z-index:501}#bg1 div{margin-top:60px;-webkit-transition:all .5s;transition:all .5s;opacity:0}#bg1 h2{font-size:6vw;margin:0;font-family:Impact,Arial,sans-serif}#bg1 ol,#bg1 p{font-size:25px;text-align:left;margin-left:20px;margin-right:20px}#bg1 a{color:#e52d27;font-weight:600}#bg2{left:0;top:0;background-color:rgba(0,0,0,.5);height:100%}#mainPage{left:0;bottom:0;top:60px;margin-left:auto;margin-right:auto}.card{position:relative;width:80%!important;height:auto;top:0!important;margin:2vw auto;padding-top:2vw;font-size:1vw;border-radius:4px!important;background-color:#fff}#dp,#input{height:8vw;position:absolute}#prime{height:30vw}#actualCount{font-size:11vw!important}#pubDate,#totalVideos,#totalViews{font-size:3vw!important;line-height:1;font-weight:400}#dp{left:5%;border-radius:8vw}#input button,#username{border:none;outline:0;color:#fff}#input,#username{border-radius:.5vw}#input{right:5%;width:75%;background-color:#c8c8c8;-webkit-transition:background-color .25s;transition:background-color .25s}#input button{height:100%;background-color:#e52d27;right:0;width:8vw;position:absolute;display:none}#username{font-size:3vw;font-family:Arial,sans-serif;height:100%;width:100%;background-color:transparent;-webkit-transition:width .25s;transition:width .25s}#search{height:60%;left:20%}.bar:after,.bar:before{content:'';height:.5vw;width:0;bottom:0;position:absolute;background:#e52d27;-webkit-transition:.2s ease all;transition:.2s ease all}#extra,#hideextra,.suggest div{position:relative}.bar:before{left:50%}.bar:after{right:50%}input:focus~.bar:after,input:focus~.bar:before{width:50%}#username:focus{background-color:#ffc8c8;width:87%}#username:focus~#inputButton{display:block}#suggest{position:absolute;left:0;top:8vw;z-index:400;width:100%;display:none;box-shadow:0 4px 10px -4px #000;padding:0;margin:0;background-color:#fff}.suggest{color:#000;height:50px;padding-bottom:10px;padding-top:10px}.extrabutton,.suggest:hover{background-color:#e52d27;color:#fff}.suggest div{font-size:2.5vw;margin-left:10px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.suggestImg{float:left;width:50px;height:50px;border-radius:50%;margin-left:10px}#arrowCircle,#extra,#hideextra,.myChart-wrapper{margin-left:auto;margin-right:auto}#topnum{width:100%;top:12vw;position:absolute}#extra{display:none;font-weight:400;top:0;width:4vw}.extraCol{height:15vh}.extraExp{height:180vw}#arrowCircle{background-color:#e52d27;width:4vw;height:4vw;border-radius:5vw;-webkit-transition:transform .5s;-webkit-transition:-webkit-transform .5s;transition:transform .5s}#extraContent{opacity:0;height:100%}#extra table{border-collapse:collapse;font-size:2vw;font-weight:100}#extra td,#extra th{text-align:left;vertical-align:center;border-bottom:1px solid #ddd;padding:10px 2vw}#milestoneBox{font-size:3vw;font-weight:100}.myChart-wrapper{width:80%;height:32vw}#showextra{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute}#hideextra{display:none;bottom:10vh}.extrabutton{border:none;outline:0;height:6vh;width:15vw;border-radius:4px;font-weight:900;z-index:2}#vids{width:5vw;margin:1vw;font-size:3vw;border:0;border-bottom:.5vw solid #e52d27;background-color:rgba(200,200,200,.3)}a{text-decoration:none}@media only screen and (max-width:800px),screen and (orientation:portrait){.navButtonsCover{width:25%}#bg1 h2{font-size:12vw}#pageUrl{width:100%;left:0}.card{width:98%!important;font-size:3vw}.extraCol{height:15vh}.extraExp{height:300vw}#extra table{font-size:5vw}#milestoneBox{font-size:8vw}#actualCount{font-size:15vw!important}#pubDate,#totalVideos,#totalViews{font-size:8vw!important}#prime{height:40vw!important}#username:focus{width:84%}#arrowCircle,#extra{width:10vw}#arrowCircle{height:10vw}#arrow{box-shadow:.75vw .75vw #fff;height:2.625vw;width:2.625vw}#username{font-size:6vw}#dp,#input{height:12vw}#suggest{top:12vw}#input button{width:12vw}#topnum{top:14vw}.extrabutton{height:8vh;width:35vw}.myChart-wrapper{width:95%}#charts{display:none!important}}
@@ -192,9 +191,7 @@ Select and copy the URL of this page below and use it to share this page anywher //Odometer (function(){var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G=[].slice;q='',n=''+q+"",d='8'+n+"",g='',c="(,ddd).dd",h=/^\(?([^)]*)\)?(?:(.)(d+))?$/,i=30,f=2e3,a=20,j=2,e=.5,k=1e3/i,b=1e3/a,o="transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",y=document.createElement("div").style,p=null!=y.transition||null!=y.webkitTransition||null!=y.mozTransition||null!=y.oTransition,w=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,l=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,s=function(a){var b;return b=document.createElement("div"),b.innerHTML=a,b.children[0]},v=function(a,b){return a.className=a.className.replace(new RegExp("(^| )"+b.split(" ").join("|")+"( |$)","gi")," ")},r=function(a,b){return v(a,b),a.className+=" "+b},z=function(a,b){var c;return null!=document.createEvent?(c=document.createEvent("HTMLEvents"),c.initEvent(b,!0,!0),a.dispatchEvent(c)):void 0},u=function(){var a,b;return null!=(a=null!=(b=window.performance)?"function"==typeof b.now?b.now():void 0:void 0)?a:+new Date},x=function(a,b){return null==b&&(b=0),b?(a*=Math.pow(10,b),a+=.5,a=Math.floor(a),a/=Math.pow(10,b)):Math.round(a)},A=function(a){return 0>a?Math.ceil(a):Math.floor(a)},t=function(a){return a-x(a)},C=!1,(B=function(){var a,b,c,d,e;if(!C&&null!=window.jQuery){for(C=!0,d=["html","text"],e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(function(a){var b;return b=window.jQuery.fn[a],window.jQuery.fn[a]=function(a){var c;return null==a||null==(null!=(c=this[0])?c.odometer:void 0)?b.apply(this,arguments):this[0].odometer.update(a)}}(a));return e}})(),setTimeout(B,0),m=function(){function a(b){var c,d,e,g,h,i,l,m,n,o,p=this;if(this.options=b,this.el=this.options.el,null!=this.el.odometer)return this.el.odometer;this.el.odometer=this,m=a.options;for(d in m)g=m[d],null==this.options[d]&&(this.options[d]=g);null==(h=this.options).duration&&(h.duration=f),this.MAX_VALUES=this.options.duration/k/j|0,this.resetFormat(),this.value=this.cleanValue(null!=(n=this.options.value)?n:""),this.renderInside(),this.render();try{for(o=["innerHTML","innerText","textContent"],i=0,l=o.length;l>i;i++)e=o[i],null!=this.el[e]&&!function(a){return Object.defineProperty(p.el,a,{get:function(){var b;return"innerHTML"===a?p.inside.outerHTML:null!=(b=p.inside.innerText)?b:p.inside.textContent},set:function(a){return p.update(a)}})}(e)}catch(q){c=q,this.watchForMutations()}}return a.prototype.renderInside=function(){return this.inside=document.createElement("div"),this.inside.className="odometer-inside",this.el.innerHTML="",this.el.appendChild(this.inside)},a.prototype.watchForMutations=function(){var a,b=this;if(null!=l)try{return null==this.observer&&(this.observer=new l(function(){var a;return a=b.el.innerText,b.renderInside(),b.render(b.value),b.update(a)})),this.watchMutations=!0,this.startWatchingMutations()}catch(c){a=c}},a.prototype.startWatchingMutations=function(){return this.watchMutations?this.observer.observe(this.el,{childList:!0}):void 0},a.prototype.stopWatchingMutations=function(){var a;return null!=(a=this.observer)?a.disconnect():void 0},a.prototype.cleanValue=function(a){var b;return"string"==typeof a&&(a=a.replace(null!=(b=this.format.radix)?b:".","