Add a splash page

part of cloudron/box#739
2020-09-23 22:14:29 -07:00
parent 990f75dddc
commit 490720e6a7
1 changed files with 82 additions and 0 deletions
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
+
+    <title> Cloudron</title>
+
+    <!-- Use static style as we can't include local stylesheets -->
+    <style>
+
+        html {
+            height: 100%;
+            width: 100%;
+            padding: 0;
+        }
+
+        body {
+            background-color: white;
+            padding: 0;
+            margin: 0;
+            height: 100%;
+            width: 100%;
+            text-align: center;
+            font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
+            font-size: 13px;
+            line-height: 1.846;
+        }
+
+        .content {
+            display: flex;
+            width: 100%;
+            height: 100%;
+            flex-direction: column;
+            justify-content: center;
+        }
+
+        footer {
+            background-color: #EFEFEF;
+            bottom: 0;
+            width: 100%;
+            color: #555;
+            font-size: 12px;
+            text-align: center;
+            padding: 5px;
+            z-index: 1000;
+            position: fixed;
+            opacity: .5;
+            transition: all .25s;
+        }
+
+        footer:hover {
+            opacity: 1;
+        }
+
+        a {
+            color: #2196f3;
+            text-decoration: none;
+            background-color: transparent;
+        }
+
+        a:hover {
+            color: #0a6ebd;
+            text-decoration: underline;
+        }
+
+        </style>
+
+</head>
+
+<body>
+
+<div class="content">
+    <p>Nothing here.</p>
+</div>
+
+<footer>
+    <span class="text-muted"><a href="https://cloudron.io" target="_blank">Cloudron</a></span>
+</footer>
+
+</body>
+</html>