games/index.html at main · dev-ananta/games · 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
<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>Unblocked Games</title>
  </head>

  <style>
    @font-face {
    font-family: myFirstFont;
    src: url(Chainwhacks.otf);
    }
    #logo-canvas, body {
      font-family: myFirstFont;
    }

    :root {
      --accent: #363844;
      --accent-dark: #272930;
      --muted: #b0b0b0;
      --bg: #000000;
      --card: #3f3e42;
      --max-width: 1100px;
      --radius: 12px;
      --shadow: 0 6px 20px rgba(0,0,0,0.08);
    }

    * { box-sizing: border-box; }

    html, body {
      font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      margin: 0;
      background: linear-gradient(180deg, #171717 25%, #2e2d2d 75%);
      color: #f5f5f5;
      line-height: 1.45;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: background 0.3s, color 0.3s;
    }

    .wrap { max-width: var(--max-width); margin: 32px auto; padding: 24px; }

    header { display:flex; gap:16px; align-items:center; margin-bottom:18px; }
    h1 { margin:0; font-size:24px; }
    .sub { color: var(--muted); font-size:14px; }
    nav { margin-top:12px; display:flex; gap:8px; flex-wrap:wrap; }

    main { display:block; margin-top:22px; }

    .card {
      background:var(--card); padding:16px; border-radius:var(--radius);
      box-shadow:var(--shadow); transition: background 0.3s, color 0.3s;
    }

    section > article.card { margin-top: 14px; }
    section > article.card:first-child { margin-top: 0; }

    .section-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
    .muted { color:var(--muted); font-size:13px; }
    .muted-block { color:var(--muted); font-size:13px; margin-top:8px; }

    .center { display:flex; align-items:center; gap:10px; }
    .cta { background:var(--accent); color:#fff; padding:10px 14px; border-radius:12px; font-weight:600; display:inline-block; font-size:13px; }

    footer { margin-top:22px; text-align:center; color:var(--muted); font-size:13px; padding:18px 0; }
  </style>

  <body class="dark">
    <div class="wrap">

    <header>
      <div class="logo" aria-label="Unblocked Games | Ananta the Developer - Logo">
        <img alt="🎮" width="32" height="32"/>
        <span>GameHub</span>
      </div>

      <div>
        <h1>Unblocked Games | Ananta the Developer</h1>
        <div class="sub">Your Playground Unblocked. Unrestricted Play, Unleash Your Game.</div>
      </div>
    </header>

    <main>
      <section>
        <article class="card">
          <div class="section-title">
            <h2>"Let's A Go!" - Mario</h2>
            <span class="muted small">Read The Instructions On How To Play A Game:</span>
          </div>

          <ul style="margin:0;padding-left:18px">
            <li><strong>Escape Road —</strong> <a href="./codepen.io/escape-road.html" target="_blank" rel="noopener">codepen.io/escape-road.html</a></li>
            <li><strong>2048 —</strong> <a href="./codepen.io/2048.html" target="_blank" rel="noopener">codepen.io/2048.html</a></li>
            <li><strong>Hangman —</strong> <a href="./codepen.io/hangman.html" target="_blank" rel="noopener">codepen.io/hangman.html</a></li>
            <li><strong>Timed Memory Game —</strong> <a href="./codepen.io/memory-timed-game.html" target="_blank" rel="noopener">codepen.io/memory-timed-game.html</a></li>
            <li><strong>Stack —</strong> <a href="./codepen.io/stack.html" target="_blank" rel="noopener">codepen.io/stack.html</a></li>
            <li><strong>OvO —</strong> <a href="./codepen.io/OvO.html" target="_blank" rel="noopener">codepen.io/OvO.html</a></li>
            <li><strong>House of Hazards —</strong> <a href="./codepen.io/hazard-house.html" target="_blank" rel="noopener">codepen.io/hazard-house.html</a></li>
            <li><strong>Minesweeper —</strong> <a href="./codepen.io/minesweeper.html" target="_blank" rel="noopener">codepen.io/minesweeper.html</a></li>
            <li><strong>Stick Hero —</strong> <a href="./codepen.io/stick-hero.html" target="_blank" rel="noopener">codepen.io/stick-hero.html</a></li>
            <li><strong>OvO 2 —</strong> <a href="./codepen.io/OvO2.html" target="_blank" rel="noopener">codepen.io/OvO2.html</a></li>
            <li><strong>N-Gon —</strong> <a href="./codepen.io/n-gon.html" target="_blank" rel="noopener">codepen.io/n-gon.html</a></li>
            <li><strong>Color Run —</strong> <a href="./codepen.io/color-run.html" target="_blank" rel="noopener">codepen.io/color-run.html</a></li>
            <li><strong>Platform Game Engine —</strong> <a href="./codepen.io/platform-game-engine.html" target="_blank" rel="noopener">codepen.io/platform-game-engine.html</a></li>
            <li><strong>Connect 4 —</strong> <a href="./codepen.io/connect4.html" target="_blank" rel="noopener">codepen.io/connect4.html</a></li>
            <li><strong>Platform Game —</strong> <a href="./codepen.io/platform-game.html" target="_blank" rel="noopener">codepen.io/platform-game.html</a></li>
            <li><strong>Tetris —</strong> <a href="./codepen.io/tetris.html" target="_blank" rel="noopener">codepen.io/tetris.html</a></li>
            <li><strong>Cookie Clicker —</strong> <a href="./codepen.io/cookie-clicker.html" target="_blank" rel="noopener">codepen.io/cookie-clicker.html</a></li>
            <li><strong>Platformer Game —</strong> <a href="./codepen.io/platformer.html" target="_blank" rel="noopener">codepen.io/platformer.html</a></li>
            <li><strong>Tic-Tac-Toe (2P) —</strong> <a href="./codepen.io/tic-tac-toe-2p.html" target="_blank" rel="noopener">codepen.io/tic-tac-toe-2p.html</a></li>
            <li><strong>Crossy Road —</strong> <a href="./codepen.io/crossy-road.html" target="_blank" rel="noopener">codepen.io/crossy-road.html</a></li>
            <li><strong>Polytrack —</strong> <a href="./codepen.io/polytrack.html" target="_blank" rel="noopener">codepen.io/polytrack.html</a></li>
            <li><strong>Tilting Maze —</strong> <a href="./codepen.io/tilting-maze.html" target="_blank" rel="noopener">codepen.io/tilting-maze.html</a></li>
            <li><strong>CSGO —</strong> <a href="./codepen.io/csgo.html" target="_blank" rel="noopener">codepen.io/csgo.html</a></li>
            <li><strong>Pong —</strong> <a href="./codepen.io/pong.html" target="_blank" rel="noopener">codepen.io/pong.html</a></li>
            <li><strong>Traffic Run —</strong> <a href="./codepen.io/traffic-run.html" target="_blank" rel="noopener">codepen.io/traffic-run.html</a></li>
            <li><strong>Deltarune —</strong> <a href="./codepen.io/deltarune.html" target="_blank" rel="noopener">codepen.io/deltarune.html</a></li>
            <li><strong>Lighthouse —</strong> <a href="./codepen.io/lighthouse.html" target="_blank" rel="noopener">codepen.io/lighthouse.html</a></li>
            <li><strong>Rubiks —</strong> <a href="./codepen.io/rubiks.html" target="_blank" rel="noopener">codepen.io/rubiks.html</a></li>
            <li><strong>Ultrakill —</strong> <a href="./codepen.io/ultrakill.html" target="_blank" rel="noopener">codepen.io/ultrakill.html</a></li>
            <li><strong>Developer Game —</strong> <a href="./codepen.io/developer-game.html" target="_blank" rel="noopener">codepen.io/developer-game.html</a></li>
            <li><strong>Long Road —</strong> <a href="./codepen.io/long-road.html" target="_blank" rel="noopener">codepen.io/long-road.html</a></li>
            <li><strong>Sandboxels —</strong> <a href="./codepen.io/sandboxels.html" target="_blank" rel="noopener">codepen.io/sandboxels.html</a></li>
            <li><strong>Word Guessing —</strong> <a href="./codepen.io/word-guessing.html" target="_blank" rel="noopener">codepen.io/word-guessing.html</a></li>
            <li><strong>Drive Mad —</strong> <a href="./codepen.io/drive-mad.html" target="_blank" rel="noopener">codepen.io/drive-mad.html</a></li>
            <li><strong>Maze —</strong> <a href="./codepen.io/maze.html" target="_blank" rel="noopener">codepen.io/maze.html</a></li>
            <li><strong>Game Stash —</strong> <a href="./codepen.io/game-stash.html" target="_blank" rel="noopener">codepen.io/game-stash.html</a></li>
            <li><strong>Memory Game (Pretty) —</strong> <a href="./codepen.io/memory-game-pretty.html" target="_blank" rel="noopener">codepen.io/memory-game-pretty.html</a></li>
            <li><strong>Snakes &amp; Ladders —</strong> <a href="./codepen.io/snakes-and-ladders.html" target="_blank" rel="noopener">codepen.io/snakes-and-ladders.html</a></li>
            <li><strong>Gorillas —</strong> <a href="./codepen.io/gorillas.html" target="_blank" rel="noopener">codepen.io/gorillas.html</a></li>
            <li><strong>Memory Game —</strong> <a href="./codepen.io/memory-game.html" target="_blank" rel="noopener">codepen.io/memory-game.html</a></li>
            <li><strong>Spell Cast —</strong> <a href="./codepen.io/spell-cast.html" target="_blank" rel="noopener">codepen.io/spell-cast.html</a></li>
          </ul>
        </article>
      </section>
    </main>
  </body>
</html>