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>
<html>
<head>
<title>The page you were looking for doesn't exist (404)</title>
<style type="text/css">
body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
<title>Erreur 404</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<style>
body {
background-color: #EFEFEF;
color: #2E2F30;
font-family: helvetica, sans-serif;
font-weight:100;
}
h1{
font-weight:100;
}
div.dialog {
width: 25em;
padding: 0 4em;
margin: 4em auto 0 auto;
border: 1px solid #ccc;
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;
}
h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
</style>
</head>
<body>
<!-- This file lives in public/404.html -->
<div class="dialog">
<h1>The page you were looking for doesn't exist.</h1>
<p>You may have mistyped the address or the page may have moved.</p>
<div class="error">
404
</div>
<div class="dialog">
<h1>Oupsss...</h1>
La page que vous avez demandée na pas été trouvée.
</div>
</body>
</html>

View File

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

View File

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