Completed first-round updates for the error template views.

This commit is contained in:
Matt Scott 2023-02-20 12:28:56 -05:00
parent b3c80df674
commit 65b7b9a5c3
6 changed files with 272 additions and 320 deletions

View File

@ -1,10 +1,9 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>{{ SITE_NAME }} user verification email</title> <title>{{ SITE_NAME }} User Verification Email</title>
<style> <style>
@media only screen and (max-width: 620px) { @media only screen and (max-width: 620px) {
table[class=body] h1 { table[class=body] h1 {
@ -99,13 +98,12 @@
} }
</style> </style>
</head> </head>
<body class="" <body class=""
style="background-color: #f6f6f6; font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"> style="background-color: #f6f6f6; font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
<span class="preheader" <span class="preheader"
style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; width: 0;">This style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; width: 0;">This
is preheader text. Some clients will show this text as a preview.</span> is preheader text. Some clients will show this text as a preview.</span>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body" <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body"
style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f6f6f6; width: 100%;" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #f6f6f6; width: 100%;"
width="100%" bgcolor="#f6f6f6"> width="100%" bgcolor="#f6f6f6">
<tr> <tr>
@ -154,12 +152,12 @@
<tr> <tr>
<td style="font-family: sans-serif; font-size: 14px; vertical-align: top; border-radius: 5px; text-align: center; background-color: #3498db;" <td style="font-family: sans-serif; font-size: 14px; vertical-align: top; border-radius: 5px; text-align: center; background-color: #3498db;"
valign="top" align="center" valign="top" align="center"
bgcolor="#3498db"> <a bgcolor="#3498db"><a
href="{{ verification_link }}" href="{{ verification_link }}"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
style="border: solid 1px #3498db; border-radius: 5px; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; margin: 0; padding: 12px 25px; text-decoration: none; text-transform: capitalize; background-color: #3498db; border-color: #3498db; color: #ffffff;">Verify style="border: solid 1px #3498db; border-radius: 5px; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; margin: 0; padding: 12px 25px; text-decoration: none; text-transform: capitalize; background-color: #3498db; border-color: #3498db; color: #ffffff;">Verify
Email Address</a> </td> Email Address</a></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@ -169,7 +167,8 @@
</table> </table>
<p <p
style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;"> style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">
Your confirmation link will be expired in 24 hours. If you did not create an account, no further action is required.</p> Your confirmation link will be expired in 24 hours. If you did not create an
account, no further action is required.</p>
<p <p
style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;"> style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">
Cheers!</p> Cheers!</p>
@ -214,7 +213,7 @@
</td> </td>
<td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">&nbsp;</td> <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">&nbsp;</td>
</tr> </tr>
</table> </table>
</body> </body>
</html> </html>

View File

@ -1,25 +1,17 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %}<title>HTTP 400 Error - {{ SITE_NAME }}</title>{% endblock %}
{% block title %}
<title>
400 Error - {{ SITE_NAME }}
</title>
{% endblock %}
{% block dashboard_stat %} {% block dashboard_stat %}
<div class="content-header"> <div class="content-header">
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<h1 class="m-0 text-dark"> <h1 class="m-0 text-dark">HTTP 400 Error</h1>
400
<small>Error</small>
</h1>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-right"> <ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="{{ url_for('dashboard.dashboard') }}">Dashboard</a></li> <li class="breadcrumb-item"><a href="{{ url_for('dashboard.dashboard') }}">Dashboard</a></li>
<li class="breadcrumb-item active">400 Error</li> <li class="breadcrumb-item active">HTTP 400 Error</li>
</ol> </ol>
</div> </div>
</div> </div>
@ -30,13 +22,11 @@
{% block content %} {% block content %}
<section class="content"> <section class="content">
<div class="error-page"> <div class="error-page">
<h2 class="headline text-yellow"> <h2 class="headline text-yellow">HTTP 400 Error</h2>
400
</h2>
<div class="error-content"> <div class="error-content">
<h3> <h3>
<i class="fa-solid fa-exclamation-triangle text-yellow"></i> <i class="fa-solid fa-exclamation-triangle text-yellow"></i>
Oops! Bad request Oops! Bad Request
</h3> </h3>
<p> <p>
{% if msg %} {% if msg %}

View File

@ -1,25 +1,18 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %} {% block title %}<title>HTTP 403 Error - {{ SITE_NAME }}</title>{% endblock %}
<title>
403 Error - {{ SITE_NAME }}
</title>
{% endblock %}
{% block dashboard_stat %} {% block dashboard_stat %}
<div class="content-header"> <div class="content-header">
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<h1 class="m-0 text-dark"> <h1 class="m-0 text-dark">HTTP 403 Error</h1>
403
<small>Error</small>
</h1>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-right"> <ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="{{ url_for('dashboard.dashboard') }}">Dashboard</a></li> <li class="breadcrumb-item"><a href="{{ url_for('dashboard.dashboard') }}">Dashboard</a></li>
<li class="breadcrumb-item active">403 Error</li> <li class="breadcrumb-item active">HTTP 403 Error</li>
</ol> </ol>
</div> </div>
</div> </div>
@ -31,12 +24,12 @@
<section class="content"> <section class="content">
<div class="error-page"> <div class="error-page">
<h2 class="headline text-yellow"> <h2 class="headline text-yellow">
403 HTTP 403 Error
</h2> </h2>
<div class="error-content"> <div class="error-content">
<h3> <h3>
<i class="fa-solid fa-exclamation-triangle text-yellow"></i> <i class="fa-solid fa-exclamation-triangle text-yellow"></i>
Oops! Access denied Oops! Access Denied
</h3> </h3>
<p> <p>
You don't have permission to access this page You don't have permission to access this page

