Files
clock-site/seth.html
T
Seth a6b3f039d8 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.
2026-03-08 22:32:38 +00:00

268 lines
12 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SethPC Seth Date</title>
<link rel="icon" type="image/png" href="https://storage.googleapis.com/sethfreiberg.com/sethflix/favicon.png">
<link rel="stylesheet" href="/style.css">
<style>
.seth-note {
margin: 0 0 1rem;
font-size: 0.85rem;
color: var(--muted);
line-height: 1.5;
}
.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;
}
.time-compare {
display: flex;
flex-direction: column;
gap: 0.2rem;
}
.time-compare p {
margin: 0;
font-family: "JetBrains Mono", monospace;
font-size: 1rem;
letter-spacing: 0.02em;
color: var(--muted);
}
.seth-details {
margin: 0.75rem 0 0;
}
.seth-details summary {
cursor: pointer;
color: var(--accent);
font-size: 0.85rem;
user-select: none;
padding: 0.3rem 0;
}
.seth-details summary:hover {
color: var(--accent-hover);
}
.seth-details .seth-note {
margin-top: 0.6rem;
}
</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 Seth Date</span>
</div>
<p class="kicker">Seth Calendar &amp; Decimal Time &nbsp;·&nbsp;
<a href="/calendar/" style="color:var(--accent);text-decoration:none;font-size:0.85rem;">Calendar</a> &nbsp;·&nbsp;
<a href="/convert" style="color:var(--accent);text-decoration:none;font-size:0.85rem;">Converter</a> &nbsp;·&nbsp;
<a href="/decimal" style="color:var(--accent);text-decoration:none;font-size:0.85rem;">Decimal Time</a> &nbsp;·&nbsp;
<a href="/astro" style="color:var(--accent);text-decoration:none;font-size:0.85rem;">Astronomy</a>
</p>
<h1 id="dateLine">Loading date...</h1>
<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="meta-grid">
<div class="time-compare" style="grid-column: span 2;">
<p class="mono">DECI: <span id="decimalTime">-</span></p>
<p class="mono">GREG: <span id="gregorianTime">-</span></p>
</div>
<p><strong>Time Zone:</strong> <span id="zoneLabel">-</span></p>
<p><strong>Day of Year:</strong> <span id="dayOfYear">-</span></p>
<p><strong>Status:</strong> <span id="offsetLabel">calibrating...</span></p>
<p><strong>Week of Year:</strong> <span id="weekOfYear">-</span></p>
<p><strong>Gregorian UTC:</strong> <span id="utcLabel">-</span></p>
<p><strong>Source:</strong> Hosted by SethPC</p>
</div>
<details class="seth-details">
<summary>History</summary>
<div class="seth-note">
<p>
The Seth Calendar was invented by <strong>Seth Freiberg</strong> in 2026 as a personal design project,
born out of frustration with the irregularity of the Gregorian calendar &mdash; unequal month lengths,
weeks that don't divide months evenly, and no clean mapping between days and dates.
</p>
<p>
The goal was a calendar with a simple, regular structure: 10 months of exactly 36 days,
each month divided into 6 weeks of 6 days, with a small block of holiday days at the year end
to absorb the remainder. Year numbers and the January 1 new year are kept from the Gregorian
calendar to stay compatible with the existing world.
</p>
<p>
Decimal time was paired with it for the same reason: the standard 24-hour clock is an arbitrary
Babylonian inheritance. Dividing the day into 10 hours of 100 minutes of 100 seconds gives a
fully base-10 time system that is easier to reason about and calculate with.
All units in the Seth system &mdash; months, weeks, days, hours, minutes, seconds &mdash; are zero-indexed.
</p>
<p>
Credit is due to the <strong>French Republican Calendar</strong> (1793), which pioneered both ideas:
a reformed calendar with equal 30-day months and 5&ndash;6 complementary days at year end,
and a decimal clock dividing the day into 10 hours of 100 minutes of 100 seconds.
The French system was officially used from 1793 to 1805 before Napoleon abolished it.
The Seth Calendar was designed independently in the same spirit, with a different month structure
and the addition of zero-indexing throughout.
</p>
</div>
</details>
<details class="seth-details">
<summary>About Seth Date</summary>
<div class="seth-note">
<p>
<strong>Seth Date</strong> uses the same year numbers and January 1 new year as the Gregorian
calendar. The year is divided into <strong>10 months of 36 days</strong> (6 weeks of 6 days each),
followed by <strong>5 holiday days</strong> at year end (6 on leap years).
All units are <strong>zero-indexed</strong>: months 0&ndash;9, days 0&ndash;35, weeks 0&ndash;5, weekdays 0&ndash;5.
Time uses the same decimal system: 10 hours, 100 minutes, 100 seconds per day.
The Seth second is derived from the Unix second (which equals the SI second, leap seconds aside)
at a fixed ratio: <strong>1 Seth second = 0.864 SI seconds</strong> (86,400 SI seconds per day &divide; 100,000 Seth seconds per day).
</p>
<p>
<strong>Leap Day</strong> (Gregorian Feb 29) is a special intercalary day that exists
<em>outside</em> the normal month and week structure. It is inserted between Month 1, Week 3, Day 4
and Month 1, Week 3, Day 5 &mdash; occupying DOY 60 in its own slot. After Leap Day the calendar
resumes at D5 unchanged, which is why every Seth date from March 1 onward falls on the same
Gregorian date every year (e.g. Christmas is always Month 9, Day 34). On the calendar it appears
as a split cell sharing the D4 column: the top half is the normal D4 day, the bottom half is Leap Day.
</p>
<p><strong>Reading the date:</strong> dates are written as
<em>Year M W D</em> &mdash;
e.g. <em>Month 3, Week 2, Day 4</em> means the 3rd month (0-indexed), week 2, day 4 of that week,
which is day 16 of the month (2&times;6 + 4).
Holiday days are written as <em>Holiday N</em> (N = 0&ndash;4, or 0&ndash;5 on leap years) and fall outside any month or week.
</p>
<p><strong>Months</strong> (months 0&ndash;9, days 0&ndash;35, approx. Gregorian ranges):</p>
<table class="ref-table">
<thead><tr><th>#</th><th>Days</th><th>Approx. Gregorian</th><th>Notes</th></tr></thead>
<tbody>
<tr><td>0</td><td>0&ndash;35</td><td>Jan 1 &ndash; Feb 5</td><td></td></tr>
<tr><td>1</td><td>0&ndash;35</td><td>Feb 6 &ndash; Mar 13</td><td></td></tr>
<tr><td>2</td><td>0&ndash;35</td><td>Mar 14 &ndash; Apr 18</td><td></td></tr>
<tr><td>3</td><td>0&ndash;35</td><td>Apr 19 &ndash; May 24</td><td></td></tr>
<tr><td>4</td><td>0&ndash;35</td><td>May 25 &ndash; Jun 29</td><td></td></tr>
<tr><td>5</td><td>0&ndash;35</td><td>Jun 30 &ndash; Aug 4</td><td></td></tr>
<tr><td>6</td><td>0&ndash;35</td><td>Aug 5 &ndash; Sep 9</td><td></td></tr>
<tr><td>7</td><td>0&ndash;35</td><td>Sep 10 &ndash; Oct 15</td><td></td></tr>
<tr><td>8</td><td>0&ndash;35</td><td>Oct 16 &ndash; Nov 20</td><td></td></tr>
<tr><td>9</td><td>0&ndash;35</td><td>Nov 21 &ndash; Dec 26</td><td>Ends Dec 25 on leap years</td></tr>
</tbody>
</table>
<p><strong>Weeks</strong> (weeks 0&ndash;5 within each month, days 0&ndash;5 within each week):</p>
<table class="ref-table">
<thead><tr><th>Week</th><th>Days</th></tr></thead>
<tbody>
<tr><td>0</td><td>0&ndash;5</td></tr>
<tr><td>1</td><td>6&ndash;11</td></tr>
<tr><td>2</td><td>12&ndash;17</td></tr>
<tr><td>3</td><td>18&ndash;23</td></tr>
<tr><td>4</td><td>24&ndash;29</td></tr>
<tr><td>5</td><td>30&ndash;35</td></tr>
</tbody>
</table>
<p><strong>Holiday days</strong> (after Month 9, Day 35):</p>
<table class="ref-table">
<thead><tr><th>Holiday</th><th>Normal year</th><th>Leap year</th></tr></thead>
<tbody>
<tr><td>H0</td><td>Dec 27</td><td>Dec 26 &mdash; Boxing Day</td></tr>
<tr><td>H1</td><td>Dec 28</td><td>Dec 27</td></tr>
<tr><td>H2</td><td>Dec 29</td><td>Dec 28</td></tr>
<tr><td>H3</td><td>Dec 30</td><td>Dec 29</td></tr>
<tr><td>H4</td><td>Dec 31 &mdash; New Year's Eve</td><td>Dec 30</td></tr>
<tr><td>H5*</td><td>&mdash;</td><td>Dec 31 &mdash; New Year's Eve</td></tr>
</tbody>
</table>
<p style="font-size:0.8rem;">
* Leap years only.<br>
Christmas (Dec 25) falls on Month 9, Day 34 in normal years, and Month 9, Day 35 in leap years.<br>
Dec 26 (Boxing Day) is Month 9, Day 35 in normal years, and Holiday 0 in leap years.
</p>
</div>
</details>
<details class="seth-details">
<summary>Time Conversions</summary>
<div class="seth-note">
<p>Each decimal hour = 2 hours 24 minutes Gregorian. Each Gregorian hour = ~0:41:67 decimal.</p>
<div style="display:grid; grid-template-columns: 1fr 1fr; gap: 0 2rem;">
<div>
<p><strong>Decimal &rarr; Gregorian</strong></p>
<table class="ref-table">
<thead><tr><th>Decimal hour</th><th>Gregorian (24h)</th></tr></thead>
<tbody>
<tr><td>0:00</td><td>00:00</td></tr>
<tr><td>1:00</td><td>02:24</td></tr>
<tr><td>2:00</td><td>04:48</td></tr>
<tr><td>3:00</td><td>07:12</td></tr>
<tr><td>4:00</td><td>09:36</td></tr>
<tr><td>5:00</td><td>12:00</td></tr>
<tr><td>6:00</td><td>14:24</td></tr>
<tr><td>7:00</td><td>16:48</td></tr>
<tr><td>8:00</td><td>19:12</td></tr>
<tr><td>9:00</td><td>21:36</td></tr>
</tbody>
</table>
</div>
<div>
<p><strong>Gregorian &rarr; Decimal</strong></p>
<table class="ref-table">
<thead><tr><th>Gregorian (24h)</th><th>Decimal hour</th></tr></thead>
<tbody>
<tr><td>00:00</td><td>0:00</td></tr>
<tr><td>01:00</td><td>0:41:67</td></tr>
<tr><td>02:00</td><td>0:83:33</td></tr>
<tr><td>03:00</td><td>1:25:00</td></tr>
<tr><td>04:00</td><td>1:66:67</td></tr>
<tr><td>05:00</td><td>2:08:33</td></tr>
<tr><td>06:00</td><td>2:50:00</td></tr>
<tr><td>07:00</td><td>2:91:67</td></tr>
<tr><td>08:00</td><td>3:33:33</td></tr>
<tr><td>09:00</td><td>3:75:00</td></tr>
<tr><td>10:00</td><td>4:16:67</td></tr>
<tr><td>11:00</td><td>4:58:33</td></tr>
<tr><td>12:00</td><td>5:00:00</td></tr>
<tr><td>13:00</td><td>5:41:67</td></tr>
<tr><td>14:00</td><td>5:83:33</td></tr>
<tr><td>15:00</td><td>6:25:00</td></tr>
<tr><td>16:00</td><td>6:66:67</td></tr>
<tr><td>17:00</td><td>7:08:33</td></tr>
<tr><td>18:00</td><td>7:50:00</td></tr>
<tr><td>19:00</td><td>7:91:67</td></tr>
<tr><td>20:00</td><td>8:33:33</td></tr>
<tr><td>21:00</td><td>8:75:00</td></tr>
<tr><td>22:00</td><td>9:16:67</td></tr>
<tr><td>23:00</td><td>9:58:33</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</details>
</main>
<script src="/seth.js"></script>
</body>
</html>