about summary refs log tree commit diff
diff options
context:
space:
mode:
-rw-r--r--hosted/credentials.html60
1 files changed, 60 insertions, 0 deletions
diff --git a/hosted/credentials.html b/hosted/credentials.html
new file mode 100644
index 0000000..a49d526
--- /dev/null
+++ b/hosted/credentials.html
@@ -0,0 +1,60 @@
+{{define "credentials"}}
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+        <style type="text/css">
+            body {
+                background-image: url("/files/background.png");
+            }
+            .vertical-center {
+                min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
+                min-height: 100vh; /* These two lines are counted as one :-)       */
+
+                display: flex;
+                align-items: center;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="container">
+            <div class="row">
+                <div class="col"></div>
+                <div class="col-6">
+                    <div class="vertical-center">
+                        <div class="card card-body">
+                            <h1>
+                                Your personal companion is ready!
+                            </h1>
+
+							<p>
+							Please store these credentials securely as you will need them to login to your companion.
+							</p>
+
+							<table class="table table-hover">
+							  <thead>
+								<tr>
+								  <th scope="col">Username</th>
+								  <th scope="col">Accesscode</th>
+								</tr>
+							  </thead>
+							  <tbody>
+								<tr>
+								  <th><kbd>{{.Username}}</kbd></th>
+								  <td><kbd>{{.Accesscode}}</kbd></td>
+								</tr>
+							  </tbody>
+							</table>
+
+							<a href="http://{{.Username}}.docker.localhost" class="btn btn-primary" role="button">Login</a>
+
+                        </div>
+                    </div>
+                </div>
+                <div class="col"></div>
+            </div>
+        </div>
+    </body>
+</html>
+{{end}}