codebluejay.github.io/index.html at master · CodeBlueJay/codebluejay.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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GitHub Home Base</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="icon" type="image/x-icon" href="favicon.png">
    <style>

    </style>
</head>
<body>
    <nav>
        <ul>
            <li><a href="#" onclick="showSection('home')">Home</a></li>
            <li><a href="#" onclick="showSection('sites')">Sites</a></li>
            <li><a href="#" onclick="showSection('python')">Python Projects</a></li>
            <li><a href="#" onclick="showSection('gba-rom-hacks')">GBA Rom Hacks</a></li>
            <li><a href="#" onclick="showSection('cyberpatriot')">Cyberpatriot</a></li>
            <li><a href="#" onclick="showSection('about')">About</a></li>
        </ul>
    </nav>

    <section id="home" class="content-section">
        <div class="hero">
            <img src="https://avatars.githubusercontent.com/u/104836315?v=4" alt="CodeBlueJay Avatar" class="hero-avatar">
            <div class="hero-content">
                <h1>Welcome to <span class="highlight">CodeBlueJay</span></h1>
                <p class="hero-subtitle">Your central hub for projects, tools, and creative experiments.</p>
                <a href="#" class="hero-cta" onclick="showSection('sites'); return false;">Explore My Sites</a>
            </div>
        </div>
    </section>

    <section id="sites" class="content-section" style="display: none;">
        <div class="container">
            <h2>Sites</h2>
            <br>
            <input type="text" id="searchBar" onkeyup="searchSites()" placeholder="Search for sites...">
            <div id="siteList">
                <div class="repo-card">
                    <a href="https://codebluejay.github.io/quizlet/" target="_blank">The Quizlet Site</a>
                    <p>https://codebluejay.github.io/quizlet/</p>
                    <p>The place of infinite Quizlet practice tests.</p>
                </div>
                <div class="repo-card">
                    <a href="https://codebluejay.github.io/game-idle/" target="_blank">Game Idle</a>
                    <p>https://codebluejay.github.io/game-idle/</p>
                    <p>The most fire idle game I have created.</p>
                </div>
                <div class="repo-card">
                    <a href="https://codebluejay.github.io/countryballs/#" target="_blank">Countryballs Database</a>
                    <p>https://codebluejay.github.io/countryballs/#</p>
                    <p>The place of my countryball drawings.</p>
                </div>
                <div class="repo-card">
                    <a href="https://codebluejay.github.io/poke-roms/" target="_blank">Pokemon ROM Library</a>
                    <p>https://codebluejay.github.io/poke-roms/</p>
                    <p>Pokemon ROM collection. Still working on getting all of 'em.</p>
                </div>
                <div class="repo-card">
                    <a href="https://codebluejay.github.io/code-editor/" target="_blank">Text Editor</a>
                    <p>https://codebluejay.github.io/code-editor/</p>
                    <p>Experimental IDE with Local Saves, Download, and Upload.</p>
                </div>
                <div class="repo-card">
                    <a href="https://codebluejay.github.io/15_different_gerbils/" target="_blank">15 Different Gerbils</a>
                    <p>https://codebluejay.github.io/15_different_gerbils/</p>
                    <p>My friend's personal request.</p>
                </div>
                <div class="repo-card">
                    <a href="https://codebluejay.github.io/math-tools/" target="_blank">Math Tools</a>
                    <p>https://codebluejay.github.io/math-tools/</p>
                    <p>MAFTH TOOLS</p>
                </div>
            </div>
        </div>
    </section>

    <section id="python" class="content-section" style="display: none;">
        <div class="container">
            <h2>Python Projects</h2>
            <p>Content for Python projects will go here.</p>
            <br>
            <div class="python-card">
                <h3>EvoSpin</h3>
                <a href="https://github.com/CodeBlueJay/EvoSpin" target="_blank" style="color:#ffd700; font-weight:bold; text-decoration:underline;">Github Repository</a>
                <p>An RNG-based Discord Bot that lets you collect things and evolve them into better forms.</p>
            </div>
        </div>
    </section>

    <section id="gba-rom-hacks" class="content-section" style="display: none;">
        <div class="container">
            <h2>GBA Rom Hacks</h2>
            <p>Content for GBA Rom Hacks will go here.</p>
        </div>
    </section>

    <section id="about" class="content-section" style="display: none;">
        <div class="container">
            <h2>About</h2>
            <p>I showcase my repositories here.</p>
        </div>
    </section>

    <section id="cyberpatriot" class="content-section" style="display: none;">
        <div class="container">
            <h2>Cyberpatriot</h2>
            <p>Content for Cyberpatriot will go here.</p>
        </div>
    </section>

    <footer>
        <div class="container">
            <p>&copy; 2024 GitHub Home Base. All rights reserved.</p>
        </div>
    </footer>

    <script src="scripts.js"></script>
</body>
</html>