<!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>