This commit is contained in:
tarampampam 2022-01-28 19:57:06 +00:00
parent 7929d7bb04
commit 491b6d5a92
141 changed files with 2059 additions and 1179 deletions

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/400.jpg" alt="Bad Request">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/401.jpg" alt="Unauthorized">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/403.jpg" alt="Forbidden">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/404.jpg" alt="Not Found">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/405.jpg" alt="Method Not Allowed">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/407.jpg" alt="Proxy Authentication Required">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/408.jpg" alt="Request Timeout">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/409.jpg" alt="Conflict">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/410.jpg" alt="Gone">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/411.jpg" alt="Length Required">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/412.jpg" alt="Precondition Failed">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/413.jpg" alt="Payload Too Large">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/416.jpg" alt="Requested Range Not Satisfiable">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/418.jpg" alt="I'm a teapot">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/429.jpg" alt="Too Many Requests">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/500.jpg" alt="Internal Server Error">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/502.jpg" alt="Bad Gateway">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/503.jpg" alt="Service Unavailable">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/504.jpg" alt="Gateway Timeout">
</div>
</div>
</body>
<!--

View File

@ -12,9 +12,11 @@
<style>
html, body {
margin: 0;
height: 100vh;
background-color: #000;
color: #aaa;
overflow: hidden;
color: #ddd;
font-family: 'Open Sans', sans-serif;
font-size: 0;
}
.centered {
@ -28,12 +30,17 @@
max-width: 750px;
width: 100%;
}
/* */
</style>
</head>
<body>
<div class="centered">
<!-- Pictures provider: <https://http.cat/> -->
<div>
<img src="https://http.cat/505.jpg" alt="HTTP Version Not Supported">
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 400</h3>
<p class="description">The server did not understand the request</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 401</h3>
<p class="description">The requested page needs a username and a password</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 403</h3>
<p class="description">Access is forbidden to the requested page</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 404</h3>
<p class="description">The server can not find the requested page</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 405</h3>
<p class="description">The method specified in the request is not allowed</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 407</h3>
<p class="description">You must authenticate with a proxy server before this request can be served</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 408</h3>
<p class="description">The request took longer than the server was prepared to wait</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 409</h3>
<p class="description">The request could not be completed because of a conflict</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 410</h3>
<p class="description">The requested page is no longer available</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 411</h3>
<p class="description">The "Content-Length" is not defined. The server will not accept the request without it</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 412</h3>
<p class="description">The pre condition given in the request evaluated to false by the server</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 413</h3>
<p class="description">The server will not accept the request, because the request entity is too large</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 416</h3>
<p class="description">The requested byte range is not available and is out of bounds</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 418</h3>
<p class="description">Attempt to brew coffee with a teapot is not supported</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 429</h3>
<p class="description">Too many requests in a given amount of time</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 500</h3>
<p class="description">The server met an unexpected condition</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 502</h3>
<p class="description">The server received an invalid response from the upstream server</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 503</h3>
<p class="description">The server is temporarily overloading or down</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 504</h3>
<p class="description">The gateway has timed out</p>
</div>
</div>
</body>
<!--

View File

