2019-11-10 19:54:50 +00:00
|
|
|
<!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 - Calendar</title>
|
2020-01-13 18:17:56 +00:00
|
|
|
<link rel="shortcut icon" href="../favicon.ico">
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="../style.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="../node_modules/moment-timezone/builds/moment-timezone-with-data.min.js" type="application/javascript"></script>
|
|
|
|
|
<script src="../setOption.js" type="application/javascript"></script>
|
|
|
|
|
<script src="../cal.js" type="application/javascript"></script>
|
2019-11-10 19:54:50 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="header">
|
|
|
|
|
<h1>Planetary Gears</h1>
|
|
|
|
|
<h2>a lightweight world clock webapp</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="shroud"></div>
|
|
|
|
|
|
|
|
|
|
<nav>
|
2020-01-13 18:17:56 +00:00
|
|
|
<a href="../">world clock</a><a href="../timer/">timer/stopwatch</a><a class="activeButton" href="../cal/">calendar</a>
|
2019-11-10 19:54:50 +00:00
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<div id="calendarSpacer"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="bigWrapper">
|
|
|
|
|
|
|
|
|
|
<div id="controls">
|
|
|
|
|
<div id="calendarSelector">
|
|
|
|
|
<input type="button" id="monthly" name="monthly" value="Monthly" class="activeButton">
|
|
|
|
|
<input type="button" id="yearly" name="yearly" value="Yearly">
|
|
|
|
|
</div>
|
|
|
|
|
<div id="monthSelector">
|
|
|
|
|
<select id="monthSelect">
|
|
|
|
|
<option value="1">January</option>
|
|
|
|
|
<option value="2">February</option>
|
|
|
|
|
<option value="3">March</option>
|
|
|
|
|
<option value="4">April</option>
|
|
|
|
|
<option value="5">May</option>
|
|
|
|
|
<option value="6">June</option>
|
|
|
|
|
<option value="7">July</option>
|
|
|
|
|
<option value="8">August</option>
|
|
|
|
|
<option value="9">September</option>
|
|
|
|
|
<option value="10">October</option>
|
|
|
|
|
<option value="11">November</option>
|
|
|
|
|
<option value="12">December</option>
|
|
|
|
|
</select>
|
|
|
|
|
|
|
|
|
|
<input type="number" id="yearSelect" name="yearSelect" min="1970" max="2070">
|
|
|
|
|
</div>
|
|
|
|
|
<div id="yearSelector">
|
|
|
|
|
<input type="number" id="wholeYearSelect" name="wholeYearSelect min="1970" max="2070">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="calendarWrapper">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
