Under construction

script.js

@@ -20,4 +20,17 @@ function init() {
 
 }
 
+function addInProgress() {
+    if (window.location.href.indexOf('127.0.0.1') === -1) {
+        const warning = document.createElement('div');
+        warning.id = 'under-construction';
+        warning.innerHTML = "This website is currently under development. Nothing will work as expected. Click anywhere to dismiss this message.";
+        warning.onclick = function() {
+            this.style.display = 'none';
+        };
+        document.body.appendChild(warning);
+    }
+}
+
+addInProgress();
 init();

styles.css

@@ -23,7 +23,7 @@ html, body {
     background: var(--background-color);
     margin: 0;
     padding: 0;
-    overflow-y: hidden; /* Hide vertical scrollbar */
+    overflow-y: auto; /* Hide vertical scrollbar */
     overflow-x: hidden; /* Hide horizontal scrollbar */
     height: 100dvh;
 }
@@ -117,7 +117,7 @@ html, body {
     width: 100%;
     height: calc(100dvh - (2 * var(--card-gap)));
     top: calc(-1 * (100dvh - (2 * var(--card-gap))) - var(--label-height));
-    overflow: auto;
+    overflow: hidden;
 }
 
 .content-wrapper {
@@ -194,3 +194,18 @@ html, body {
     height: 300px;
     
 }
+
+#under-construction {
+    color: #ff5555;
+    background-color: #fff;
+    font-size: 24px;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    z-index: 10;
+    top: 0;
+}