FinalProject/404.html at master · benjamin-shuster/FinalProject · 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
<!-- DEVELOPER: Benjamin Shuster, IS117-002, Spring 2023 -->
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="How to do better on exams by drinking alcoholic beverages ">
    <meta name="keywords" content="Alcohol, Studying, Exam, Testing, Beer, Wine">
    <meta name="author" content="Benjamin Shuster">
    <!--    https://www.w3schools.com/tags/tag_meta.asp   -->
    <title>Page Not Found</title>
    <!--  bootstraps css code  -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
    <link rel="stylesheet" href="Styles/global.css">
    <link rel="shortcut icon" href="Images/logo.png" type="image/x-icon">

</head>
<body>
<script src="Scripts/navigation.js"></script>
<!--this injects the navbar using js so I can modify it in one file-->
<main>

    <h1 class=" inspiration text-center my-5 ">Page Not Found!</h1>

    <div class="container d-flex justify-content-center align-items-center flex-column">
        <img class="img-fluid w-75" src="Images/drunk_repair.png" alt="a drunk repair guy">
        <p class="w-75 mt-5">
            Oh hey there, looks like ya stumbled onto a page that doesn't exist. Sorry 'bout that, but don't worry, it ain't yer fault. Sometimes these machines just ain't workin' right, ya know? Maybe I had one too many drinks last night and messed somethin' up. Whoopsie!<br><br>

            Anyways, I reckon you should just head on back to where ya came from and forget about this whole mess. Ain't nothin' to see here, just a lost page and a tipsy maintenance guy tryin' to make things right.<br><br>

            But hey, if ya wanna stick around and shoot the breeze, I'm always up for a chat. Just don't mind me if I slur my words a bit, hehe.<br><br>
        </p>
        <a href="index.html" class="btn btn-primary">Go to the Home page</a>
    </div>
</main>

<script src="Scripts/footer.js"></script>
<!--this injects the footer using js so I can modify it in one file-->
<!--bootstraps javascript code-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<script src="Scripts/global.js"></script>
<script type="module">

    import { rainbowCursor  } from "https://unpkg.com/cursor-effects@latest/dist/esm.js";
if(!window.location.href.includes("reducedAnimations")){
    new rainbowCursor({
        length: 25,
        size: 5,
    });
}

</script>
</body>
</html>