Added error pages

This commit is contained in:
Edgar P. Burkhart 2020-12-20 14:39:27 +01:00
parent 0934a039dd
commit aea6414b3a
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
6 changed files with 234 additions and 0 deletions

39
css/error.css Normal file
View file

@ -0,0 +1,39 @@
@import('main.css');
html {
text-align: center;
}
h1,h2 {
display: inline-block;
padding: 0 .2em;
}
h1 {
color: #d50000;
}
h2 {
text-align: left;
font-weight: 300;
}
figure {
display: block;
border-top: 5px #dedede solid;
text-align: left;
}
blockquote::after, blockquote::before {
font-weight: 700;
color: #dedede;
}
blockquote::before {
content: "«";
}
blockquote::after {
content: "»";
}
figcaption {
text-align: right;
}

39
error/401.html Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>401 - Unauthorized</title>
<link rel="stylesheet" type="text/css" href="https://edgarpierre.fr/css/error.css" />
<link rel="apple-touch-icon" sizes="57x57" href="https://edgarpierre.fr/icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://edgarpierre.fr/icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://edgarpierre.fr/icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://edgarpierre.fr/icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://edgarpierre.fr/icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://edgarpierre.fr/icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://edgarpierre.fr/icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://edgarpierre.fr/icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://edgarpierre.fr/icons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://edgarpierre.fr/icons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://edgarpierre.fr/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="https://edgarpierre.fr/icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://edgarpierre.fr/icons/favicon-16x16.png">
<link rel="manifest" href="https://edgarpierre.fr/icons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="https://edgarpierre.fr/icons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<h1>401</h1>
<h2>Non Autorisé</h2>
<figure>
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
The request requires user authentication.
</blockquote>
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
</figure>
</body>
</html>

39
error/403.html Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>403 - Forbidden</title>
<link rel="stylesheet" type="text/css" href="https://edgarpierre.fr/css/error.css" />
<link rel="apple-touch-icon" sizes="57x57" href="https://edgarpierre.fr/icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://edgarpierre.fr/icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://edgarpierre.fr/icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://edgarpierre.fr/icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://edgarpierre.fr/icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://edgarpierre.fr/icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://edgarpierre.fr/icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://edgarpierre.fr/icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://edgarpierre.fr/icons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://edgarpierre.fr/icons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://edgarpierre.fr/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="https://edgarpierre.fr/icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://edgarpierre.fr/icons/favicon-16x16.png">
<link rel="manifest" href="https://edgarpierre.fr/icons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="https://edgarpierre.fr/icons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<h1>403</h1>
<h2>Interdit</h2>
<figure>
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
The server understood the request, but is refusing to fulfill it. Authorization will not help and the request SHOULD NOT be repeated.
</blockquote>
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
</figure>
</body>
</html>

39
error/404.html Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>404 - Not Found</title>
<link rel="stylesheet" type="text/css" href="https://edgarpierre.fr/css/error.css" />
<link rel="apple-touch-icon" sizes="57x57" href="https://edgarpierre.fr/icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://edgarpierre.fr/icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://edgarpierre.fr/icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://edgarpierre.fr/icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://edgarpierre.fr/icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://edgarpierre.fr/icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://edgarpierre.fr/icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://edgarpierre.fr/icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://edgarpierre.fr/icons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://edgarpierre.fr/icons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://edgarpierre.fr/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="https://edgarpierre.fr/icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://edgarpierre.fr/icons/favicon-16x16.png">
<link rel="manifest" href="https://edgarpierre.fr/icons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="https://edgarpierre.fr/icons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<h1>404</h1>
<h2>Introuvable</h2>
<figure>
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
The server has not found anything matching the Request-URI.
</blockquote>
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
</figure>
</body>
</html>

39
error/500.html Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>500 - Internal Server Error</title>
<link rel="stylesheet" type="text/css" href="https://edgarpierre.fr/css/error.css" />
<link rel="apple-touch-icon" sizes="57x57" href="https://edgarpierre.fr/icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://edgarpierre.fr/icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://edgarpierre.fr/icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://edgarpierre.fr/icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://edgarpierre.fr/icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://edgarpierre.fr/icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://edgarpierre.fr/icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://edgarpierre.fr/icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://edgarpierre.fr/icons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://edgarpierre.fr/icons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://edgarpierre.fr/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="https://edgarpierre.fr/icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://edgarpierre.fr/icons/favicon-16x16.png">
<link rel="manifest" href="https://edgarpierre.fr/icons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="https://edgarpierre.fr/icons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<h1>500</h1>
<h2>Erreur Serveur Interne</h2>
<figure>
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
The server encountered an unexpected condition which prevented it from fulfilling the request.
</blockquote>
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
</figure>
</body>
</html>

39
error/502.html Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>502 - Bad Gateway</title>
<link rel="stylesheet" type="text/css" href="https://edgarpierre.fr/css/error.css" />
<link rel="apple-touch-icon" sizes="57x57" href="https://edgarpierre.fr/icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://edgarpierre.fr/icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://edgarpierre.fr/icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://edgarpierre.fr/icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://edgarpierre.fr/icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://edgarpierre.fr/icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://edgarpierre.fr/icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://edgarpierre.fr/icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://edgarpierre.fr/icons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://edgarpierre.fr/icons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://edgarpierre.fr/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="https://edgarpierre.fr/icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://edgarpierre.fr/icons/favicon-16x16.png">
<link rel="manifest" href="https://edgarpierre.fr/icons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="https://edgarpierre.fr/icons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<h1>502</h1>
<h2>Passerelle Défectueuse</h2>
<figure>
<blockquote cite="https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html">
The server, while acting as a gateway or proxy, received an invalid response from the upstream server it accessed in attempting to fulfill the request.
</blockquote>
<figcaption><cite>HTTP/1.1 Status Code Definitions</cite></figcaption>
</figure>
</body>
</html>