64 lines
2.1 KiB
HTML
64 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>datetime.link</title>
|
|
<meta name="viewport" content="width=device-width">
|
|
|
|
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
|
|
<link rel="stylesheet" href="/css/styles.css">
|
|
</head>
|
|
<body>
|
|
<script src="/js/theme.js"></script>
|
|
<main id="app">
|
|
<d-zone>
|
|
<d-zoneinfo>
|
|
<d-zonename>India Standard Time</d-zonename>
|
|
<d-zoneoffset>+5:30</d-zoneoffset>
|
|
<d-date date="2020-06-02">2020-06-02</d-date>
|
|
</d-zoneinfo>
|
|
<d-zonefigure>
|
|
<d-time time="14:00">14:00</d-time>
|
|
</d-zonefigure>
|
|
</d-zone>
|
|
<d-zone>
|
|
<d-zoneinfo>
|
|
<d-zonename>Singapore Time</d-zonename>
|
|
<d-zoneoffset>+8:00</d-zoneoffset>
|
|
<d-date date="2020-06-02">2020-06-02</d-date>
|
|
</d-zoneinfo>
|
|
<d-zonefigure>
|
|
<d-time time="16:30">16:30</d-time>
|
|
</d-zonefigure>
|
|
</d-zone>
|
|
<d-zone>
|
|
<d-zoneinfo>
|
|
<d-zonename>New York, USA</d-zonename>
|
|
<d-zoneoffset>-4:00</d-zoneoffset>
|
|
<d-date date="2020-06-02">2020-06-02</d-date>
|
|
</d-zoneinfo>
|
|
<d-zonefigure>
|
|
<d-time time="04:30">04:30</d-time>
|
|
</d-zonefigure>
|
|
</d-zone>
|
|
</main>
|
|
|
|
<footer>
|
|
<ul class="list-inline">
|
|
<li><a href="https://github.com/serverwentdown/datetime.link" target="_blank">About datetime.link</a></li><!--
|
|
--><li><a href="https://github.com/serverwentdown/datetime.link/issues/new" target="_blank">Found a bug?</a></li><!--
|
|
--><li onclick="toggleTheme()"><!--
|
|
--><span class="icon theme-toggle-system">{{template "icon_solid_adjust.svg"}}</span><span class="theme-toggle-name theme-toggle-system"> System theme</span><!--
|
|
--><span class="icon theme-toggle-dark">{{template "icon_solid_moon.svg"}}</span><span class="theme-toggle-name theme-toggle-dark"> Dark theme</span><!--
|
|
--><span class="icon theme-toggle-light">{{template "icon_solid_sun.svg"}}</span><span class="theme-toggle-name theme-toggle-light"> Light theme</span><!--
|
|
--></li>
|
|
</ul>
|
|
</footer>
|
|
|
|
<!-- Work in progress...
|
|
<script src="/js/third-party/luxon.min.js"></script>
|
|
<script src="/js/interactive.js" async></script>
|
|
-->
|
|
</body>
|
|
</html>
|