ClockworkAprilFools2017/templates/wait.html

<meta http-equiv="refresh" content="29; url=./activate">
<script src="/plus/static/progressbar.js"></script>
<link href="https://fonts.googleapis.com/css?family=Raleway:400,300,600,800,900" rel="stylesheet" type="text/css">

<style>
body {
  background-image: url('data:image/jpeg;base64,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
  background-repeat: repeat;
  }

* {
  text-align: center;
  color: white;
  text-shadow: 0px 3px 4px #000;
}
#container{
   width: 300px;
   margin: 0 auto;
   top: 45%;
}
#progress-title {
  position: relative;
  font-size: larger;
  top: 25%
}
</style>

  
  <div id="progress-title">
    <h1>Collecting sunlight, please wait...</h1>
  </div>
  <div id="container" class="container"></div>




<script>
// ProgressBar.js 1.0.1
// https://kimmobrunfeldt.github.io/progressbar.js
// License: MIT

!function(a){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=a();else if("function"==typeof define&&define.amd)define([],a);else{var b;b="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,b.ProgressBar=a()}}(function(){var a;return function b(a,c,d){function e(g,h){if(!c[g]){if(!a[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);var j=new Error("Cannot find module '"+g+"'");throw j.code="MODULE_NOT_FOUND",j}var k=c[g]={exports:{}};a[g][0].call(k.exports,function(b){var c=a[g][1][b];return e(c?c:b)},k,k.exports,b,a,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g<d.length;g++)e(d[g]);return e}({1:[function(b,c,d){(function(){var b=this||Function("return this")(),e=function(){"use strict";function e(){}function f(a,b){var c;for(c in a)Object.hasOwnProperty.call(a,c)&&b(c)}function g(a,b){return f(b,function(c){a[c]=b[c]}),a}function h(a,b){f(b,function(c){"undefined"==typeof a[c]&&(a[c]=b[c])})}function i(a,b,c,d,e,f,g){var h,i,k,l=f>a?0:(a-f)/e;for(h in b)b.hasOwnProperty(h)&&(i=g[h],k="function"==typeof i?i:o[i],b[h]=j(c[h],d[h],k,l));return b}function j(a,b,c,d){return a+(b-a)*c(d)}function k(a,b){var c=n.prototype.filter,d=a._filterArgs;f(c,function(e){"undefined"!=typeof c[e][b]&&c[e][b].apply(a,d)})}function l(a,b,c,d,e,f,g,h,j,l,m){v=b+c+d,w=Math.min(m||u(),v),x=w>=v,y=d-(v-w),a.isPlaying()&&(x?(j(g,a._attachment,y),a.stop(!0)):(a._scheduleId=l(a._timeoutHandler,s),k(a,"beforeTween"),b+c>w?i(1,e,f,g,1,1,h):i(w,e,f,g,d,b+c,h),k(a,"afterTween"),j(e,a._attachment,y)))}function m(a,b){var c={},d=typeof b;return"string"===d||"function"===d?f(a,function(a){c[a]=b}):f(a,function(a){c[a]||(c[a]=b[a]||q)}),c}function n(a,b){this._currentState=a||{},this._configured=!1,this._scheduleFunction=p,"undefined"!=typeof b&&this.setConfig(b)}var o,p,q="linear",r=500,s=1e3/60,t=Date.now?Date.now:function(){return+new Date},u="undefined"!=typeof SHIFTY_DEBUG_NOW?SHIFTY_DEBUG_NOW:t;p="undefined"!=typeof window?window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||window.mozCancelRequestAnimationFrame&&window.mozRequestAnimationFrame||setTimeout:setTimeout;var v,w,x,y;return n.prototype.tween=function(a){return this._isTweening?this:(void 0===a&&this._configured||this.setConfig(a),this._timestamp=u(),this._start(this.get(),this._attachment),this.resume())},n.prototype.setConfig=function(a){a=a||{},this._configured=!0,this._attachment=a.attachment,this._pausedAtTime=null,this._scheduleId=null,this._delay=a.delay||0,this._start=a.start||e,this._step=a.step||e,this._finish=a.finish||e,this._duration=a.duration||r,this._currentState=g({},a.from)||this.get(),this._originalState=this.get(),this._targetState=g({},a.to)||this.get();var b=this;this._timeoutHandler=function(){l(b,b._timestamp,b._delay,b._duration,b._currentState,b._originalState,b._targetState,b._easing,b._step,b._scheduleFunction)};var c=this._currentState,d=this._targetState;return h(d,c),this._easing=m(c,a.easing||q),this._filterArgs=[c,this._originalState,d,this._easing],k(this,"tweenCreated"),this},n.prototype.get=function(){return g({},this._currentState)},n.prototype.set=function(a){this._currentState=a},n.prototype.pause=function(){return this._pausedAtTime=u(),this._isPaused=!0,this},n.prototype.resume=function(){return this._isPaused&&(this._timestamp+=u()-this._pausedAtTime),this._isPaused=!1,this._isTweening=!0,this._timeoutHandler(),this},n.prototype.seek=function(a){a=Math.max(a,0);var b=u();return this._timestamp+a===0?this:(this._timestamp=b-a,this.isPlaying()||(this._isTweening=!0,this._isPaused=!1,l(this,this._timestamp,this._delay,this._duration,this._currentState,this._originalState,this._targetState,this._easing,this._step,this._scheduleFunction,b),this.pause()),this)},n.prototype.stop=function(a){return this._isTweening=!1,this._isPaused=!1,this._timeoutHandler=e,(b.cancelAnimationFrame||b.webkitCancelAnimationFrame||b.oCancelAnimationFrame||b
//# sourceMappingURL=progressbar.min.js.map


// progressbar.js@1.0.0 version is used
// Docs: http://progressbarjs.readthedocs.org/en/1.0.0/

var bar = new ProgressBar.SemiCircle(container, {
  strokeWidth: 30,
  color: '#FBDB0C',
  trailColor: 'white',
  trailWidth: 2,
  easing: 'easeInOut',
  duration: 30000,
  svgStyle: null,
  text: {
    value: '',
    alignToBottom: false
  },
  from: {color: '#ED6A5A'},
  to: {color: '#76FF03'},
  // Set default step function for all animate calls
  step: (state, bar) => {
    bar.path.setAttribute('stroke', state.color);
    var value = Math.round(bar.value() * 100);
    if (value === 0) {
      bar.setText('');
    } else {
      bar.setText(value);
    }

    bar.text.style.color = state.color;
  }
});
bar.text.style.fontFamily = '"Raleway", Helvetica, sans-serif';
bar.text.style.fontSize = '2.5rem';

bar.animate(1.0);  // Number from 0.0 to 1.0

</script>