From 32f9d035da592dad615f008b1f187d22833b5916 Mon Sep 17 00:00:00 2001
From: rouce <interfacing@myco.systems>
Date: Sun, 12 Nov 2023 13:51:29 -0500
Subject: [PATCH] add error pages

---
 502.html | 73 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 502.html
diff --git a/502.html b/502.html
new file mode 100644
index 0000000..1627a2b
--- /dev/null
+++ b/502.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Scheduled Maintenance/</title>
+  <link rel="stylesheet" type="text/css" href="/maintenance-page/assets/asciinema-player.css" />
+</head>
+
+<body style="background-color: #121315; font-family: 'Fira Code', monospace;">
+  <div style="margin:0 !important; padding:0 !important;" id="player"></div>
+  <div class="info-container">
+    <p class="text-info">StP is down :( This was not planned so we are sorry for the inconvenience.<br><br>Wait a couple of minutes and then refresh.<br><br>If StP doesn't load in 30 minutes then contact feedback@squattheplanet.com</p>  
+  </div>
+  <script src="/maintenance-page/assets/asciinema-player.min.js"></script>
+  <script>
+    AsciinemaPlayer.create(
+      '/maintenance-page/assets/train.cast',
+      document.getElementById('player'), {
+        loop: true,
+        autoplay: true,
+        rows: 50,
+        theme: "asciinema",
+        speed: 0.5,
+      }
+    );
+  </script>
+  <style>
+    .info-container {
+        flex-direction: column;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    .ap-control-bar {
+        opacity: 0 !important;
+    }
+    .text-countdown {
+      height: 2.5rem;
+      display: flex;
+      background-image: -moz-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
+      background-image: -webkit-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
+      background-image: -o-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
+      background-image: -ms-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
+      background-image: linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      position: relative;
+      font-size: 1.8em;
+      font-family: 'Fira Code', monospace;
+      font-weight: 400;
+      text-align: center;
+    }
+
+    .text-info {
+      display: flex;
+      background-image: -moz-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
+      background-image: -webkit-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
+      background-image: -o-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
+      background-image: -ms-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
+      background-image: linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      position: relative;
+      font-size: 1.2em;
+      font-family: 'Fira Code', monospace;
+      font-weight: 200;
+      text-align: center;
+      max-width: 80%;
+    }
+  </style>
+</body>
+
+</html>
\ No newline at end of file
