added new error 404 and 500 page

This commit is contained in:
Jonas Leder 2020-12-20 01:21:43 +01:00
parent 9a7e60b474
commit 68ec892ee3
3 changed files with 66 additions and 55 deletions

View file

@ -4,61 +4,72 @@ function getError500()
return <<<EOF
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>500 - Internal Server error</title>
<link href="/css/404.css" rel="stylesheet">
</head>
<body>
<!-- Matomo Image Tracker-->
<img src="https://matomo.jonasled.de/matomo.php?idsite=1&amp;rec=1" style="border:0" alt="" />
<!-- End Matomo -->
<div class="moon"></div>
<div class="moon__crater moon__crater1"></div>
<div class="moon__crater moon__crater2"></div>
<div class="moon__crater moon__crater3"></div>
<div class="star star1"></div>
<div class="star star2"></div>
<div class="star star3"></div>
<div class="star star4"></div>
<div class="star star5"></div>
<div class="error">
<div class="error__title">500</div>
<div class="error__subtitle">Hmmm...</div>
<div class="error__description">It looks like the server doesn't do what you want</div>
</div>
<div class="astronaut">
<div class="astronaut__backpack"></div>
<div class="astronaut__body"></div>
<div class="astronaut__body__chest"></div>
<div class="astronaut__arm-left1"></div>
<div class="astronaut__arm-left2"></div>
<div class="astronaut__arm-right1"></div>
<div class="astronaut__arm-right2"></div>
<div class="astronaut__arm-thumb-left"></div>
<div class="astronaut__arm-thumb-right"></div>
<div class="astronaut__leg-left"></div>
<div class="astronaut__leg-right"></div>
<div class="astronaut__foot-left"></div>
<div class="astronaut__foot-right"></div>
<div class="astronaut__wrist-left"></div>
<div class="astronaut__wrist-right"></div>
<div class="astronaut__cord">
<canvas id="cord" height="500px" width="500px"></canvas>
</div>
<div class="astronaut__head">
<canvas id="visor" width="60px" height="60px"></canvas>
<div class="astronaut__head-visor-flare1"></div>
<div class="astronaut__head-visor-flare2"></div>
</div>
</div>
<script src="/js/404.js"></script>
</body>
<head>
<meta charset="UTF-8">
<title>500 - Internal Server error</title>
<link href="/css/error.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://www.mattboldt.com/demos/typed-js/js/typed.custom.js"></script>
</head>
<body>
<!-- Matomo Image Tracker-->
<img src="https://matomo.jonasled.de/matomo.php?idsite=1&amp;rec=1" style="border:0" alt="" />
<!-- End Matomo -->
<div id="particles-js"></div>
<div class="terminal-window">
<header>
<div class="button green"></div>
<div class="button yellow"></div>
<div class="button red"></div>
</header>
<section class="terminal">
<div class="history"></div>
$&nbsp;<span class="prompt"></span>
<span class="typed-cursor"></span>
</section>
</div>
<!-- data -->
<div class="terminal-data mimik-run-output">
<br>Found 1 feature<br>
----------------------------------------------<br>
Feature: Bottles <span class="gray"># ./features/bottles.feature</span><br><br>
&nbsp;&nbsp;Scenario: A bottle falls from the wall<br>
&nbsp;&nbsp;&nbsp;&nbsp;<span class="green"></span> <span class="gray">Given 100 green bottles are standing</span><br>
&nbsp;&nbsp;&nbsp;&nbsp;<span class="green"></span> <span class="gray">when 1 green bottle accidentally falls</span><br>
&nbsp;&nbsp;&nbsp;&nbsp;<span class="green"></span> <span class="gray">then there are 99 green bottles standing</span><br>
<br>
<span class="gray">&nbsp;---------- ----------- ------- -------- --------</span><br>
&nbsp;&nbsp;Features&nbsp;&nbsp;&nbsp;Scenarios&nbsp;&nbsp;&nbsp;Steps&nbsp;&nbsp;&nbsp;Passed&nbsp;&nbsp;&nbsp;Failed<br>
<span class="gray">&nbsp;---------- ----------- ------- -------- --------</span><br>
&nbsp;&nbsp;1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="green"> 4</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0 <br>
<br>
&nbsp;&nbsp;Completed 1 feature in 0.01s<br>
<br>
</div>
<script>
var data = [
{
action: 'type',
strings: ["Accessing restricted files.."],
output: 'grabbing files..<br><br>',
postDelay: 1000
},
{
action: 'type',
strings: ["500 Internal Error"],
output: '<span class="gray">It looks like there is a bug</><br>&nbsp;',
postDelay: 1000
},
{
action: 'type',
strings: ["These are not the error codes you're looking for.", 'Please either report this error to an administrator or return back and forget you were here...'],
postDelay: 2000
}
];
</script>
<script src="/js/error.js"></script>
</body>
</html>
EOF;
}