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:
@@ -0,0 +1,267 @@
|
||||
<!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 & Decimal Time ·
|
||||
<a href="/calendar/" style="color:var(--accent);text-decoration:none;font-size:0.85rem;">Calendar</a> ·
|
||||
<a href="/convert" style="color:var(--accent);text-decoration:none;font-size:0.85rem;">Converter</a> ·
|
||||
<a href="/decimal" style="color:var(--accent);text-decoration:none;font-size:0.85rem;">Decimal Time</a> ·
|
||||
<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 — 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 — months, weeks, days, hours, minutes, seconds — 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–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–9, days 0–35, weeks 0–5, weekdays 0–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 ÷ 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 — 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> —
|
||||
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×6 + 4).
|
||||
Holiday days are written as <em>Holiday N</em> (N = 0–4, or 0–5 on leap years) and fall outside any month or week.
|
||||
</p>
|
||||
<p><strong>Months</strong> (months 0–9, days 0–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–35</td><td>Jan 1 – Feb 5</td><td></td></tr>
|
||||
<tr><td>1</td><td>0–35</td><td>Feb 6 – Mar 13</td><td></td></tr>
|
||||
<tr><td>2</td><td>0–35</td><td>Mar 14 – Apr 18</td><td></td></tr>
|
||||
<tr><td>3</td><td>0–35</td><td>Apr 19 – May 24</td><td></td></tr>
|
||||
<tr><td>4</td><td>0–35</td><td>May 25 – Jun 29</td><td></td></tr>
|
||||
<tr><td>5</td><td>0–35</td><td>Jun 30 – Aug 4</td><td></td></tr>
|
||||
<tr><td>6</td><td>0–35</td><td>Aug 5 – Sep 9</td><td></td></tr>
|
||||
<tr><td>7</td><td>0–35</td><td>Sep 10 – Oct 15</td><td></td></tr>
|
||||
<tr><td>8</td><td>0–35</td><td>Oct 16 – Nov 20</td><td></td></tr>
|
||||
<tr><td>9</td><td>0–35</td><td>Nov 21 – Dec 26</td><td>Ends Dec 25 on leap years</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><strong>Weeks</strong> (weeks 0–5 within each month, days 0–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–5</td></tr>
|
||||
<tr><td>1</td><td>6–11</td></tr>
|
||||
<tr><td>2</td><td>12–17</td></tr>
|
||||
<tr><td>3</td><td>18–23</td></tr>
|
||||
<tr><td>4</td><td>24–29</td></tr>
|
||||
<tr><td>5</td><td>30–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 — 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 — New Year's Eve</td><td>Dec 30</td></tr>
|
||||
<tr><td>H5*</td><td>—</td><td>Dec 31 — 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 → 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 → 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>
|
||||
Reference in New Issue
Block a user