mirror of
https://github.com/Adam-Ant/ClockworkAprilFools2017
synced 2024-12-20 11:04:35 +00:00
62 lines
8.5 KiB
HTML
62 lines
8.5 KiB
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;
|
|
}
|
|
|
|
#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
|
|
},
|
|
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 = '2rem';
|
|
|
|
bar.animate(1.0); // Number from 0.0 to 1.0
|
|
|
|
</script>
|