1
0
mirror of https://github.com/Adam-Ant/ClockworkAprilFools2017 synced 2024-09-08 21:53:53 +00:00
ClockworkAprilFools2017/templates/wait.html

62 lines
8.5 KiB
HTML
Raw Normal View History

<meta http-equiv="refresh" content="29; url=./activate">
2017-03-31 23:11:25 +00:00
<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;
}
#container{
width: 300px;
margin: 0 auto;
top: 55%;
}
</style>
<div id="container" class="container"></div>
<script>
// 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: '#000000',
trailWidth: 2,
easing: 'easeInOut',
duration: 30000,
svgStyle: null,
text: {
value: '',
alignToBottom: false
},
2017-03-14 23:47:19 +00:00
from: {color: '#ED6A5A'},
to: {color: '#76FF03'},
// Set default step function for all animate calls
step: (state, bar) => {
2017-03-14 23:47:19 +00:00
bar.path.setAttribute('stroke', state.color);
var value = Math.round(bar.value() * 100);
if (value === 0) {
2017-03-14 23:47:19 +00:00
bar.setText('');
} else {
bar.setText(value);
}
2017-03-14 23:47:19 +00:00
bar.text.style.color = state.color;
}
});
bar.text.style.fontFamily = '"Raleway", Helvetica, sans-serif';
bar.text.style.fontSize = '2rem';
bar.animate(1.0); // Number from 0.0 to 1.0
</script>