Make the clock page prettier (as in, with the prettier tool, not UI)

3 years ago · a0d2dc99e1
parent 3fe2848e60
commit a0d2dc99e1
1 changed files with 43 additions and 45 deletions
--- a/thrimbletrimmer/clock.html
+++ b/thrimbletrimmer/clock.html
@ -1,50 +1,48 @@
 <!DOCTYPE html>
 <html>
-<head>
-	<meta charset="utf-8">
-	<title>Stream Time</title>
-	<style type="text/css">
-		#clock {
-			margin-bottom: 3px;
-		}
-	</style>
-</head>
-<body>
-	<div id="clock"></div>
-	<div>
-		<input type="number" id="delay" value="10" min="0"> seconds of delay
-	</div>
-	<script type="text/javascript">
-		const BUS_START_TIME = 1605290400;
-
-		let updateClock = () => {
-			let delay = parseInt(document.getElementById("delay").value);
-			if (isNaN(delay)) {
-				delay = 0;
-			}
-			let time = (new Date().getTime()) / 1000 - delay - BUS_START_TIME;
-			
-			let sign = "";
-			if (time < 0) {
-				time = -time
-				sign = "-";
-			}
-			
-			let hours = Math.trunc(time / 3600).toString();
-			let mins = Math.trunc((time % 3600) / 60).toString();
-			let secs = Math.trunc(time % 60).toString();
-			
-			if (mins.length < 2) {
-				mins = "0" + mins;
-			}
-			if (secs.length < 2) {
-				secs = "0" + secs;
+	<head>
+		<meta charset="utf-8" />
+		<title>Stream Time</title>
+		<style type="text/css">
+			#clock {
+				margin-bottom: 3px;
 			}
-			let formatted = sign + hours + ":" + mins + ":" + secs;
-			document.getElementById("clock").innerText = formatted;
-		};
+		</style>
+	</head>
+	<body>
+		<div id="clock"></div>
+		<div><input type="number" id="delay" value="10" min="0" /> seconds of delay</div>
+		<script type="text/javascript">
+			const BUS_START_TIME = 1605290400;
+
+			let updateClock = () => {
+				let delay = parseInt(document.getElementById("delay").value);
+				if (isNaN(delay)) {
+					delay = 0;
+				}
+				let time = new Date().getTime() / 1000 - delay - BUS_START_TIME;
+
+				let sign = "";
+				if (time < 0) {
+					time = -time;
+					sign = "-";
+				}
+
+				let hours = Math.trunc(time / 3600).toString();
+				let mins = Math.trunc((time % 3600) / 60).toString();
+				let secs = Math.trunc(time % 60).toString();
+
+				if (mins.length < 2) {
+					mins = "0" + mins;
+				}
+				if (secs.length < 2) {
+					secs = "0" + secs;
+				}
+				let formatted = sign + hours + ":" + mins + ":" + secs;
+				document.getElementById("clock").innerText = formatted;
+			};

-		setInterval(updateClock, 1000);
-	</script>
-</body>
+			setInterval(updateClock, 1000);
+		</script>
+	</body>
 </html>