From c3a89021fdd924413e0dd661a51812abae427b60 Mon Sep 17 00:00:00 2001
From: etherware-novice <73374039+etherware-novice@users.noreply.github.com>
Date: Fri, 9 Aug 2024 17:25:36 -0500
Subject: [PATCH] another silly dumb page ^^ (the time-zone)

---
 _data/navigation.csv  |  1 +
 assets/js/hexclock.js | 18 ++++++++++++++++++
 assets/js/swatch.js   | 10 ++++++++--
 silly/timezone.html   | 29 +++++++++++++++++++++++++++++
 4 files changed, 56 insertions(+), 2 deletions(-)
 create mode 100644 assets/js/hexclock.js
 create mode 100644 silly/timezone.html

diff --git a/_data/navigation.csv b/_data/navigation.csv
index febf158..eb4ddd1 100644
--- a/_data/navigation.csv
+++ b/_data/navigation.csv
@@ -3,6 +3,7 @@ home,/
 about,/about
 comics,/comic
 link dump,/linklink
+timezone,/silly/timezone
 guestbook,http://users3.smartgb.com/g/g.php?a=s&i=g36-36498-b6
 thanks page,/thanks
 github repo,https://github.com/etherware-novice/comicsite,/assets/images/blinkers/cooltext462925409710685.gif
diff --git a/assets/js/hexclock.js b/assets/js/hexclock.js
new file mode 100644
index 0000000..c19ab52
--- /dev/null
+++ b/assets/js/hexclock.js
@@ -0,0 +1,18 @@
+function ttHex()
+{
+ 	var d = new Date()
+ 	var h = d.getHours();
+ 	var m = d.getMinutes();
+ 	var s = d.getSeconds();
+
+ 	if (h<=9) {h = '0'+h};
+ 	if (m<=9) {m = '0'+m};
+	if (s<=9) {s = '0'+s};
+
+ 	return '#'+h+m+s;
+}
+
+function updateHex() {
+	document.getElementById('hexClock').innerHTML = ttHex();
+}
+setInterval(updateHex, 1000);
diff --git a/assets/js/swatch.js b/assets/js/swatch.js
index 6b5bcaf..549b9d2 100644
--- a/assets/js/swatch.js
+++ b/assets/js/swatch.js
@@ -18,9 +18,15 @@ function getSwatch(showCenti = true) {
 	}
 }
 
-var disp = document.getElementById('swatchClock');
+function hueSwatch() {
+	let swatchPercent = getSwatch() / 1000;
+	let degree = Math.floor(360 * swatchPercent);
+
+	return degree;
+}
+
 function updateSwatch() {
-	disp.innerHTML = '@' + getSwatch();
+	document.getElementById('swatchClock').innerHTML = '@' + getSwatch();
 }
 setInterval(updateSwatch, 864);
 
diff --git a/silly/timezone.html b/silly/timezone.html
new file mode 100644
index 0000000..719229c
--- /dev/null
+++ b/silly/timezone.html
@@ -0,0 +1,29 @@
+---
+title: the zone without time
+---
+<h1><span id="rgbClock"></span> - <span id="hueClock"></span>deg</h1>
+<h2>click on the page if <a href="http://listen.hatnote.com/#en">music</a> is not playing!</h2>
+<iframe id="mus" src="http://listen.hatnote.com/#en" 
+				 style="visibility: hidden"></iframe>
+
+<div class="background" id="psych" style="background-color: purple">
+</div>
+
+<script src="https://melonking.net/scripts/dayColour.js"></script>
+<script src="/assets/js/hexclock.js"></script>
+<script>
+	function colorUpdate() {
+		let bg = document.getElementById('psych');
+		//bg.style.backgroundColor = ttHex();
+		bg.style.backgroundColor = "hsl(" + hueSwatch() + " 80% 60%)"
+		document.getElementById('hueClock').innerHTML = hueSwatch();
+
+		let heads = document.querySelectorAll("h1, .main-content, .left-sidebar, .right-sidebar");
+		heads.forEach((head) => {
+			head.style.backgroundColor = getRGBeatNow();
+		});
+
+		document.getElementById('rgbClock').innerHTML = getRGBeatNow();
+	}
+	setInterval(colorUpdate, 500);
+</script>