diff options
-rw-r--r-- | tmpl/index_login.tmpl | 50 |
1 files changed, 43 insertions, 7 deletions
diff --git a/tmpl/index_login.tmpl b/tmpl/index_login.tmpl index 07fe8cb..819954a 100644 --- a/tmpl/index_login.tmpl +++ b/tmpl/index_login.tmpl @@ -1,4 +1,6 @@ {{- /* + * vim: filetype=gotmpl + * * Copyright (c) 2024 Runxi Yu * SPDX-License-Identifier: AGPL-3.0-or-later * @@ -17,19 +19,53 @@ */ -}} {{- define "index_login" -}} <!DOCTYPE html> -<html> +<html lang="en"> <head> <title> Login required – FBFP </title> + <link rel="stylesheet" href="/static/style.css" /> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <style> + #login-box { + margin: auto; + max-width: 30rem; + } + </style> </head> <body> - <p> - You have not authenticated. - </p> - <p> - You must <a href="{{- .authUrl -}}">login</a> to use this service. - </p> + <header> + <div class="header-content"> + <div class="header-left"> + <h1><a id="site-title" href="/">FBFP</a></h1> + </div> + <div class="header-middle"> + {{- /* + <nav> + <ul> + </ul> + </nav> + */ -}} + </div> + <div class="header-right"> + <p>Unauthenticated</p> + </div> + </div> + </header> + <main> + <div id="login-box"> + <p> + You have not authenticated. You must sign in to use this service. + </p> + <p> + You may authenticate with your school-issued Microsoft account. Please note that this process likely requires running proprietary JavaScript issued by Microsoft. + </p> + <p> + <a class="btn btn-primary" href="{{- .authUrl -}}">Sign in with Microsoft</a> + </p> + </div> + </main> </body> </html> {{- end -}} |