From 2c5634f34f41bc1a0de15d35a8dabf32d2bd19f8 Mon Sep 17 00:00:00 2001
From: popenc <i.nickpope@gmail.com>
Date: Thu, 5 Sep 2024 16:31:52 -0400
Subject: [PATCH] added maintenance page

---
 docker/nginx/index_mp.html | 93 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 93 insertions(+)
 create mode 100644 docker/nginx/index_mp.html
diff --git a/docker/nginx/index_mp.html b/docker/nginx/index_mp.html
new file mode 100644
index 0000000..0afc148
--- /dev/null
+++ b/docker/nginx/index_mp.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>EPA CyAN Web App</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #f4f4f4;
+        }
+
+        header {
+            background-color: #205493;
+            color: white;
+            padding: 20px;
+            text-align: center;
+        }
+
+        .hero {
+            background-size: cover;
+            background-position: center;
+            color: white;
+            /*height: 400px;*/
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+            padding-top: 15%;
+        }
+
+        .hero h1 {
+            background-color: #205493;
+            padding: 20px;
+            border-radius: 10px;
+        }
+
+        .container {
+            padding: 20px;
+            max-width: 1200px;
+            margin: auto;
+        }
+
+        .content {
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .content .main {
+            flex: 2;
+            margin-right: 20px;
+        }
+
+        .content .sidebar {
+            flex: 1;
+            background-color: #e2e2e2;
+            padding: 15px;
+        }
+
+        .footer {
+            background-color: #205493;
+            color: white;
+            text-align: center;
+            position: absolute;
+            bottom: 0;
+            width: 100%;
+            height: 10%;
+        }
+    </style>
+</head>
+<body>
+
+<header>
+    <h1>Cyanobacteria Assessment Network</h1>
+</header>
+
+<div class="hero">
+    <h1>CyANWeb is temporarily down for maintenance.</h1>
+</div>
+
+<footer class="footer">
+<div id="footer-banner">
+  <div class="footer-block">
+    <a href="https://www.epa.gov" class="footer-epa-logo-link" target="_blank" aria-label="EPA homepage link"><span class="footer-epa-logo"></span></a>
+  </div>
+</div>
+
+</footer>
+
+</body>
+</html>
