Seth
a6b3f039d8
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.
370 lines
14 KiB
HTML
370 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="title" content="SethPC Official Time" />
|
|
<meta property="og:site_name" content="SethPC" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://clock.sethpc.xyz/timegov/" />
|
|
<meta property="og:title" content="Official U.S. Time | SethPC" />
|
|
<meta property="og:description" content="Self-hosted official U.S. time style display with U.S. map and synchronized clocks." />
|
|
<meta property="og:image" content="/timegov/img/map-elements/united-states-map.svg" />
|
|
<meta name="dcterms.title" content="SethPC Official Time" />
|
|
<meta name="description" content="Self-hosted official U.S. time display with synchronized clock data." />
|
|
<meta name="dcterms.subject" content="Working with industry and science to advance innovation and improve quality of life." />
|
|
<meta name="google-site-verification" content="" />
|
|
<meta name="dcterms.type" content="text" />
|
|
<meta name="dcterms.format" content="text/html" />
|
|
<meta name="dcterms.identifier" content="https://clock.sethpc.xyz/timegov/" />
|
|
<meta name="twitter:title" content="Official U.S. Time | SethPC" />
|
|
<meta name="twitter:description" content="Self-hosted official U.S. time style display with synchronized clocks." />
|
|
<meta name="twitter:image" content="/img/map-elements/og_map.png" />
|
|
|
|
<title>SethPC Official Time</title>
|
|
<link rel="shortcut icon" href="https://storage.googleapis.com/sethfreiberg.com/sethflix/favicon.png" />
|
|
<link rel="stylesheet" href="css/main.css" />
|
|
<link rel="stylesheet" href="css/NIST-styles.css" />
|
|
|
|
|
|
<!-- FUNC FOR TOP BAR INFO BTN -->
|
|
<script type="text/javascript">
|
|
function info_exp(id, id2) {
|
|
var n = document.getElementById(id);
|
|
if (n.style.display != 'none') {
|
|
n.style.display = 'none';
|
|
document.getElementById(id2).setAttribute('aria-expanded', 'false');
|
|
} else {
|
|
n.style.display = 'block';
|
|
document.getElementById(id2).setAttribute('aria-expanded', 'true');
|
|
}
|
|
}
|
|
</script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<header>
|
|
|
|
<!-- TOP GREY BAR -->
|
|
<div id="top-grey">
|
|
<div class="inner">
|
|
<img src="img/us_flag_small.png" class="left gap" alt="U.S. Flag"><span class="left gap">Official self-hosted time service</span> <div id="info-btn"><a href="index.html#" onclick="info_exp('top-grey-exp', 'arrow');">Service details <span id="arrow" aria-expanded="false"></span></a></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- EXPANDED TOP GREY BAR -->
|
|
<div id="top-grey-exp" style="display:none;">
|
|
<div class="inner">
|
|
<div class="col-50">
|
|
<div class="pad-4">
|
|
<img src="img/icon-dot-gov.svg" alt="icon dot gov" class="img10"><br>
|
|
<strong>Self-hosted service notice.</strong>
|
|
<p class="no-marg">This is a privately hosted clock service designed to mirror the time.gov experience in a homelab environment.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-50">
|
|
<div class="pad-4">
|
|
<img src="img/icon-https.svg" alt="icon https" class="img10"><br>
|
|
<strong>Encrypted transport.</strong>
|
|
<p class="no-marg">The <strong>https://</strong> indicates encrypted traffic between your browser and this host.</p>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- BLACK TITLE BAR AREA -->
|
|
<div id="title-area">
|
|
<div class="inner">
|
|
<center>
|
|
<span class="title"><img src="https://storage.googleapis.com/sethfreiberg.com/sethflix/favicon.png" id="logo" alt="SethPC"/>OFFICIAL U.S. TIME</span>
|
|
</center>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ANNOUNCEMENT GREY BAR -->
|
|
<div id="callout-bar"><p></p></div> <!-- Blank between <p> </p> unless there is an upcoming announcement -->
|
|
|
|
</header>
|
|
|
|
<!-- MAIN CONTENT AREA -->
|
|
<div id="content">
|
|
|
|
<!-- LEFT COLUMN -->
|
|
<div id="col-left">
|
|
<div class="pad-2">
|
|
|
|
<div id="noncontTitle">Non-Contiguous U.S. and Territories</div>
|
|
|
|
<div id="ak-col">
|
|
<!-- ALASKA TIME -->
|
|
<div class="clock-box blue dst-clock">
|
|
<div class="title">Alaska <span class="DSTterm">Standard</span> Time</div>
|
|
<div class="sub-title">AK<span class="DSTletter">S</span>T (UTC-<span class="DSTnum">9</span>)</div>
|
|
<div class="time-display">
|
|
<div class="color-area"></div>
|
|
<div class="clock time-text"><time zoneOffset=9></time></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ALASKA MAP GRAPHIC -->
|
|
<img src="img/map-elements/alaska.svg" class="side-img" alt="Alaska Map">
|
|
|
|
<!-- ALEUTIAN TIME -->
|
|
<div class="clock-box blue dst-clock">
|
|
<div class="title">Aleutian <span class="DSTterm">Standard</span> Time</div>
|
|
<div class="sub-title">HA<span class="DSTletter">S</span>T (UTC-<span class="DSTnum">10</span>)</div>
|
|
<div class="time-display">
|
|
<div class="color-area"></div>
|
|
<div class="clock time-text"><time zoneOffset=10></time></div>
|
|
</div>
|
|
<!-- <div class="null"><span class="DSTterm"></span><span class="DSTletter"></span><span class="DSTnum"></span></div> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div id="hi-col">
|
|
<!-- HAWAIIAN TIME -->
|
|
<div class="clock-box purple">
|
|
<div class="title">Hawaii Standard Time</div>
|
|
<div class="sub-title">HST (UTC-10)</div>
|
|
<div class="time-display">
|
|
<div class="color-area no-saving"></div>
|
|
<div class="clock time-text"><time zoneOffset=10></time></div>
|
|
</div>
|
|
<div class="null"><span class="DSTterm"></span><span class="DSTletter"></span><span class="DSTnum"></span></div>
|
|
</div>
|
|
|
|
<!-- HAWAII MAP GRAPHIC -->
|
|
<img src="img/map-elements/hawaii.svg" class="side-img" alt="Hawaii Map">
|
|
|
|
<!-- SAMOA TIME -->
|
|
<div class="clock-box dk-blue">
|
|
<div class="title">Samoa Standard Time</div>
|
|
<div class="sub-title">SST (UTC-11)</div>
|
|
<div class="time-display">
|
|
<div class="color-area no-saving"></div>
|
|
<div class="clock time-text"><time zoneOffset=11></time></div>
|
|
</div>
|
|
<div class="null"><span class="DSTterm"></span><span class="DSTletter"></span><span class="DSTnum"></span></div>
|
|
</div>
|
|
|
|
<!-- CHAMORRO TIME -->
|
|
<div class="clock-box dk-blue">
|
|
<div class="title">Chamorro Standard Time</div>
|
|
<div class="sub-title">CHST (UTC+10)</div>
|
|
<div class="time-display">
|
|
<div class="color-area no-saving"></div>
|
|
<div class="clock time-text"><time zoneOffset=-10></time></div>
|
|
</div>
|
|
<div class="null"><span class="DSTterm"></span><span class="DSTletter"></span><span class="DSTnum"></span></div>
|
|
</div>
|
|
|
|
<!-- PUERTO RICO LT COL-->
|
|
<div id="pr-lt" class="pad-2 margTop15">
|
|
<div class="clock-box dk-blue">
|
|
<div class="title">Atlantic Standard Time</div>
|
|
<div class="sub-title"><b>Puerto Rico / US Virgin Islands</b></div>
|
|
<div class="sub-title">AST (UTC-4)</div>
|
|
<div class="time-display">
|
|
<div class="color-area no-saving"></div>
|
|
<div class="clock time-text"><time zoneOffset=4></time></div>
|
|
</div>
|
|
<div class="null"><span class="DSTterm"></span><span class="DSTletter"></span><span class="DSTnum"></span></div>
|
|
</div> </div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- MAIN COLUMN -->
|
|
<div id="col-main">
|
|
<div class="pad-2">
|
|
<div style="height: 0px;"> </div>
|
|
|
|
<!-- ROW FOR MAINLAND US CLOCK AREA -->
|
|
<div class="main-top">
|
|
|
|
<!-- PACIFIC TIME -->
|
|
<div class="col-25">
|
|
<div class="pad-2">
|
|
<div class="clock-box orange dst-clock">
|
|
<div class="title">Pacific <span class="DSTterm">Standard</span> Time</div>
|
|
<div class="sub-title">P<span class="DSTletter">S</span>T (UTC-<span class="DSTnum">8</span>)</div>
|
|
<div class="time-display">
|
|
<div class="color-area"></div>
|
|
<div class="clock time-text"><time zoneOffset=8 />SYNCHRONIZING</time></div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- MOUNTAIN TIME -->
|
|
<div class="col-25">
|
|
<div class="pad-2">
|
|
<div class="clock-box green dst-clock">
|
|
<div class="title">Mountain <span class="DSTterm">Standard</span> Time</div>
|
|
<div class="sub-title">M<span class="DSTletter">S</span>T (UTC-<span class="DSTnum">7</span>)</div>
|
|
<div class="time-display">
|
|
<div class="color-area"></div>
|
|
<div class="clock time-text"><time zoneOffset=7>SYNCHRONIZING</time></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CENTRAL TIME -->
|
|
<div class="col-25">
|
|
<div class="pad-2">
|
|
<div class="clock-box yellow dst-clock">
|
|
<div class="title">Central <span class="DSTterm">Standard</span> Time</div>
|
|
<div class="sub-title">C<span class="DSTletter">S</span>T (UTC-<span class="DSTnum">6</span>)</div>
|
|
<div class="time-display">
|
|
<div class="color-area"></div>
|
|
<div class="clock time-text"><time zoneOffset=6>SYNCHRONIZING</time></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- EASTERN TIME -->
|
|
<div class="col-25">
|
|
<div class="pad-2">
|
|
<div class="clock-box red dst-clock">
|
|
<div class="title">Eastern <span class="DSTterm">Standard</span> Time</div>
|
|
<div class="sub-title">E<span class="DSTletter">S</span>T (UTC-<span class="DSTnum">5</span>)</div>
|
|
<div class="time-display">
|
|
<div class="color-area"></div>
|
|
<div class="clock time-text"><time zoneOffset=5>SYNCHRONIZING</time></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- END TOP ROW -->
|
|
|
|
|
|
<div id="mainland">
|
|
<!-- ARIZONA/MOUNTAIN STANDARD TIME -->
|
|
<div id="az-clock" class="col-25">
|
|
<div class="pad-2">
|
|
<div class="clock-box green">
|
|
<div class="title">Arizona Mountain<br>Standard Time</div>
|
|
<div class="sub-title">MST (UTC-7)</div>
|
|
<div class="time-display">
|
|
<div class="color-area no-saving"></div>
|
|
<div class="clock time-text"><time zoneOffset=7></time></div>
|
|
</div>
|
|
<div class="null"><span class="DSTterm"></span><span class="DSTletter"></span><span class="DSTnum"></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- BEGIN MAIN MAP AREA -->
|
|
<img src="img/map-elements/united-states-map.svg" class="full-img" alt="United States Time Zone Map">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- RIGHT COLUMN -->
|
|
<div id="col-right">
|
|
<div class="pad-4">
|
|
|
|
<!-- 24HR CHECKBOX -->
|
|
<div class='hours-wrapper'>
|
|
<div class='am-pm'></div>
|
|
<input id='twenty-four' type='checkbox' class="css-checkbox">
|
|
<label class='css-label' for='twenty-four'>24-Hour Clock Display</label>
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
<div id="clock-utc">
|
|
<p class="text-xs">Coordinated Universal Time (UTC)</p>
|
|
<div class="clock text-lg"><time id="timeUTC"></time></div>
|
|
<div class="null"><span class="DSTterm"></span><span class="DSTletter"></span><span class="DSTnum"></span></div>
|
|
|
|
</div>
|
|
<p class="sub-title ital">UTC is always displayed as a 24-hour clock.</p>
|
|
|
|
<!-- MAIN CLOCK AREA -->
|
|
<div id="main-time-area">
|
|
<p>Your Device's Clock <span id="myTimeTitle">UTC-0</span> <br>
|
|
<div id='myDate'></div>
|
|
<canvas id="analog-clock" width=200 height=200></canvas>
|
|
<br>
|
|
<span id="myTime"></span><br><br>
|
|
Your clock is off by: <br><span id="realTimeDif"></span> s</p>
|
|
</div>
|
|
|
|
|
|
<!-- PUERTO RICO RT COL-->
|
|
<div id="pr-rt" class="pad-2 margTop15">
|
|
<div class="clock-box dk-blue">
|
|
<div class="title">Atlantic Standard Time</div>
|
|
<div class="sub-title"><b>Puerto Rico / US Virgin Islands</b></div>
|
|
<div class="sub-title">AST (UTC-4)</div>
|
|
<div class="time-display">
|
|
<div class="color-area no-saving"></div>
|
|
<div class="clock time-text"><time zoneOffset=4></time></div>
|
|
</div>
|
|
<div class="null"><span class="DSTterm"></span><span class="DSTletter"></span><span class="DSTnum"></span></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="rightColBot">
|
|
<a href="/simple/">Simple View</a>
|
|
<a href="/decimal/">Decimal Time</a>
|
|
<a href="/seth/">Seth Date</a>
|
|
<a href="/calendar/">Seth Calendar</a>
|
|
<a href="/api/time">Time API</a>
|
|
<div class="imgSmText">
|
|
<img src="img/stripes.svg" class="striped-box" alt="Hashed image for Daylight Saving Time not observed"> = DAYLIGHT SAVING TIME NOT OBSERVED
|
|
<p>Clocks are corrected for network delay</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
<footer class="nist-footer">
|
|
<div class="nist-footer__inner">
|
|
<div class="nist-footer__menu" role="navigation">
|
|
<ul>
|
|
<li class="nist-footer__menu-item"><a href="/timegov/">Map View</a></li>
|
|
<li class="nist-footer__menu-item"><a href="/simple/">Simple View</a></li>
|
|
<li class="nist-footer__menu-item"><a href="/decimal/">Decimal Time</a></li>
|
|
<li class="nist-footer__menu-item"><a href="/seth/">Seth Date</a></li>
|
|
<li class="nist-footer__menu-item"><a href="/calendar/">Seth Calendar</a></li>
|
|
<li class="nist-footer__menu-item"><a href="/api/time">JSON Time API</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="nist-footer__logo">
|
|
<center><img src="https://storage.googleapis.com/sethfreiberg.com/sethflix/favicon.png" alt="SethPC logo" /><p>SethPC Official Time</p></center>
|
|
</div>
|
|
</footer>
|
|
|
|
<div class='time-zone-container' style='display:none'>
|
|
<div class='dropdown-container'>
|
|
<select id='dst-time-zone'>
|
|
</select>
|
|
<select id='no-dst-time-zone'>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div id="responseTime"></div>
|
|
<script src="scripts/jquery-3.7.1.min.js" type="text/javascript"></script>
|
|
<script type="text/javascript" src="scripts/analogClock.js"></script>
|
|
<script type="text/javascript" src="scripts/application.js"></script>
|
|
<script type="text/javascript" src="scripts/zzz__bd08fcbbc8bd600a5f9e994be2de69f7cb26b9f4.js"></script>
|
|
|
|
</body>
|
|
</html>
|