1
0
mirror of https://github.com/Adam-Ant/ClockworkAprilFools2017 synced 2024-11-05 03:26:22 +00:00

Prettify collectsunlight page

This commit is contained in:
Joe Groocock 2017-04-01 01:17:53 +01:00
parent 6559bb6fc6
commit 895755637c
Signed by untrusted user: frebib
GPG Key ID: E0B16BEACFBB6A86

View File

@ -9,14 +9,27 @@ body {
background-repeat: repeat;
}
* {
text-align: center;
color: white;
text-shadow: 0px 3px 4px #000;
}
#container{
width: 300px;
margin: 0 auto;
top: 55%;
}
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>
@ -37,7 +50,7 @@ body {
var bar = new ProgressBar.SemiCircle(container, {
strokeWidth: 30,
color: '#FBDB0C',
trailColor: '#000000',
trailColor: 'white',
trailWidth: 2,
easing: 'easeInOut',
duration: 30000,
@ -62,7 +75,7 @@ var bar = new ProgressBar.SemiCircle(container, {
}
});
bar.text.style.fontFamily = '"Raleway", Helvetica, sans-serif';
bar.text.style.fontSize = '2rem';
bar.text.style.fontSize = '2.5rem';
bar.animate(1.0); // Number from 0.0 to 1.0