webpage/index.html at main · Weebo64/webpage · 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Weebo64</title>
    <link rel="icon" type="image/png" href="images/Weebo_logo.png">
    <meta property="og:title" content="Weebo64">
    <meta property="og:description"
        content="23 year old hobby developer specializing in Super Mario 64 and Mario Kart Wii">
    <meta property="og:type" content="website">
    <meta name="theme-color" content="#9F0FA3">
    <meta name="twitter:card" content="summary_large_image">
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap" rel="stylesheet">
</head>

<body>
    <div id="loading-screen">
        <div class="loader">
            <div class="loader-circle"></div>
            <div class="loader-text">Weebo64</div>
        </div>
    </div>
    <div class="floating-renders">
        <img src="images/Weebo.png" alt="Weebo" class="render render-1">
        <img src="images/WeebOwO.png" alt="WeebOwO" class="render render-2">
        <img src="images/weebo64.png" alt="Weebo64" class="render render-3">
        <img src="images/weebowo64.png" alt="WeebOwO64" class="render render-4">
        <img src="images/Weebo_logo.png" alt="Weebo Logo" class="render render-logo render-logo-1">
        <img src="images/Weebo_logo.png" alt="Weebo Logo" class="render render-logo render-logo-2">
        <img src="images/Weebo_logo.png" alt="Weebo Logo" class="render render-logo render-logo-3">
    </div>
    <div class="theme-switcher">
        <button id="theme-toggle" aria-label="Toggle theme">
            <span class="theme-icon">🌙</span>
        </button>
        <div class="theme-menu" id="theme-menu">
            <button class="theme-option" data-theme="dark">🌙 Dark</button>
            <button class="theme-option" data-theme="light">☀️ Light</button>
            <button class="theme-option" data-theme="auto">💻 System</button>
        </div>
    </div>
    <div class="discord-widget" id="discord-widget">
        <div class="discord-header">
            <svg class="discord-logo" viewBox="0 0 127.14 96.36" xmlns="http://www.w3.org/2000/svg">
                <path fill="currentColor"
                    d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z" />
            </svg>
            <span class="discord-title">Discord Status</span>
            <button class="discord-close" id="discord-close">?</button>
        </div>
        <div class="discord-content" id="discord-content">
            <div class="discord-loading">Loading...</div>
        </div>
    </div>
    <button class="discord-toggle" id="discord-toggle" aria-label="Toggle Discord Status">
        <svg class="discord-icon" viewBox="0 0 127.14 96.36" xmlns="http://www.w3.org/2000/svg">
            <path fill="currentColor"
                d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z" />
        </svg>
    </button>
    <div class="container">
        <header>
            <section class="avatar-section">
                <div class="avatar-container">
                    <img src="images/Weebo_Avatar.png" alt="Weebo Avatar" class="avatar-image">
                </div>
            </section>
            <div class="hero-section">
                <h1>Weebo64</h1>
                <p class="subtitle">Developer & 3D Modder</p>
                <p class="tagline">Making custom models and experiences for Mario Kart Wii & Super Mario 64</p>
            </div>
        </header>
        <section class="about">
            <h2>About Me</h2>
            <p>
                Hey there! I'm <strong>Weebo</strong> (also known as <strong>Weebo64</strong>), a 24-year-old hobby
                developer
                with a passion for bringing creative ideas to life. I specialize in creating custom 3D models for
                <span class="highlight">Super Mario 64</span> and <span class="highlight">Mario Kart Wii</span>,
                pushing the boundaries of what's possible in these classic games.
            </p>
            <p>
                When I'm not modeling, I'm actively contributing to the modding community as a code and community contributor for
                <span class="highlight">Retro Rewind</span>, leader and developer for <span class="highlight">Silly Kart Wii</span>,
                developer for <span class="highlight">Insane Kart Wii</span> and a Code Contributor for <span class="highlight">Retro Rewind</span>,
                and moderator for <span class="highlight">IKWFC</span>.
                I love being part of communities that keep these games alive and thriving.
            </p>
        </section>
        <section class="skills">
            <h2>What I Do</h2>
            <div class="skills-grid">
                <div class="skill-card">
                    <div class="skill-icon">🎮</div>
                    <h3>Game Modding</h3>
                    <p>Custom models and modifications for Mario Kart Wii and Super Mario 64</p>
                </div>
                <div class="skill-card">
                    <div class="skill-icon">🎨</div>
                    <h3>3D Modeling</h3>
                    <p>Creating detailed character models and assets for classic Nintendo games</p>
                </div>
                <div class="skill-card">
                    <div class="skill-icon">💻</div>
                    <h3>Development</h3>
                    <p>Contributing to major modpacks like Retro Rewind and Insane Kart Wii</p>
                </div>
                <div class="skill-card">
                    <div class="skill-icon">🛡️</div>
                    <h3>Community Management</h3>
                    <p>Moderating RetroWFC and IKWFC communities</p>
                </div>
            </div>
        </section>
        <section class="quick-links">
            <h2>Quick Links</h2>
            <div class="quick-links-grid">
                <a href="projects/" class="quick-link-card">
                    <div class="quick-link-icon">🚀</div>
                    <h3>View Projects</h3>
                    <p>Check out my work and contributions</p>
                </a>
                <a href="pages/" class="quick-link-card">
                    <div class="quick-link-icon">📄</div>
                    <h3>Explore Pages</h3>
                    <p>Discover all available pages and tools</p>
                </a>
                <a href="contact/" class="quick-link-card">
                    <div class="quick-link-icon">💬</div>
                    <h3>Get in Touch</h3>
                    <p>Connect with me on social media</p>
                </a>
            </div>
        </section>
        <footer>
            <p>Made with 💜 by Weebo64</p>
            <p class="footer-note">am silly asf</p>
        </footer>
    </div>
    <script src="stars.js"></script>
    <script src="script.js"></script>
</body>

</html>