jonasled2/website
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

added new error 404 and 500 page

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

0
css/404.css → css/error.css
View file

97
internal/500.php
View file

@ -7,57 +7,68 @@ function getError500()
<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">
<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> </head>
<body> <body>
<!-- Matomo Image Tracker--> <!-- Matomo Image Tracker-->
<img src="https://matomo.jonasled.de/matomo.php?idsite=1&amp;rec=1" style="border:0" alt="" /> <img src="https://matomo.jonasled.de/matomo.php?idsite=1&amp;rec=1" style="border:0" alt="" />
<!-- End Matomo --> <!-- End Matomo -->
<div class="moon"></div> <div id="particles-js"></div>
<div class="moon__crater moon__crater1"></div> <div class="terminal-window">
<div class="moon__crater moon__crater2"></div> <header>
<div class="moon__crater moon__crater3"></div> <div class="button green"></div>
<div class="button yellow"></div>
<div class="star star1"></div> <div class="button red"></div>
<div class="star star2"></div> </header>
<div class="star star3"></div> <section class="terminal">
<div class="star star4"></div> <div class="history"></div>
<div class="star star5"></div> $&nbsp;<span class="prompt"></span>
<span class="typed-cursor"></span>
<div class="error"> </section>
<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>
<!-- data -->
<div class="astronaut"> <div class="terminal-data mimik-run-output">
<div class="astronaut__backpack"></div> <br>Found 1 feature<br>
<div class="astronaut__body"></div> ----------------------------------------------<br>
<div class="astronaut__body__chest"></div> Feature: Bottles <span class="gray"># ./features/bottles.feature</span><br><br>
<div class="astronaut__arm-left1"></div> &nbsp;&nbsp;Scenario: A bottle falls from the wall<br>
<div class="astronaut__arm-left2"></div> &nbsp;&nbsp;&nbsp;&nbsp;<span class="green">✓</span> <span class="gray">Given 100 green bottles are standing</span><br>
<div class="astronaut__arm-right1"></div> &nbsp;&nbsp;&nbsp;&nbsp;<span class="green">✓</span> <span class="gray">when 1 green bottle accidentally falls</span><br>
<div class="astronaut__arm-right2"></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-thumb-left"></div> <br>
<div class="astronaut__arm-thumb-right"></div> <span class="gray">&nbsp;---------- ----------- ------- -------- --------</span><br>
<div class="astronaut__leg-left"></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-right"></div> <span class="gray">&nbsp;---------- ----------- ------- -------- --------</span><br>
<div class="astronaut__foot-left"></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-right"></div> <br>
<div class="astronaut__wrist-left"></div> &nbsp;&nbsp;Completed 1 feature in 0.01s<br>
<div class="astronaut__wrist-right"></div> <br>
<div class="astronaut__cord">
<canvas id="cord" height="500px" width="500px"></canvas>
</div> </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
}
<div class="astronaut__head"> ];
<canvas id="visor" width="60px" height="60px"></canvas> </script>
<div class="astronaut__head-visor-flare1"></div> <script src="/js/error.js"></script>
<div class="astronaut__head-visor-flare2"></div>
</div>
</div>
<script src="/js/404.js"></script>
</body> </body>
</html> </html>
EOF; EOF;

0
js/404.js → js/error.js
View file