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