AdamAnt/ClockworkAprilFools2017
1
0
Fork 0
mirror of https://github.com/Adam-Ant/ClockworkAprilFools2017 synced 2024-12-20 11:04:35 +00:00
Code Issues Releases Wiki Activity

Prettify collectsunlight page

Browse Source
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
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
templates/wait.html
View File

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