generated from nathanwoodburn/python-webserver-template
55 lines
2.2 KiB
HTML
55 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Time Converter</title>
|
|
<link rel="icon" href="/assets/img/favicon.png" type="image/png">
|
|
<link rel="stylesheet" href="/assets/css/index.css">
|
|
<!-- og meta -->
|
|
<meta property="og:type" value="website" />
|
|
<meta property="og:title" value="Timezone Converter" />
|
|
<meta property="og:description" value="Convert between timezone | Nathan.Woodburn/" />
|
|
<meta property="og:url" value="https://time.c.woodburn.au" />
|
|
<meta property="og:image" value="https://time.c.woodburn.au/{{ og_image }}" />
|
|
<meta property="og:image:alt" value="Convert between timezone image" />
|
|
|
|
<!-- twitter meta -->
|
|
<meta name="twitter:card" value="summary" />
|
|
<meta name="twitter:site" value="@woodburn_nathan" />
|
|
<meta name="twitter:creator" value="@woodburn_nathan" />
|
|
<meta name="twitter:title" value="Timezone Converter" />
|
|
<meta name="twitter:description" value="Convert between timezone | Nathan.Woodburn/" />
|
|
<meta name="twitter:image" value="/{{ og_image }}" />
|
|
<meta name="twitter:image:alt" value="Convert between timezone image" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>Time Converter</h1>
|
|
</div>
|
|
<div class="content">
|
|
<form id="time-converter-form">
|
|
<label for="from-tz">From Timezone:</label>
|
|
<input type="text" id="from-tz" name="from-tz" required>
|
|
<br>
|
|
<label for="time">Time:</label>
|
|
<input type="datetime-local" id="time" name="time" required>
|
|
<br>
|
|
<label for="to-tzs">To Timezones (comma separated):</label>
|
|
<input type="text" id="to-tzs" name="to-tzs" required>
|
|
<br>
|
|
<button type="submit">Convert</button>
|
|
</form>
|
|
<div id="results" class="results-container"></div>
|
|
</div>
|
|
<div class="footer">
|
|
<p>© 2025 Nathan.Woodburn/ All rights reserved.</p>
|
|
</div>
|
|
</div>
|
|
<script src="/assets/js/index.js"></script>
|
|
</body>
|
|
|
|
</html> |