pierre/BasicOIDC
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: pierre:fef8ca84f45d9a5cb619279995f8313ff1985a3d
Branches Tags
pierre:master
...
compare: pierre:a4de6a01af14b208decc66862a31776d508962d7
Branches Tags
pierre:master

2 Commits
fef8ca84f4 ... a4de6a01af

Author SHA1 Message Date
Pierre Hubert
a4de6a01af Improve fatal error page 2022-04-03 18:55:41 +02:00
Pierre Hubert
8436a02c10 Add login splash screen 2022-04-03 18:51:18 +02:00
4 changed files with 36 additions and 1 deletions
Show Stats Expand all files Collapse all files

18
assets/css/base_login_page.css
View File

@ -11,6 +11,20 @@ body {
/* background-color: #f5f5f5; */ /* background-color: #f5f5f5; */
} }
/* background */
@media screen and (min-width: 767px) {
.bg-login {
background-image: url(/assets/img/forest.jpg);
width: 100%;
height: 100%;
position: fixed;
filter: blur(10px);
z-index: -10;
background-size: cover;
opacity: 0.4;
}
}
.form-signin { .form-signin {
width: 100%; width: 100%;
max-width: 330px; max-width: 330px;
@ -55,3 +69,7 @@ body {
background-color: var(--bs-gray-600); background-color: var(--bs-gray-600);
color: var(--bs-gray-100); color: var(--bs-gray-100);
} }
.text-muted {
color: #c6c4c4 !important;
}

BIN
assets/img/forest.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 337 KiB

3
templates/base_login_page.html
View File

@ -36,6 +36,9 @@
</head> </head>
<body class="text-center"> <body class="text-center">
<!-- Background filter -->
<div class="bg-login"></div>
<main class="form-signin"> <main class="form-signin">
<h1 class="h3 mb-3 fw-normal">{{ page_title }}</h1> <h1 class="h3 mb-3 fw-normal">{{ page_title }}</h1>

16
templates/fatal_error.html
View File

@ -5,8 +5,22 @@
<title>Access denied</title> <title>Access denied</title>
<link href="/assets/css/bootstrap.css" rel="stylesheet" crossorigin="anonymous"/> <link href="/assets/css/bootstrap.css" rel="stylesheet" crossorigin="anonymous"/>
<style>
div {
background: white;
color: black;
padding: 10px;
margin: auto;
margin-top: auto;
display: block;
max-width: 500px;
text-align: center;
margin-top: 50px;
}
</style>
</head> </head>
<body> <body>
<p>{{ message }}</p> <div>{{ message }}</div>
</body> </body>
</html> </html>