AnthonyW2.github.io/404.html at master · AnthonyW2/AnthonyW2.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!--
Anthony Wilson - 404 Error Page

Protected by the GNU General Public License V3

2 November 2020
20-11-2
-->


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Anthony W - Error 404</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta property="og:title" content="Anthony Wilson">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://AnthonyW2.github.io/">
    <meta property="og:description" content="404 - Page Not Found">

    <style>
      body {
        background: #404040;

        color: #e5e5e5;
      }

      h1 {
        color: #e5e5e5;
      }

      a {
        color: #d0d0d0;
        text-decoration: underline;
      }
      a:hover, a:active {
        color: #b0b0b0;
        text-decoration: underline;
      }

      p.404Message {
        color: #e5e5e5;
      }

      p.PageRecommends {
        color: #e5e5e5;
      }

      p {
        font-size: 1.5rem;
      }
    </style>
  </head>
  <body onload="StartJS()">
    <h1>404 - Not Found</h1>
    <hr>

    <h2 id="PageURLTitle" style="color: #DA3131">[URL]</h2>
    <p id="PossibleIntendedPages" class="PageRecommends"></p>
    <p class="PageRecommends">
      Significant Pages:<br>
      <a href="/">Main Page</a><br>
      <a href="/Projects">Projects Page</a>
    </p>
    <hr>

    <p class="404Message">As I'm sure you're already aware, this error means the requested URL is not found on this server. Check if you typed in the URL correctly, and make sure that the targetted page actually exists.</p>

    <script>
      const PagePath = window.location.pathname;

      function StartJS(){
        document.getElementById("PageURLTitle").innerHTML = window.location.href;

        var PossibleIntendedPages = "You may have meant:";
        if(PagePath.toLowerCase().includes("project")){
          PossibleIntendedPages += "<br>> <a href='/Projects'>"+window.location.hostname+"/Projects</a>";
        }else if(PagePath.toLowerCase().includes("4dchess")){
          PossibleIntendedPages += "<br>> <a href='/4D/4DChess'>"+window.location.hostname+"/4D/4DChess</a>";
        }else{
          PossibleIntendedPages = "";
        }


        document.getElementById("PossibleIntendedPages").innerHTML = PossibleIntendedPages;
      }
    </script>
  </body>
</html>