From 14a5a6607d38510894cc2e88c68b6481801e1adb Mon Sep 17 00:00:00 2001 From: bingus_violet Date: Fri, 26 Jul 2024 02:53:19 -0500 Subject: [PATCH] Basic Ambience Page WIP --- static/ambience/index.html | 38 ++++++++++++++++++++++++++++++++++++++ static/ambience/main.js | 22 ++++++++++++++++++++++ static/ambience/style.css | 19 +++++++++++++++++++ 3 files changed, 79 insertions(+) create mode 100644 static/ambience/index.html create mode 100644 static/ambience/main.js create mode 100644 static/ambience/style.css diff --git a/static/ambience/index.html b/static/ambience/index.html new file mode 100644 index 0000000..f5feec9 --- /dev/null +++ b/static/ambience/index.html @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + Violet's Purgatory Ambient Page + + + + + + + + + + + {WEATHER_MODIFIER} +
+

00:00

+
+ {ACTIVITIES} +
+ + {SELECTED_VIDEO} +
+ + + \ No newline at end of file diff --git a/static/ambience/main.js b/static/ambience/main.js new file mode 100644 index 0000000..0f96eed --- /dev/null +++ b/static/ambience/main.js @@ -0,0 +1,22 @@ +function loop() { + var date = new Date() + + var hour = date.getHours(); + hour = (hour < 10 ? "0" : "") + hour; + + var min = date.getMinutes(); + min = (min < 10 ? "0" : "") + min; + + var sec = date.getSeconds(); + sec = (sec < 10 ? "0" : "") + sec; + + $("#time").text(hour + ":" + min) + + setTimeout(() => { + loop() + }, 1000) +} + +window.onload = () => { + loop() +} \ No newline at end of file diff --git a/static/ambience/style.css b/static/ambience/style.css new file mode 100644 index 0000000..cd4159a --- /dev/null +++ b/static/ambience/style.css @@ -0,0 +1,19 @@ +body { + background-image: none; + background-color: black; + display: flex; + align-items: center; + margin: auto; + +} + +@media screen and (min-height: 500px) { + html, + body { + height: 100%; + } +} + +#time { + font-size: 5rem; +} \ No newline at end of file