Not-Found/notFound.html at main · MegaGramProject/Not-Found · 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
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <link rel="icon" type="image/png" sizes="32x32" href="/NotFound/images/megagramFavicon.png">
    <title>Page Not Found</title>

    <link rel="stylesheet" href="/NotFound/notFound.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js"></script>
    <script type="module" src="/NotFound/notFound.js"></script>
</head>

<body>

    <nav>
        <div class="menu">
            <p onclick="takeUserToHomePage()" class="website_name" style="font-family: Billabong; font-size: 3em;
            background-color: white; color: black">Megagram</p>
            <img onclick="takeUserToHomePage()" src="/NotFound/images/favicon.ico" style="height: 4em; width: 4em; cursor: pointer;">
            <img onclick="takeUserToHomePage()" src="/NotFound/images/megagramFavicon.png" style="height: 4em; width: 4em; cursor: pointer;">
            <img onclick="takeUserToHomePage()" src="/NotFound/images/megagramLoading.png" style="height: 7em; width: 7em; margin-top: 2em; cursor: pointer;">
        </div>
    </nav>

    <section class="wrapper">
        <div class="container">
            <div id="scene" class="scene" data-hover-only="false">
                <div class="circle" data-depth="1.2">
                </div>

                <div class="one" data-depth="0.9">
                    <div class="content">
                        <span class="piece neonText" style="padding: 0.5em 1em;">WE</span>
                        <span class="piece neonText" style="padding: 0.5em 1em;">GOT LOST</span>
                        <span class="piece neonText" style="padding: 0.5em 1em;">TOO!</span>
                    </div>
                </div>

                <div class="two" data-depth="0.60">
                    <div class="content">
                        <span class="piece"></span>
                        <span class="piece"></span>
                        <span class="piece"></span>
                    </div>
                </div>

                <div class="three" data-depth="0.40">
                    <div class="content">
                        <span class="piece"></span>
                        <span class="piece"></span>
                        <span class="piece"></span>
                    </div>
                </div>

                <p class="p404" data-depth="0.50">404</p>
                <p class="p404" data-depth="0.1">404</p>

            </div>

            <div class="text">
                <article>
                    <p>Uh oh! Looks like you got lost. Life happens. <br>Go back to the homepage if you dare!</p>
                    <button onclick="takeUserToHomePage()">i dare!</button>
                    <p style="position: absolute; top: 150%; color: white; font-size: 0.68em;">
                        Credit to <a href="https://rafaelalucas.com/" target="_blank" style="color: #5091fa">Rafaela Lucas</a>
                        for this MEGA Awesome UI Template!
                    </p>
                </article>

            </div>
        </div>
    </section>

</body>

</html>