brainrotWiki/based.html at main · Loolybooly/brainrotWiki · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Based - Brainrot Wiki</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <h1>Brainrot Wiki</h1>
        <p>Search for brainrot terms to learn their origins and meanings</p>
    </header>

    <main>
        <div class="term-container">
            <div class="term-header">
                <h1 class="term-title">Based</h1>
            </div>

            <div class="section">
                <h2 class="origin-header">Origin</h2>
                <p>Been around for a few years but became popular around mid 2024 when the US elections started</p>
            </div>

            <div class="section">
                <h2 class="meaning-header">Meaning</h2>
                <p>When something is very agreeable, it is based</p>
            </div>

            <div class="section">
                <h2 class="examples-header">Example Uses</h2>
                <div class="example">
                    <p>Bro: Trump is a bad president</p>
                    <p>You: That's so based</p>
                </div>
            </div>

            <a href="index.html" class="back-link">← Back to homepage</a>
        </div>
    </main>
            <div class="fixed-bottom-button" style="position: fixed; bottom: 20px; right: 20px; z-index: 1000;">
            <a href="https://tunes.is-a.dev" target="_blank" style="text-decoration: none;">
                <button style="
                    background: linear-gradient(135deg, #0f172a 0%, #1e293b 25%, #1e3a8a 50%, #073e96 75%, #025272 100%);
                    color: white;
                    border: none;
                    border-radius: 30px;
                    padding: 12px 20px;
                    font-size: 14px;
                    font-weight: bold;
                    cursor: pointer;
                    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.3), 0 0 25px rgba(59, 130, 246, 0.2);
                    transition: all 0.3s ease;
                    display: flex;
                    align-items: center;
                    gap: 8px;
                " onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 20px rgba(30, 58, 138, 0.5), 0 0 35px rgba(59, 130, 246, 0.3)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 15px rgba(30, 58, 138, 0.3), 0 0 25px rgba(59, 130, 246, 0.2)'">
                    My socials and projects
                </button>
            </a>
        </div>
</body>
</html>