timer/alt.html (raw)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="description" content="Planetary Gears is a lightweight world clock web application in jQuery, fuse.js, and moment-timezone" /> <meta name="HandheldFriendly" content="True" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Planetary Gears - Yet Another World Clock Webapp</title> <link rel="shortcut icon" href="/favicon.ico"> <link rel="stylesheet" type="text/css" href="/dark.css"> </head> <body> <div id="header"> <h1>Planetary Gears</h1> <h2>yet another world clock webapp</h2> </div> <div id="shroud"></div> <nav> <a href="/alt.html">converter</a><a class="activeButton" href="/timer/alt.html">timer/stopwatch</a><a href="/cal/alt.html">calendar</a> </nav> <div id="timerContainer"> <div id="controls"> <form id="timerType"> <input type="button" id="timerMode" name="timerMode" value="Timer" class="activeButton"> <input type="button" id="stopwatchMode" name="stopwatchMode" value="Stopwatch"> </form> </div> <h3><time>00:00</time></h3> <div id="timerControls"> <input type="number" id="timerHours" name="timerHours" min="0" max="999" placeholder="00">: <input type="number" id="timerMinutes" name="timerMinutes" min="0" max="59" placeholder="00"> <input type="button" id="startStop" name="startStop" value="Start/Stop"> </div> </div> </body> </html> |