feat: Add more styling
All checks were successful
Build Docker / BuildImage (push) Successful in 29s

This commit is contained in:
2025-03-06 15:31:12 +11:00
parent 5ec748b212
commit 25280e9c02
2 changed files with 95 additions and 33 deletions

View File

@@ -10,22 +10,28 @@
</head>
<body>
<div class="spacer"></div>
<div class="centre">
<h1>Time Converter</h1>
<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 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>&copy; 2025 Nathan.Woodburn/ All rights reserved.</p>
</div>
</div>
<script src="/assets/js/index.js"></script>
</body>