56 lines
2.5 KiB
HTML
56 lines
2.5 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 - Timer/Stopwatch</title>
|
|
<link rel="shortcut icon" href="/favicon.ico">
|
|
<link rel="stylesheet" type="text/css" href="/min.css">
|
|
<script src="/node_modules/jquery/dist/jquery.min.js" type="application/javascript"></script>
|
|
<script src="/node_modules/moment/min/moment.min.js" type="application/javascript"></script>
|
|
<script src="/setOption.js" type="application/javascript"></script>
|
|
<script src="/timer.js" type="application/javascript"></script>
|
|
|
|
</head>
|
|
<body>
|
|
<div id="header">
|
|
<h1>Planetary Gears</h1>
|
|
<h2>a lightweight world clock webapp</h2>
|
|
</div>
|
|
|
|
<nav>
|
|
<a href="/">world clock</a><a class="activeButton" href="/timer/">timer/stopwatch</a><a href="/cal/">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:00</time></h3>
|
|
<div id="timerControls">
|
|
<div id="timerSetup">
|
|
<label for="timerHours">set→ </label><input type="number" id="timerHours" name="timerHours" min="0" max="23" placeholder="00">:<input type="number" id="timerMinutes" name="timerMinutes" min="0" max="59" placeholder="00">:<input type="number" id="timerSeconds" name="timerSeconds" min="0" max="59" placeholder="00"><br/>
|
|
<input type="checkbox" id="chimeBool" name="chimeBool" checked>
|
|
<label for="chimeBool">Play chime when time up</label>
|
|
</div>
|
|
<div id="lapContainer">
|
|
<input type="button" id="addLap" name="lapButton" value="Lap">
|
|
<label for="addLap">0</label>
|
|
</div>
|
|
<input type="button" id="startStop" name="startStop" value="Start">
|
|
<input type="button" id="timerPause" name="timerPause" value="Pause" disabled>
|
|
</div>
|
|
</div>
|
|
<audio id="chime">
|
|
<source src="/chime.ogg" type="audio/ogg" preload="auto"/>
|
|
<source src="/chime.mp3" type="audio.mpeg" preload="auto/>
|
|
</audio>
|
|
|
|
</body>
|
|
</html>
|