{{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}}.{{.Hostname}}" class="btn btn-primary" role="button">Login</a> </div> </div> </div> <div class="col"></div> </div> </div> </body> </html> {{end}}