[New] Add index html page to internal deployment

kbss-cvut · May 2, 2024 · fd9de29 · fd9de29
1 parent 2d75c13
commit fd9de29
Show file tree

Hide file tree

Showing 7 changed files with 104 additions and 0 deletions.
diff --git a/deploy/internal-auth/docker-compose.yml b/deploy/internal-auth/docker-compose.yml
@@ -33,6 +33,8 @@ services:
     volumes:
       - ./nginx/nginx.conf:/etc/nginx/templates/nginx.conf.template:ro
       - ../shared/nginx/error.html:/usr/share/nginx/html/error.html:ro
+      - ./nginx/index.html:/usr/share/nginx/html/index.html:ro
+      - ../shared/nginx/images:/usr/share/nginx/html/images:ro
 
   record-manager:
     image: ghcr.io/kbss-cvut/kbss-cvut/record-manager-ui:latest

diff --git a/deploy/internal-auth/nginx/index.html b/deploy/internal-auth/nginx/index.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
+    <title>Main Dashboard</title>
+    <style>
+        body {
+            font-family: 'Open Sans', Helvetica, Arial, sans-serif;
+            color: #ededed;
+            margin: 0;
+            padding: 0;
+            background-image: url("./images/background.jpg");
+            background-size: cover;
+            height: 100vh;
+            width: 100vw;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+        }
+
+        h1 {
+            font-size: 3em;
+            margin-bottom: 30px;
+            text-align: center;
+        }
+
+        ul {
+            list-style-type: none;
+            padding: 0;
+            text-align: center;
+            width: 70%;
+        }
+
+        li {
+            margin-bottom: 20px;
+        }
+
+        a {
+            color: #fff;
+            text-decoration: none;
+            font-size: 24px;
+        }
+
+        a:hover {
+            text-decoration: underline;
+        }
+
+        .glass-container {
+            background: rgba(255, 255, 255, 0.13);
+            border-radius: 16px;
+            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+            backdrop-filter: blur(10.5px);
+            -webkit-backdrop-filter: blur(10.5px);
+            border: 1px solid rgba(255, 255, 255, 0.3);
+        }
+
+        .apps-container {
+            display: flex;
+            justify-content: space-around;
+            width: 100%;
+        }
+
+        .app {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+        }
+
+        .app img {
+            height: 200px;
+            width: 400px;
+            padding: 1rem;
+        }
+
+    </style>
+</head>
+<body>
+
+<div class="glass-container">
+    <h1>Main Dashboard</h1>
+
+    <ul class="apps-container">
+        <li>
+            <a href="./record-manager/" class="app">
+                <img src="./images/record-manager.png" alt="record-manager dashboard">
+                <span>Record Manager</span>
+            </a>
+        </li>
+    </ul>
+</div>
+</body>
+</html>
+
diff --git a/deploy/internal-auth/nginx/nginx.conf b/deploy/internal-auth/nginx/nginx.conf
@@ -71,5 +71,11 @@ http {
             return 200;
             access_log off;
         }
+
+        location / {
+           index index.html;
+           try_files $uri $uri/ /index.html;
+           root /usr/share/nginx/html;
+        }
     }
 }
diff --git a/deploy/shared/nginx/images/background.jpg b/deploy/shared/nginx/images/background.jpg
diff --git a/deploy/shared/nginx/images/favicon.ico b/deploy/shared/nginx/images/favicon.ico
diff --git a/deploy/shared/nginx/images/keycloak.png b/deploy/shared/nginx/images/keycloak.png
diff --git a/deploy/shared/nginx/images/record-manager.png b/deploy/shared/nginx/images/record-manager.png