apollo/ui/index.html

46 lines
1017 B
HTML
Raw Normal View History

2024-10-27 08:20:28 -04:00
<!Doctype html>
<html>
<head>
<title>Apollo v0.0.0</title>
2024-10-28 20:17:38 -04:00
<style>
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: #1a1a1a;
color: white;
font-family: sans-serif;
}
.text-muted {
color: #aaa;
}
</style>
2024-10-27 08:20:28 -04:00
</head>
<body>
2024-10-28 20:17:38 -04:00
<nav style="padding: 0.5rem;">
<div style="display: flex; flex-direction: row">
<div>
<h1 style="display: inline; font-size: 1rem;">Apollo Control</h1>
</div>
<div style="flex-grow: 1"></div>
<div class="text-muted" style="font-size: 1rem">
<span id="time">00:00:00</span> UTC
</div>
</div>
</nav>
<script>
const time = document.querySelector('#time');
setInterval(() => {
const now = new Date();
time.innerHTML = `${now.getHours().toString().padStart(2, 0)}:${now.getMinutes().toString().padStart(2, 0)}:${now.getSeconds().toString().padStart(2, 0)}`;
}, 1000);
</script>
2024-10-27 08:20:28 -04:00
</body>
</html>