Add htaccess and maintenance page

ECN · Mar 16, 2021 · d30db88 · d30db88
1 parent 3d553f6
commit d30db88
Show file tree

Hide file tree

Showing 2 changed files with 84 additions and 0 deletions.
diff --git a/public/.htaccess b/public/.htaccess
@@ -0,0 +1,17 @@
+# Enable the rewrite module
+RewriteEngine On
+
+# Reverse proxy all requests to the API to the API CGI script
+# See mod_rewrite docs: https://httpd.apache.org/docs/current/mod/mod_rewrite.html
+RewriteRule ^api/(.*)$ http://localhost:5000/api/$1 [P]
+
+# Defer requests that are not files to client side routing
+# See: https://create-react-app.dev/docs/deployment/#serving-apps-with-client-side-routing
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteRule ^ index.html [QSA,L]
+
+# Uncomment the following line to serve a maintenance message.
+#DirectoryIndex index-maintenance.html
+
+# Diable Auth
+Satisfy any
diff --git a/public/index-maintenance.html b/public/index-maintenance.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>webqueue2</title>
+    <style>
+        /* Set height to 100% for body and html to enable the background image to cover the whole page:
+*/
+        body,
+        html {
+            height: 100%
+        }
+
+        .bgimg {
+            /* Background image */
+            background-image:
+url('https://www.creativefabrica.com/wp-content/uploads/2020/03/19/City-Silhouette-Background-with-Building-Graphics-3680815-1.jpg');
+            /* Full-screen */
+            height: 100%;
+            width: 100%;
+            /* Center the background image */
+            background-position: center;
+            /* Scale and zoom in the image */
+            background-size: cover;
+            /* Add position: relative to enable absolutely positioned elements inside the image (place
+text) */
+            position: relative;
+            /* Add a white text color to all elements inside the .bgimg container */
+            color: white;
+            /* Add a font */
+            font-family: "Courier New", Courier, monospace;
+            /* Set the font-size to 25 pixels */
+            font-size: 25px;
+        }
+
+        /* Position text in the middle */
+        .middle {
+            position: absolute;
+            top: 30%;
+            left: 50%;
+            transform: translate(-50%, -30%);
+            text-align: center;
+        }
+
+        /* Style the <hr> element */
+        hr {
+            margin: auto;
+            width: 40%;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="bgimg">
+        <div class="middle">
+          <h1>Under Maintenance</h1>
+          <hr>
+          <p>webqueue2 is having some work done. Please check back later.</p>
+          <p>Mar 14 2021 @ 11:30 PM EDT</p>
+        </div>
+      </div>
+</body>
+
+</html>