diff options
author | Emile <hanemile@protonmail.com> | 2019-10-09 01:04:46 +0200 |
---|---|---|
committer | Emile <hanemile@protonmail.com> | 2019-10-09 01:04:46 +0200 |
commit | 1aa747711c73dc3f43f1b14b60e4c015c4caeee1 (patch) | |
tree | bcecfd4704b885d5798e85a4f6972942166bb4d1 /hosted/credentials.html | |
parent | fdbbe76713432140a766494e5833b0c7b38496ff (diff) |
updated the template
Diffstat (limited to 'hosted/credentials.html')
-rw-r--r-- | hosted/credentials.html | 60 |
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}} |