7zeb.github.io/games.html at main · 7zeb/7zeb.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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>7Zeb Games</title>
    <!-- The style.css file allows you to change the look of your web pages.
         If you include the next line in all your web pages, they will all share the same look.
         This makes it easier to make new pages for your site. -->
    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
    <link rel="icon" type="image/x-icon" href="logos/logo8.png"></head>
  </head>
  <body>
       <nav class="navbar glass">
        <div class="nav-logo" style="font-size:1.5em;font-weight:bold;letter-spacing:0.05em;">7Zeb</div>
        <div class="nav-links">
            <a href="index.html" class="active">Home</a>
            <a href="/updates.html">Updates</a>
            <a href="/blog.html">Blog</a>
            <a href="/me.html">About Me</a>
            <a href="/more.html">More</a>
            <a href="https://BetaCity.github.io">BetaCity</a>
            <button class="mode-toggle" aria-label="Toggle dark mode">🌙</button
        </div>
    </nav>

    <main>
      <div class="main-flex">
        <div style="flex:2 1 0; min-width:0;">


    <section class="glass" id="home">
    <h1>7Zeb Games</h1>
    <p>All the games created by 7Zeb, they are online and created with p5.js</p>
    </section>

    <section class="glass" id="games">
    <a href="/games/orange-paint"><button>Orange Paint</button></a>
    <a href="/games/racingrectangle"><button>Racing Rectangle</button></a>
    <a href="/games/randombutton.html"><button>Draw shapes by clicking a button</button></a>
    <a href="/games/sun-game.html"><button>Sun Game</button></a>
    <a href="/games/green-paint.html"><button>Green Paint</button></a>
    <br>
    <a href="/games/2004-computer"><button>2004 Computer Monitor</button></a>
    <a href="/games/maze-game-v1"><button>Maze Game v1</button></a>
    <a href="/games/maze-game-v2"><button>Maze Game v2</button></a>
    </section>

    <section class="glass" id="game-dev-joruney">
    <h1>7Zeb's Game Dev Journy</h1>
    <h3>April 30, 2025 12:57 PM CDT</h3>
    <p>Ok, so Maze Game, which is a game I've wanted to add, is split into 2 releases, 1 (v1.0), which just has the maze game, while (v2.0) has new features such as a timer, into, how to play, and more. I will have a blog page created for the entire DevLog for Version 2.0, as v1.0 is already done.</p>
    <br>
    <h3>April 6, 2025 9:37 AM CDT</h3>
    <p>Welcome back, I added Green Paint to the games, I found the game randomly today, so I added it.</p>
    <br>
    <h3>April 4, 2025 12:36 PM CDT</h3>
    <p>Hi, I've made some improvements to this site, and also added a new game, so I'm going to explain everything new, first of all, I added the topnav to the site, so that's a huge win, and I also added a new game.</p>
    <br>
    <p>The new game is called Sun Game, you can increase or decrease the size of the sun, there is a weird glitch in it though, which is if you click on the increase size button, the sun will start turning white every time you click on it, of course this game was coded in p5.js, and the source code can be found in the Github.</p>
    </section>

        </div>
       <aside class="infobox glass" id="infobox">
              <!-- Content will be injected by infobox.js -->
            </aside>
            <script src="/infobox.js"></script>

          </div>
      </main>

    <!-- Footer -->
    <footer class="footer glass">
        <p>© 2026 Rutwik Stuff Branding Umbrella | This website is <a href="https://www.github.io/7zeb/website">open-source*</a></p>
        <p>Last modified on: April 30, 2026</p>
    </footer>
    <script src="newui.js"></script>
  </body>
</html>