@ -11,18 +11,21 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif}
.wrap {top:50%;left:50%;width:310px;height:260px;margin-left:-155px;margin-top:-110px;position:absolute;text-align:center}
html,body {background-color:#1a1a1a;color:#fff;font-family:'Open Sans',sans-serif;height:100vh;margin:0;font-size:0}
.container {height:100vh;align-items:center;display:flex;justify-content:center;position:relative}
.wrap {text-align:center}
.ghost {animation:float 3s ease-out infinite}
@keyframes float { 50% {transform:translate(0,20px)}}
.shadowFrame {width:130px;margin: 10px auto 0 auto}
.shadow {animation:shrink 3s ease-out infinite;transform-origin:center center}
@keyframes shrink {0%{width:90%;margin:0 5%} 50% {width:60%;margin:0 18%} 100% {width:90%;margin:0 5%}}
h3 {font-size:1.05em;text-transform: uppercase;margin:0.3em auto}
.description {font-size:0.8em;color:#aaa}
h3 {font-size:17px;text-transform: uppercase;margin:0.3em auto}
.description {font-size:13px;color:#aaa}
/* */
</style>
</head>
<body>
<div class="container">
<div class="wrap">
<svg class="ghost" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="127.433px" height="132.743px" viewBox="0 0 127.433 132.743" enable-background="new 0 0 127.433 132.743" xml:space="preserve">
<path fill="#FFF6F4" d="M116.223,125.064c1.032-1.183,1.323-2.73,1.391-3.747V54.76c0,0-4.625-34.875-36.125-44.375 s-66,6.625-72.125,44l-0.781,63.219c0.062,4.197,1.105,6.177,1.808,7.006c1.94,1.811,5.408,3.465,10.099-0.6 c7.5-6.5,8.375-10,12.75-6.875s5.875,9.75,13.625,9.25s12.75-9,13.75-9.625s4.375-1.875,7,1.25s5.375,8.25,12.875,7.875 s12.625-8.375,12.625-8.375s2.25-3.875,7.25,0.375s7.625,9.75,14.375,8.125C114.739,126.01,115.412,125.902,116.223,125.064z"></path>
@ -43,6 +46,8 @@
</p>
<h3>Error 505</h3>
<p class="description">The server does not support the "http protocol" version</p>
</div>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">400</span></h1>
<p class="output">The server did not understand the request.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">401</span></h1>
<p class="output">The requested page needs a username and a password.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">403</span></h1>
<p class="output">Access is forbidden to the requested page.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">404</span></h1>
<p class="output">The server can not find the requested page.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">405</span></h1>
<p class="output">The method specified in the request is not allowed.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">407</span></h1>
<p class="output">You must authenticate with a proxy server before this request can be served.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">408</span></h1>
<p class="output">The request took longer than the server was prepared to wait.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">409</span></h1>
<p class="output">The request could not be completed because of a conflict.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">410</span></h1>
<p class="output">The requested page is no longer available.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">411</span></h1>
<p class="output">The "Content-Length" is not defined. The server will not accept the request without it.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">412</span></h1>
<p class="output">The pre condition given in the request evaluated to false by the server.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">413</span></h1>
<p class="output">The server will not accept the request, because the request entity is too large.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">416</span></h1>
<p class="output">The requested byte range is not available and is out of bounds.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">418</span></h1>
<p class="output">Attempt to brew coffee with a teapot is not supported.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">429</span></h1>
<p class="output">Too many requests in a given amount of time.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">500</span></h1>
<p class="output">The server met an unexpected condition.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">502</span></h1>
<p class="output">The server received an invalid response from the upstream server.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">503</span></h1>
<p class="output">The server is temporarily overloading or down.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">504</span></h1>
<p class="output">The gateway has timed out.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -18,6 +18,7 @@
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
body {
@ -27,10 +28,9 @@
background-repeat: no-repeat;
background-size: cover;
font-family: 'Inconsolata', Helvetica, sans-serif;
font-size: 1.5rem;
color: rgba(128, 255, 128, 0.8);
text-shadow:
0 0 1ex rgba(51, 255, 51, 1),
0 0 11px rgba(51, 255, 51, 1),
0 0 2px rgba(255, 255, 255, 0.8);
}
@ -82,10 +82,18 @@
height: 100%;
width: 1000px;
max-width: 100%;
padding: 4rem;
padding: 64px;
text-transform: uppercase;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
}
.output {
color: rgba(128, 255, 128, 0.8);
text-shadow:
@ -113,6 +121,8 @@
.error_code {
color: white;
}
/* */
</style>
</head>
<body>
@ -121,6 +131,7 @@
<h1>Error <span class="error_code">505</span></h1>
<p class="output">The server does not support the "http protocol" version.</p>
<p class="output">Good luck.</p>
</div>
</body>
<!--

View File

@ -3,8 +3,8 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Error pages list</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.1/css/bootstrap.min.css"
integrity="sha512-6KY5s6UI5J7SVYuZB4S/CZMyPylqyyNZco376NM2Z8Sb8OxEdp02e1jkKk/wZxIEmjQ6DRCEBhni+gpr9c4tvA=="
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.3/css/bootstrap.min.css"
integrity="sha512-GQGU0fMMi238uA+a/bdWJfpUGKUkBdgfFdgBm72SUQ6BeyWjoY/ton0tEjH+OSH9iP4Dfh+7HM0I9f5eR0L/4w=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body class="bg-light">

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
400
</div>
@ -29,6 +32,9 @@
Bad Request
</div>
</div>
</div>
</div>
</body>
<!--
Error 400: Bad Request

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
401
</div>
@ -29,6 +32,9 @@
Unauthorized
</div>
</div>
</div>
</div>
</body>
<!--
Error 401: Unauthorized

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
403
</div>
@ -29,6 +32,9 @@
Forbidden
</div>
</div>
</div>
</div>
</body>
<!--
Error 403: Forbidden

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
404
</div>
@ -29,6 +32,9 @@
Not Found
</div>
</div>
</div>
</div>
</body>
<!--
Error 404: Not Found

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
405
</div>
@ -29,6 +32,9 @@
Method Not Allowed
</div>
</div>
</div>
</div>
</body>
<!--
Error 405: Method Not Allowed

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
407
</div>
@ -29,6 +32,9 @@
Proxy Authentication Required
</div>
</div>
</div>
</div>
</body>
<!--
Error 407: Proxy Authentication Required

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
408
</div>
@ -29,6 +32,9 @@
Request Timeout
</div>
</div>
</div>
</div>
</body>
<!--
Error 408: Request Timeout

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
409
</div>
@ -29,6 +32,9 @@
Conflict
</div>
</div>
</div>
</div>
</body>
<!--
Error 409: Conflict

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
410
</div>
@ -29,6 +32,9 @@
Gone
</div>
</div>
</div>
</div>
</body>
<!--
Error 410: Gone

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
411
</div>
@ -29,6 +32,9 @@
Length Required
</div>
</div>
</div>
</div>
</body>
<!--
Error 411: Length Required

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
412
</div>
@ -29,6 +32,9 @@
Precondition Failed
</div>
</div>
</div>
</div>
</body>
<!--
Error 412: Precondition Failed

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
413
</div>
@ -29,6 +32,9 @@
Payload Too Large
</div>
</div>
</div>
</div>
</body>
<!--
Error 413: Payload Too Large

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
416
</div>
@ -29,6 +32,9 @@
Requested Range Not Satisfiable
</div>
</div>
</div>
</div>
</body>
<!--
Error 416: Requested Range Not Satisfiable

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
418
</div>
@ -29,6 +32,9 @@
I'm a teapot
</div>
</div>
</div>
</div>
</body>
<!--
Error 418: I'm a teapot

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
429
</div>
@ -29,6 +32,9 @@
Too Many Requests
</div>
</div>
</div>
</div>
</body>
<!--
Error 429: Too Many Requests

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
500
</div>
@ -29,6 +32,9 @@
Internal Server Error
</div>
</div>
</div>
</div>
</body>
<!--
Error 500: Internal Server Error

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
502
</div>
@ -29,6 +32,9 @@
Bad Gateway
</div>
</div>
</div>
</div>
</body>
<!--
Error 502: Bad Gateway

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
503
</div>
@ -29,6 +32,9 @@
Service Unavailable
</div>
</div>
</div>
</div>
</body>
<!--
Error 503: Service Unavailable

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
504
</div>
@ -29,6 +32,9 @@
Gateway Timeout
</div>
</div>
</div>
</div>
</body>
<!--
Error 504: Gateway Timeout

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color: #222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#222526;color:#fff;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
505
</div>
@ -29,6 +32,9 @@
HTTP Version Not Supported
</div>
</div>
</div>
</div>
</body>
<!--
Error 505: HTTP Version Not Supported

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
400
</div>
@ -29,6 +32,9 @@
Bad Request
</div>
</div>
</div>
</div>
</body>
<!--
Error 400: Bad Request

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
401
</div>
@ -29,6 +32,9 @@
Unauthorized
</div>
</div>
</div>
</div>
</body>
<!--
Error 401: Unauthorized

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
403
</div>
@ -29,6 +32,9 @@
Forbidden
</div>
</div>
</div>
</div>
</body>
<!--
Error 403: Forbidden

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
404
</div>
@ -29,6 +32,9 @@
Not Found
</div>
</div>
</div>
</div>
</body>
<!--
Error 404: Not Found

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
405
</div>
@ -29,6 +32,9 @@
Method Not Allowed
</div>
</div>
</div>
</div>
</body>
<!--
Error 405: Method Not Allowed

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
407
</div>
@ -29,6 +32,9 @@
Proxy Authentication Required
</div>
</div>
</div>
</div>
</body>
<!--
Error 407: Proxy Authentication Required

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
408
</div>
@ -29,6 +32,9 @@
Request Timeout
</div>
</div>
</div>
</div>
</body>
<!--
Error 408: Request Timeout

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
409
</div>
@ -29,6 +32,9 @@
Conflict
</div>
</div>
</div>
</div>
</body>
<!--
Error 409: Conflict

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
410
</div>
@ -29,6 +32,9 @@
Gone
</div>
</div>
</div>
</div>
</body>
<!--
Error 410: Gone

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
411
</div>
@ -29,6 +32,9 @@
Length Required
</div>
</div>
</div>
</div>
</body>
<!--
Error 411: Length Required

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
412
</div>
@ -29,6 +32,9 @@
Precondition Failed
</div>
</div>
</div>
</div>
</body>
<!--
Error 412: Precondition Failed

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
413
</div>
@ -29,6 +32,9 @@
Payload Too Large
</div>
</div>
</div>
</div>
</body>
<!--
Error 413: Payload Too Large

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
416
</div>
@ -29,6 +32,9 @@
Requested Range Not Satisfiable
</div>
</div>
</div>
</div>
</body>
<!--
Error 416: Requested Range Not Satisfiable

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
418
</div>
@ -29,6 +32,9 @@
I'm a teapot
</div>
</div>
</div>
</div>
</body>
<!--
Error 418: I'm a teapot

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
429
</div>
@ -29,6 +32,9 @@
Too Many Requests
</div>
</div>
</div>
</div>
</body>
<!--
Error 429: Too Many Requests

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
500
</div>
@ -29,6 +32,9 @@
Internal Server Error
</div>
</div>
</div>
</div>
</body>
<!--
Error 500: Internal Server Error

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
502
</div>
@ -29,6 +32,9 @@
Bad Gateway
</div>
</div>
</div>
</div>
</body>
<!--
Error 502: Bad Gateway

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
503
</div>
@ -29,6 +32,9 @@
Service Unavailable
</div>
</div>
</div>
</div>
</body>
<!--
Error 503: Service Unavailable

View File

@ -12,16 +12,19 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0}
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
.code {border-right:2px solid;font-size:26px;padding:0 10px 0 15px;text-align:center}
.message {font-size:18px;text-align:center;padding:10px}
/* */
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div>
<div class="flex-center">
<div class="code">
504
</div>
@ -29,6 +32,9 @@
Gateway Timeout
</div>
</div>
</div>
</div>
</body>
<!--
Error 504: Gateway Timeout

Some files were not shown because too many files have changed in this diff Show More