diff --git a/index.html b/index.html new file mode 100644 index 0000000..9de8e57 --- /dev/null +++ b/index.html @@ -0,0 +1,28 @@ + + + + Purplebored + + + + + + + +
+
Europe/Warsaw
+
+
+ + + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..b716527 --- /dev/null +++ b/script.js @@ -0,0 +1,16 @@ +// Time Widget. +function updateTime() { + const now = new Date(); + const options = { + timeZone: 'Europe/Warsaw', + hour: 'numeric', + minute: 'numeric', + second: 'numeric', + hour12: false + }; + const timeString = now.toLocaleTimeString('en-US', options); + document.getElementById('time').textContent = timeString; +} + +updateTime(); +setInterval(updateTime, 1000); diff --git a/style.css b/style.css new file mode 100644 index 0000000..f7a7bbe --- /dev/null +++ b/style.css @@ -0,0 +1,31 @@ +body {background-color: #000;} +/* Ascii logo */ +.ascii-logo { + font-family: monospace; + white-space: pre; + color: #6200ff; + top: 50px; +} + +/* time widget */ +.time-widget { + position: fixed; + top: 50px; + right: 10px; + transform: translateY(-50%); + background-color: black; + color: #6200ff; + padding: 10px; + border: 2px solid white; + width: 100px; + text-align: center; + font-family: monospace; +} + +#time { + font-size: 14px; +} + +#location { + font-size: 12px; +}