Initial commit — Seth Calendar & Decimal Time clock site
Pages: /, /simple, /decimal, /seth, /calendar, /astro, /convert, /timegov Features: Seth Calendar (10×36 + holidays), decimal time, moon phases, astronomy (sun/moon), bidirectional time converter, Seth date display, leap day split cell in calendar grid.
This commit is contained in:
+142
@@ -0,0 +1,142 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>SethPC Decimal Time</title>
|
||||
<link rel="icon" type="image/png" href="https://storage.googleapis.com/sethfreiberg.com/sethflix/favicon.png">
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
<style>
|
||||
.decimal-note {
|
||||
margin: 0 0 1rem;
|
||||
font-size: 0.85rem;
|
||||
color: var(--muted);
|
||||
line-height: 1.5;
|
||||
}
|
||||
.decimal-note a {
|
||||
color: var(--accent);
|
||||
text-decoration: none;
|
||||
}
|
||||
.decimal-note a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.meta-grid .label-col {
|
||||
color: var(--text);
|
||||
}
|
||||
.ref-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 0.82rem;
|
||||
margin: 0.4rem 0 0.9rem;
|
||||
}
|
||||
.ref-table th {
|
||||
text-align: left;
|
||||
color: var(--accent);
|
||||
border-bottom: 1px solid var(--border);
|
||||
padding: 0.2rem 0.5rem 0.2rem 0;
|
||||
font-weight: 600;
|
||||
}
|
||||
.ref-table td {
|
||||
padding: 0.15rem 0.5rem 0.15rem 0;
|
||||
color: var(--muted);
|
||||
border-bottom: 1px solid #2a2a2a;
|
||||
}
|
||||
.ref-table td:first-child {
|
||||
color: var(--text);
|
||||
width: 2rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main class="wrap">
|
||||
<div class="brand-row">
|
||||
<img class="logo-img" src="https://storage.googleapis.com/sethfreiberg.com/sethflix/favicon.png" alt="SethPC logo">
|
||||
<span class="brand-text">SethPC Decimal Time</span>
|
||||
</div>
|
||||
<p class="kicker">French Republican / Decimal Time & Date</p>
|
||||
<h1 id="dateLine">Loading date...</h1>
|
||||
<p id="dateTrans" class="decimal-note" style="margin:0 0 0.6rem; font-size:0.9rem;"></p>
|
||||
<p id="digital" class="digital">-:--.--</p>
|
||||
|
||||
<div class="controls">
|
||||
<label class="zone-picker" for="zoneSelect">Display Time Zone</label>
|
||||
<select id="zoneSelect"></select>
|
||||
</div>
|
||||
|
||||
<div class="decimal-note">
|
||||
<p>
|
||||
<strong>Decimal time</strong> divides the day into 10 hours, each hour into 100 minutes,
|
||||
and each minute into 100 seconds. The time shown counts from local midnight in the selected zone.
|
||||
</p>
|
||||
<p>
|
||||
The date uses the <strong>French Republican Calendar</strong>, introduced in 1793.
|
||||
The year begins at the autumnal equinox (~22 September). Each year has 12 months of exactly
|
||||
30 days, plus 5 complementary days at year end (6 in a leap year). Years are numbered in
|
||||
Roman numerals from An I (1792).
|
||||
</p>
|
||||
<p><strong>Reading the date:</strong> dates are written as
|
||||
<em>Weekday, Day Month An Year</em> — e.g. <em>Sextidi, 6 Ventôse An CCXXXIII</em>
|
||||
means the 6th day of the month, in the 6th day of the décade (10-day week), in the month of Ventôse, year 233.
|
||||
</p>
|
||||
<p><strong>Months</strong> (each 30 days, grouped by season):</p>
|
||||
<table class="ref-table">
|
||||
<thead><tr><th>#</th><th>French</th><th>English</th><th>Approx. Gregorian</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>1</td><td>Vendémiaire</td><td>Vintage</td><td>Sep 22 – Oct 21</td></tr>
|
||||
<tr><td>2</td><td>Brumaire</td><td>Mist</td><td>Oct 22 – Nov 20</td></tr>
|
||||
<tr><td>3</td><td>Frimaire</td><td>Frost</td><td>Nov 21 – Dec 20</td></tr>
|
||||
<tr><td>4</td><td>Nivôse</td><td>Snowy</td><td>Dec 21 – Jan 19</td></tr>
|
||||
<tr><td>5</td><td>Pluviôse</td><td>Rainy</td><td>Jan 20 – Feb 18</td></tr>
|
||||
<tr><td>6</td><td>Ventôse</td><td>Windy</td><td>Feb 19 – Mar 20</td></tr>
|
||||
<tr><td>7</td><td>Germinal</td><td>Budding</td><td>Mar 21 – Apr 19</td></tr>
|
||||
<tr><td>8</td><td>Floréal</td><td>Flowery</td><td>Apr 20 – May 19</td></tr>
|
||||
<tr><td>9</td><td>Prairial</td><td>Meadow</td><td>May 20 – Jun 18</td></tr>
|
||||
<tr><td>10</td><td>Messidor</td><td>Harvest</td><td>Jun 19 – Jul 18</td></tr>
|
||||
<tr><td>11</td><td>Thermidor</td><td>Heat</td><td>Jul 19 – Aug 17</td></tr>
|
||||
<tr><td>12</td><td>Fructidor</td><td>Fruit</td><td>Aug 18 – Sep 16</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><strong>Weekdays</strong> (the 10-day décade):</p>
|
||||
<table class="ref-table">
|
||||
<thead><tr><th>Day</th><th>French</th><th>English</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>1</td><td>Primidi</td><td>First day</td></tr>
|
||||
<tr><td>2</td><td>Duodi</td><td>Second day</td></tr>
|
||||
<tr><td>3</td><td>Tridi</td><td>Third day</td></tr>
|
||||
<tr><td>4</td><td>Quartidi</td><td>Fourth day</td></tr>
|
||||
<tr><td>5</td><td>Quintidi</td><td>Fifth day</td></tr>
|
||||
<tr><td>6</td><td>Sextidi</td><td>Sixth day</td></tr>
|
||||
<tr><td>7</td><td>Septidi</td><td>Seventh day</td></tr>
|
||||
<tr><td>8</td><td>Octidi</td><td>Eighth day</td></tr>
|
||||
<tr><td>9</td><td>Nonidi</td><td>Ninth day</td></tr>
|
||||
<tr><td>10</td><td>Décadi</td><td>Tenth day (rest day)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><strong>Complementary days</strong> (jours complémentaires, after Fructidor):</p>
|
||||
<table class="ref-table">
|
||||
<thead><tr><th>Day</th><th>French</th><th>English</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>1</td><td>Jour de la Vertu</td><td>Day of Virtue</td></tr>
|
||||
<tr><td>2</td><td>Jour du Génie</td><td>Day of Genius</td></tr>
|
||||
<tr><td>3</td><td>Jour du Travail</td><td>Day of Labour</td></tr>
|
||||
<tr><td>4</td><td>Jour de l'Opinion</td><td>Day of Opinion</td></tr>
|
||||
<tr><td>5</td><td>Jour des Récompenses</td><td>Day of Rewards</td></tr>
|
||||
<tr><td>6*</td><td>Jour de la Révolution</td><td>Day of the Revolution</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p style="font-size:0.8rem;">* Leap years only.</p>
|
||||
</div>
|
||||
|
||||
<div class="meta-grid">
|
||||
<p><strong>Decimal Time:</strong> <span id="decimalUtc">-</span></p>
|
||||
<p><strong>Day of Year:</strong> <span id="dayOfYear">-</span></p>
|
||||
<p><strong>Republican Year:</strong> <span id="repYear">-</span></p>
|
||||
<p><strong>Time Zone:</strong> <span id="zoneLabel">-</span></p>
|
||||
<p><strong>Status:</strong> <span id="offsetLabel">calibrating...</span></p>
|
||||
<p><strong>Gregorian UTC:</strong> <span id="utcLabel">-</span></p>
|
||||
<p><strong>Source:</strong> Hosted by SethPC</p>
|
||||
</div>
|
||||
</main>
|
||||
<script src="/decimal.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user