www/{index.html,countdown.js} - add a ten-minute phase
This commit is contained in:
@@ -235,7 +235,8 @@ function pad(num) {
|
|||||||
|
|
||||||
function counterClass(millisecsRemaining) {
|
function counterClass(millisecsRemaining) {
|
||||||
if (millisecsRemaining > 3600000) return "hours";
|
if (millisecsRemaining > 3600000) return "hours";
|
||||||
if (millisecsRemaining > 60000) return "minutes";
|
if (millisecsRemaining > 600000) return "minutes";
|
||||||
|
if (millisecsRemaining > 60000) return "ten-minutes";
|
||||||
if (millisecsRemaining > 10000) return "seconds";
|
if (millisecsRemaining > 10000) return "seconds";
|
||||||
return "countdown";
|
return "countdown";
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -16,6 +16,7 @@
|
|||||||
}
|
}
|
||||||
div.hours { color: black; }
|
div.hours { color: black; }
|
||||||
div.minutes { color: green; }
|
div.minutes { color: green; }
|
||||||
|
div.ten-minutes { color: orange; }
|
||||||
div.seconds { color: orange; animation: blinker 1s linear infinite; }
|
div.seconds { color: orange; animation: blinker 1s linear infinite; }
|
||||||
div.countdown { color: red; animation: blinker 1s linear infinite; }
|
div.countdown { color: red; animation: blinker 1s linear infinite; }
|
||||||
@keyframes blinker {
|
@keyframes blinker {
|
||||||
|
|||||||
Reference in New Issue
Block a user