178 lines
3.7 KiB
HTML
178 lines
3.7 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 href="/timer/alt.html">timer/stopwatch</a><a class="activeButton" href="/cal/alt.html">calendar</a>
|
|
</nav>
|
|
|
|
<div id="calendarSpacer"></div>
|
|
|
|
|
|
<div id="bigWrapper">
|
|
|
|
<div id="controls">
|
|
<form id="calendarSelector">
|
|
<input type="button" id="thisMonth" name="thisMonth" value="This Month" class="activeButton">
|
|
<input type="button" id="thisYear" name="thisYear" value="This Year">
|
|
<input type="button" id="nextYear" name="nextYear" value="Next Year">
|
|
</form>
|
|
</div>
|
|
|
|
<div id="calendarWrapper">
|
|
<h4>October</h4>
|
|
<table class="calendar">
|
|
<tr>
|
|
<th>
|
|
Sun
|
|
</th>
|
|
<th>
|
|
Mon
|
|
</th>
|
|
<th>
|
|
Tue
|
|
</th>
|
|
<th>
|
|
Wed
|
|
</th>
|
|
<th>
|
|
Thu
|
|
</th>
|
|
<th>
|
|
Fri
|
|
</th>
|
|
<th>
|
|
Sat
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
</td>
|
|
<td>
|
|
</td>
|
|
<td>
|
|
1
|
|
</td>
|
|
<td>
|
|
2
|
|
</td>
|
|
<td>
|
|
3
|
|
</td>
|
|
<td>
|
|
4
|
|
</td>
|
|
<td>
|
|
5
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
6
|
|
</td>
|
|
<td>
|
|
7
|
|
</td>
|
|
<td>
|
|
8
|
|
</td>
|
|
<td>
|
|
9
|
|
</td>
|
|
<td>
|
|
10
|
|
</td>
|
|
<td>
|
|
11
|
|
</td>
|
|
<td>
|
|
12
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
13
|
|
</td>
|
|
<td>
|
|
14
|
|
</td>
|
|
<td>
|
|
15
|
|
</td>
|
|
<td>
|
|
16
|
|
</td>
|
|
<td>
|
|
17
|
|
</td>
|
|
<td>
|
|
18
|
|
</td>
|
|
<td>
|
|
19
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
20
|
|
</td>
|
|
<td>
|
|
21
|
|
</td>
|
|
<td>
|
|
22
|
|
</td>
|
|
<td>
|
|
23
|
|
</td>
|
|
<td>
|
|
24
|
|
</td>
|
|
<td>
|
|
25
|
|
</td>
|
|
<td>
|
|
26
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
27
|
|
</td>
|
|
<td>
|
|
28
|
|
</td>
|
|
<td>
|
|
29
|
|
</td>
|
|
<td>
|
|
30
|
|
</td>
|
|
<td>
|
|
31
|
|
</td>
|
|
<td>
|
|
</td>
|
|
<td>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|