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