From 61d6df5d1f100670d25616500be701a0c0a7ec0f Mon Sep 17 00:00:00 2001
From: Mike Lang <mikelang3000@gmail.com>
Date: Wed, 13 Nov 2024 04:06:51 +1100
Subject: [PATCH] drive clock: Avoid using "sky" tag ids as uBO blocks them

---
 thrimbletrimmer/driveclock/drive.html | 8 ++++----
 thrimbletrimmer/driveclock/drive.js   | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/thrimbletrimmer/driveclock/drive.html b/thrimbletrimmer/driveclock/drive.html
index 54eb7b0..6d79160 100644
--- a/thrimbletrimmer/driveclock/drive.html
+++ b/thrimbletrimmer/driveclock/drive.html
@@ -19,11 +19,11 @@
 	  background-position: 0px 0px;
 	}
 
-	#sky-left {
+	#timeofday-left {
 	  z-index: 5;
 	}
 
-	#sky-right {
+	#timeofday-right {
 	  z-index: 4;
 	}
 
@@ -43,8 +43,8 @@
 
 <div id="road-container">
 	<div id="bus"></div>
-	<div id="sky-left"></div>
-	<div id="sky-right"></div>
+	<div id="timeofday-left"></div>
+	<div id="timeofday-right"></div>
 	<div id="stops"></div>
 </div>
 
diff --git a/thrimbletrimmer/driveclock/drive.js b/thrimbletrimmer/driveclock/drive.js
index 1ba30f7..788bde4 100644
--- a/thrimbletrimmer/driveclock/drive.js
+++ b/thrimbletrimmer/driveclock/drive.js
@@ -21,8 +21,8 @@ const BUS_URLS = {
 };
 
 function setSkyElements(left, right, timeToTransition) {
-	const leftElement = document.getElementById("sky-left");
-	const rightElement = document.getElementById("sky-right");
+	const leftElement = document.getElementById("timeofday-left");
+	const rightElement = document.getElementById("timeofday-right");
 	const busElement = document.getElementById("bus");
 
 	leftElement.style.backgroundImage = `url(${SKY_URLS[left]})`;