FinalProject/smuggling.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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!-- 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>Smuggling 101</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/smuggling.css">
    <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-->
<div class="alert alert-danger d-flex justify-content-between mt-3" role="alert">
    Avoid the party squirrel, it will move the screen a lot!<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<main>
    <h1 class="inspiration text-center my-5 ">Smuggling 101</h1>
    <div class="container d-flex justify-content-center align-items-center flex-column">
        <p class="lh-lg">We know that sometimes you just can't study without a little liquid courage, but unfortunately, not all libraries, exams, or study spaces allow alcohol. That's why we've put together this lighthearted guide to help you get your booze where it needs to go. From disguising your drink in a water bottle to hiding it in a hollowed-out textbook, we've got tips and tricks that will make even the most seasoned smugglers envious.
        </p>
<img class="img-fluid" src="Images/idea.png" alt="A man with a beer hat">

    <p class="lh-lg">

        Smuggling alcohol into a study session can be a bit of a challenge, but with a little creativity and some careful planning, you can pull it off like a pro. Here are a few ideas to get you started:

       <ul>
        <li>
            Disguise your drink: Pour your drink of choice into a water bottle, soda can, or other inconspicuous container that won't draw attention.
        </li>

        <li>Hide it in plain sight: If you're feeling bold, try hiding your drink in a hollowed-out book, inside a pencil case, or even in your backpack.</li>

        <li>
            Collaborate with a friend: Two heads are better than one, so why not team up with a like-minded friend and come up with a clever smuggling plan together?
        </li>

    </ul>

        Remember, the key to successful smuggling is to be subtle and discreet. Don't draw attention to yourself, and always be aware of your surroundings. And most importantly, drink responsibly and never put yourself or others in danger.
    </p>

    </div>
</main>
<img class="squirrel" src="Images/Squirrel.png" alt="A tipsy Squirrel ">
<img class="discoball" src="Images/disco_ball.gif" alt="disco ball">
<div class="discolight one"></div>
<div class="discolight two"></div>
<div class="discolight three"></div>
<div class="discolight four"></div>
<div class="discolight five"></div>
<script src="Scripts/animals.js"></script>
<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";

    new rainbowCursor({
        length: 25,
        size: 5,
    });
</script>
</body>
</html>