gears/timer/alt.html
2019-11-10 14:54:50 -05:00

40 lines
1.6 KiB
HTML

<!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>