pages d'erreur

This commit is contained in:
Nicolas Bally 2014-11-22 00:42:59 +01:00
parent 6770841072
commit 2fd70c706b
3 changed files with 188 additions and 50 deletions

View File

@ -1,26 +1,71 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>The page you were looking for doesn't exist (404)</title> <title>Erreur 404</title>
<style type="text/css"> <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; } <style>
div.dialog { body {
width: 25em; background-color: #EFEFEF;
padding: 0 4em; color: #2E2F30;
margin: 4em auto 0 auto;
border: 1px solid #ccc; font-family: helvetica, sans-serif;
border-right-color: #999; font-weight:100;
border-bottom-color: #999; }
} h1{
h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
font-weight:100;
}
div.dialog {
padding:1em 0;
text-align:center;
}
body > p {
width: 33em;
margin: 0 auto 1em;
padding: 1em 0;
background-color: #F7F7F7;
border: 1px solid #CCC;
border-right-color: #999;
border-bottom-color: #999;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-color: #DADADA;
color: #666;
box-shadow:0 3px 8px rgba(50, 50, 50, 0.17);
}
.error{
border-radius:50%;
margin:auto;
margin-top:1em;
height:300px ;
width:300px;
border:3px solid gray;
font-size:130px;
line-height:290px;
color:gray;
text-align:center;
}
</style> </style>
</head> </head>
<body> <body>
<!-- This file lives in public/404.html --> <!-- This file lives in public/404.html -->
<div class="dialog"> <div class="error">
<h1>The page you were looking for doesn't exist.</h1> 404
<p>You may have mistyped the address or the page may have moved.</p>
</div> </div>
<div class="dialog">
<h1>Oupsss...</h1>
La page que vous avez demandée na pas été trouvée.
</div>
</body> </body>
</html> </html>

View File

@ -1,26 +1,72 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>The change you wanted was rejected (422)</title> <title>Erreur 422</title>
<style type="text/css"> <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; } <style>
body {
background-color: #EFEFEF;
color: #2E2F30;
font-family: helvetica, sans-serif;
font-weight:100;
}
h1{
font-weight:100;
}
div.dialog { div.dialog {
width: 25em; padding:1em 0;
padding: 0 4em; text-align:center;
margin: 4em auto 0 auto; }
border: 1px solid #ccc;
body > p {
width: 33em;
margin: 0 auto 1em;
padding: 1em 0;
background-color: #F7F7F7;
border: 1px solid #CCC;
border-right-color: #999; border-right-color: #999;
border-bottom-color: #999; border-bottom-color: #999;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-color: #DADADA;
color: #666;
box-shadow:0 3px 8px rgba(50, 50, 50, 0.17);
} }
h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
</style> .error{
</head> border-radius:50%;
margin:auto;
margin-top:1em;
height:300px ;
width:300px;
border:3px solid gray;
font-size:130px;
line-height:290px;
color:gray;
text-align:center;
}
</style>
</head>
<body> <body>
<!-- This file lives in public/422.html --> <!-- This file lives in public/404.html -->
<div class="dialog"> <div class="error">
<h1>The change you wanted was rejected.</h1> 422
<p>Maybe you tried to change something you didn't have access to.</p> </div>
</div> <div class="dialog">
</body> <h1>Oupsss...</h1>
</html> Le changement que vous avez demandé n'a pas pu être effectué.
</div>
</body>
</html>

View File

@ -1,25 +1,72 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>We're sorry, but something went wrong (500)</title> <title>Erreur 500</title>
<style type="text/css"> <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; } <style>
body {
background-color: #EFEFEF;
color: #2E2F30;
font-family: helvetica, sans-serif;
font-weight:100;
}
h1{
font-weight:100;
}
div.dialog { div.dialog {
width: 25em; padding:1em 0;
padding: 0 4em; text-align:center;
margin: 4em auto 0 auto; }
border: 1px solid #ccc;
body > p {
width: 33em;
margin: 0 auto 1em;
padding: 1em 0;
background-color: #F7F7F7;
border: 1px solid #CCC;
border-right-color: #999; border-right-color: #999;
border-bottom-color: #999; border-bottom-color: #999;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-color: #DADADA;
color: #666;
box-shadow:0 3px 8px rgba(50, 50, 50, 0.17);
} }
h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
</style> .error{
</head> border-radius:50%;
margin:auto;
margin-top:1em;
height:300px ;
width:300px;
border:3px solid gray;
font-size:130px;
line-height:290px;
color:gray;
text-align:center;
}
</style>
</head>
<body> <body>
<!-- This file lives in public/500.html --> <!-- This file lives in public/404.html -->
<div class="dialog"> <div class="error">
<h1>We're sorry, but something went wrong.</h1> 500
</div> </div>
</body> <div class="dialog">
</html> <h1>Oupsss...</h1>
Nous sommes désolés mais quelque chose ne marche pas correctement.
</div>
</body>
</html>