notfound.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <html>
  2. <head>
  3. <!-- Zoraxy Not Found Template -->
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
  6. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.5.0/semantic.min.css">
  7. <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
  8. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.5.0/semantic.min.js"></script>
  9. <title>Not Found</title>
  10. <style>
  11. #msg{
  12. position: absolute;
  13. top: calc(50% - 150px);
  14. left: calc(50% - 250px);
  15. width: 500px;
  16. height: 300px;
  17. text-align: center;
  18. }
  19. #footer{
  20. position: fixed;
  21. padding: 2em;
  22. padding-left: 5em;
  23. padding-right: 5em;
  24. bottom: 0px;
  25. left: 0px;
  26. width: 100%;
  27. }
  28. small{
  29. word-break: break-word;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <div id="msg">
  35. <h1 style="font-size: 6em; margin-bottom: 0px;"><i class="blue small question circle icon"></i></h1>
  36. <div>
  37. <h3 style="margin-top: 1em;">404 - Not Found</h3>
  38. <div class="ui divider"></div>
  39. <p>The requested URL was not found on this server<br>
  40. </p>
  41. <div class="ui divider"></div>
  42. <div style="text-align: left;">
  43. <small>Request time: <span id="reqtime"></span></small><br>
  44. <small id="reqURLDisplay">Request URI: <span id="requrl"></span></small>
  45. </div>
  46. </div>
  47. </div>
  48. <script>
  49. $("#reqtime").text(new Date().toLocaleString(undefined, {year: 'numeric', month: '2-digit', day: '2-digit', weekday:"long", hour: '2-digit', hour12: false, minute:'2-digit', second:'2-digit'}));
  50. $("#requrl").text(window.location.href);
  51. </script>
  52. </body>
  53. </html>