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