260 lines
12 KiB
HTML
260 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 & 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, 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 each</strong>,
|
|
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-of-month 0–35.
|
|
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 structure. It is inserted at day-of-year 60, between
|
|
day 22 and day 23 of Month 1. After Leap Day the calendar resumes 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:
|
|
the top half is day 22, the bottom half is Leap Day.
|
|
</p>
|
|
<p><strong>Date notation:</strong> dates are written as <em>day.month</em> (day-of-month first, zero-indexed).</p>
|
|
<table class="ref-table">
|
|
<thead><tr><th>Format</th><th>Pattern</th><th>Example (day 16 of month 3, year 2026)</th></tr></thead>
|
|
<tbody>
|
|
<tr><td>Short</td><td>D.M</td><td>16.3</td></tr>
|
|
<tr><td>Medium</td><td>D.M.YY</td><td>16.3.26</td></tr>
|
|
<tr><td>Log</td><td>DD.M.YYYY</td><td>16.3.2026</td></tr>
|
|
<tr><td>Full / reverse</td><td>YYYY.M.DD</td><td>2026.3.16</td></tr>
|
|
</tbody>
|
|
</table>
|
|
<p>Holiday days are written as <em>H0</em>–<em>H4</em> (or <em>H5</em> on leap years).</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>Holiday days</strong> (after Month 9, Day 35 — always exactly 5):</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 27</td></tr>
|
|
<tr><td>H1</td><td>Dec 28</td><td>Dec 28</td></tr>
|
|
<tr><td>H2</td><td>Dec 29</td><td>Dec 29</td></tr>
|
|
<tr><td>H3</td><td>Dec 30</td><td>Dec 30</td></tr>
|
|
<tr><td>H4</td><td>Dec 31 — New Year's Eve</td><td>Dec 31 — New Year's Eve</td></tr>
|
|
</tbody>
|
|
</table>
|
|
<p style="font-size:0.8rem;">
|
|
Leap Day (Feb 29) is the intercalary day, not an extra holiday.<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 Month 9, Day 35 in leap years (same slot, one day earlier Gregorian).
|
|
</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>
|