View File

@ -1,25 +1,17 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %}<title>HTTP 404 Error - {{ SITE_NAME }}</title>{% endblock %}
{% block title %}
<title>
404 Error - {{ SITE_NAME }}
</title>
{% endblock %}
{% block dashboard_stat %} {% block dashboard_stat %}
<div class="content-header"> <div class="content-header">
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<h1 class="m-0 text-dark"> <h1 class="m-0 text-dark">HTTP 404 Error</h1>
404
<small>Error</small>
</h1>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-right"> <ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="{{ url_for('dashboard.dashboard') }}">Dashboard</a></li> <li class="breadcrumb-item"><a href="{{ url_for('dashboard.dashboard') }}">Dashboard</a></li>
<li class="breadcrumb-item active">404 Error</li> <li class="breadcrumb-item active">HTTP 404 Error</li>
</ol> </ol>
</div> </div>
</div> </div>
@ -30,13 +22,11 @@
{% block content %} {% block content %}
<section class="content"> <section class="content">
<div class="error-page"> <div class="error-page">
<h2 class="headline text-yellow"> <h2 class="headline text-yellow">HTTP 404 Error</h2>
404
</h2>
<div class="error-content"> <div class="error-content">
<h3> <h3>
<i class="fa-solid fa-exclamation-triangle text-yellow"></i> <i class="fa-solid fa-exclamation-triangle text-yellow"></i>
Oops! You're lost Oops! Page not found.
</h3> </h3>
<p> <p>
The page you requested could not be found. The page you requested could not be found.

View File

@ -1,25 +1,17 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %}<title>HTTP 500 Error - {{ SITE_NAME }}</title>{% endblock %}
{% block title %}
<title>
500 Error - {{ SITE_NAME }}
</title>
{% endblock %}
{% block dashboard_stat %} {% block dashboard_stat %}
<div class="content-header"> <div class="content-header">
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<h1 class="m-0 text-dark"> <h1 class="m-0 text-dark">HTTP 500 Error</h1>
500
<small>Error</small>
</h1>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-right"> <ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="{{ url_for('dashboard.dashboard') }}">Dashboard</a></li> <li class="breadcrumb-item"><a href="{{ url_for('dashboard.dashboard') }}">Dashboard</a></li>
<li class="breadcrumb-item active">500 Error</li> <li class="breadcrumb-item active">HTTP 500 Error</li>
</ol> </ol>
</div> </div>
</div> </div>
@ -30,13 +22,11 @@
{% block content %} {% block content %}
<section class="content"> <section class="content">
<div class="error-page"> <div class="error-page">
<h2 class="headline text-yellow"> <h2 class="headline text-yellow">HTTP 500 Error</h2>
500
</h2>
<div class="error-content"> <div class="error-content">
<h3> <h3>
<i class="fa-solid fa-exclamation-triangle text-yellow"></i> <i class="fa-solid fa-exclamation-triangle text-yellow"></i>
Oops! Something went wrong Oops! Something went wrong.
</h3> </h3>
<p> <p>
Try again later. Try again later.

View File

@ -1,20 +1,12 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %}<title>SAML Authentication Error - {{ SITE_NAME }}</title>{% endblock %}
{% block title %}
<title>
SAML Authentication Error - {{ SITE_NAME }}
</title>
{% endblock %}
{% block dashboard_stat %} {% block dashboard_stat %}
<div class="content-header"> <div class="content-header">
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<h1 class="m-0 text-dark"> <h1 class="m-0 text-dark">SAML Authentication Error</h1>
SAML
<small>Error</small>
</h1>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-right"> <ol class="breadcrumb float-sm-right">
@ -31,16 +23,14 @@
<section class="content"> <section class="content">
<div class="error-page"> <div class="error-page">
<div> <div>
<h1 class="headline text-yellow" style="font-size:46px;"> <h1 class="headline text-yellow" style="font-size:46px;">SAML Authentication Error</h1>
SAML Authentication Error
</h1>
</div> </div>
<br/> <br/>
<br/> <br/>
<div class="error-content"> <div class="error-content">
<h3> <h3>
<i class="fa-solid fa-exclamation-triangle text-yellow"></i> <i class="fa-solid fa-exclamation-triangle text-yellow"></i>
Oops! Something went wrong Oops! Something went wrong with your authentication.
</h3> </h3>
<br> <br>
<p> <p>