Racket

A simple and fast unblocked game site with no ads — pick a game, and it runs directly in the browser.

Try it out at: https://zainojdaf.github.io/Racket

How simple is Racket?

• index.html — the site itself
• Readme.md — This is what you are reading right now.

Running it locally

• Clone this repo to VS Code or Codespaces
• Download the "Live Server" Extension
• CTRL + SHIFT + P
• type: Open with Live Server.

---

Adding a game for local testing

Find the <div class="game-grid" id="gameGrid"> section in index.html and duplicate one of the existing <a class="game-card"> blocks:

<a class="game-card" href="#" data-card
   data-game-url="https://gameurl.com"
   data-game-title="Game Name"
   onclick="openGame(event, this)">
  <div class="game-thumb">
    <img src="https://linktocover.png" alt="Game Name thumbnail" loading="lazy">
    <div class="play-overlay">
      <div class="play-circle">
        <svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
      </div>
    </div>
  </div>
  <div class="game-info">
    <span class="game-tag">Genre</span>
    <h3 class="game-title">Game Name</h3>
    <p class="game-desc">One or two sentences describing the game.</p>
  </div>
</a>

Update:

• data-game-url — the game's URL, this is what loads in the in-page player
• data-game-title — shown in the player's top bar
• thumbnail src, game-tag, game-title, game-desc, and the button text

A note on embedding games

Games open in an iframe inside this site rather than a new tab. Most sites (including GitHub Pages sites) allow this by default, but some sites block being embedded via X-Frame-Options or a Content-Security-Policy: frame-ancestors header. If a game you add won't load in the player, its own site is blocking embedding, but the New Tab button is there as a fallback for that case.