candycanearter07/comicsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

another silly dumb page ^^ (the time-zone)

Browse Source
This commit is contained in:
etherware-novice 2024-08-09 17:25:36 -05:00
parent 5f31c7193a
commit c3a89021fd
No known key found for this signature in database
GPG Key ID: 5DB73B4D57B9D701
4 changed files with 56 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_data/navigation.csv
View File

@ -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

1 name,link,img
3 about,/about
4 comics,/comic
5 link dump,/linklink
6 timezone,/silly/timezone
7 guestbook,http://users3.smartgb.com/g/g.php?a=s&i=g36-36498-b6
8 thanks page,/thanks
9 github repo,https://github.com/etherware-novice/comicsite,/assets/images/blinkers/cooltext462925409710685.gif

18
assets/js/hexclock.js Normal file
View File

@ -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);

10
assets/js/swatch.js
View File

@ -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);

29
silly/timezone.html Normal file
View File

@ -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>