added the script to create the fancy error pages
Thierry Degeling
parent
acb0a0562f
commit
e3f997e556
|
|
@ -0,0 +1 @@
|
|||
*.otf
|
||||
|
|
@ -0,0 +1,97 @@
|
|||
<?php
|
||||
$code = $_GET["code"];
|
||||
$number = array('oh!', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine');
|
||||
$description = array (
|
||||
401 => "of something you cannot see<br />because you are not logged in",
|
||||
403 => "of something you should<br />probably not be looking for",
|
||||
404 => 'sorry, that page doesn\'t<br />exist or has been moved',
|
||||
500 => "of something that cannot be shown<br />because the server failed to process it"
|
||||
);
|
||||
?>
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Error <?php echo $_GET["code"]?></title>
|
||||
<meta name="robots" content="noindex">
|
||||
<style type="text/css">
|
||||
@font-face{
|
||||
font-family:'GothamBold';
|
||||
src:url("gothambold.otf") format("opentype");
|
||||
}
|
||||
@font-face{
|
||||
font-family:'GothamLight';
|
||||
src:url("gothamlight.otf") format("opentype");
|
||||
}
|
||||
body {
|
||||
font-family:"GothamBold";
|
||||
overflow: hidden;
|
||||
background: #f7f7f7;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.light {
|
||||
font-family:'GothamLight';
|
||||
}
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
#main {
|
||||
display: block;
|
||||
width: 620px;
|
||||
height: 400px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -200px 0 0 -310px;
|
||||
text-align: center;
|
||||
color: #111;
|
||||
}
|
||||
.code {
|
||||
line-height: 1;
|
||||
font-size: 6em;
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
.code p {
|
||||
line-height: 1em;
|
||||
}
|
||||
.small {
|
||||
font-size: 0.5em;
|
||||
}
|
||||
.line {
|
||||
margin: 2em;
|
||||
height: 2px;
|
||||
width: 100px;
|
||||
background-color: #111;
|
||||
display: inline-block;
|
||||
}
|
||||
a, a:hover, a:active, a:link {
|
||||
font-family: "GothamBold";
|
||||
text-decoration: none;
|
||||
color: #111;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="main">
|
||||
<div class="code">
|
||||
<p><?=$number[ $code[ 0 ] ]?></p>
|
||||
<p <? if ( $code[ 2 ] != 0 ) echo 'class="small"' ?>><?=$number[ $code[ 1 ] ]?></p>
|
||||
<p <? if ( $code[ 2 ] == 0 ) echo 'class="small"' ?>><?=$number[ $code[ 2 ] ]?></p>
|
||||
</div>
|
||||
<div class="description light">
|
||||
<?=$description[ $code ]?>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="description light">
|
||||
<a target="_blank" href="https://twitter.com/syn2cat">contact us</a><br />if you think this is a mistake
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<?php
|
||||
$code = $_GET["code"];
|
||||
$number = array('oh!', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine');
|
||||
$description = array (
|
||||
401 => "of something you cannot see<br />because you are not logged in",
|
||||
403 => "of something you should<br />probably not be looking for",
|
||||
404 => 'sorry, that page doesn\'t<br />exist or has been moved',
|
||||
500 => "of something that cannot be shown<br />because the server failed to process it"
|
||||
);
|
||||
?>
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Error <?php echo $_GET["code"]?></title>
|
||||
<meta name="robots" content="noindex">
|
||||
<style type="text/css">@font-face{font-family:GothamBold;src:url(gothambold.otf) format("opentype")}@font-face{font-family:GothamLight;src:url(gothamlight.otf) format("opentype")}body{font-family:GothamBold;overflow:hidden;background:#f7f7f7;text-transform:uppercase}.light{font-family:GothamLight}*{margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#main{display:block;width:620px;height:400px;position:absolute;top:50%;left:50%;margin:-200px 0 0 -310px;text-align:center;color:#111}.code{line-height:1;font-size:6em}.code p{line-height:1em}.code p:nth-child(2){font-size:.5em}.line{margin:2em;height:2px;width:100px;background-color:#111;display:inline-block}a,a:active,a:hover,a:link{font-family:GothamBold;text-decoration:none;color:#111}</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="main">
|
||||
<div class="code">
|
||||
<p><?=$number[ $code[ 0 ] ]?></p>
|
||||
<p <? if ( $code[ 2 ] != 0 ) echo 'class="small"' ?>><?=$number[ $code[ 1 ] ]?></p>
|
||||
<p <? if ( $code[ 2 ] == 0 ) echo 'class="small"' ?>><?=$number[ $code[ 2 ] ]?></p>
|
||||
</div>
|
||||
<div class="description light">
|
||||
<?=$description[ $code ]?>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="description light">
|
||||
<a target="_blank" href="https://twitter.com/syn2cat">contact us</a><br />if you think this is a mistake
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue