diff options
Diffstat (limited to 'timer.html')
| -rw-r--r-- | timer.html | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/timer.html b/timer.html new file mode 100644 index 0000000..6df6a65 --- /dev/null +++ b/timer.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<html> + <head> + <title></title> + </head> + <link type="text/css" rel="stylesheet" href="./timer.css"> + <style type="text/css"> + /* just maximize the canvas area and set rem to 10px. */ + html { margin: 0; padding: 0; font-size: 16px;} + body { margin: 0; padding: 0; font-size: 62.5%;} + </style> +</html> +<!-- +This file is meant to have custom CSS applied to it, via adding it as a source +in OBS and specifying custom CSS on the Source. This allows you full control +over what your countdown will look like, with little upkeep cost or outside +dependency. + +You can count on a blank canvas for this, with sane defaults for the html and +body elements. +--> +<body onload="setupCountdown();"> + <div id="page"> + <div id="countdown"> + <div id="minutes">00</div> + <div id="separator">:</div> + <div id="seconds">00</div> + </div> + </div> + <script src="./timer.js" type="text/javascript"></script> +</body> |