.game-thumb width: 100%; aspect-ratio: 16 / 9; background: #1e2533; border-radius: 1rem; display: flex; align-items: center; justify-content: center; font-size: 3rem;
"games": [ "id": "snake", "title": "SNAKE", "desc": "classic arcade snake", "thumb": "๐", "path": "games/snake/index.html" , "id": "tetris", "title": "TETRIS", "desc": "stack & clear", "thumb": "๐งฉ", "path": "games/tetris/index.html" , "id": "platformer", "title": "PLATFORMER", "desc": "jump & run", "thumb": "๐", "path": "games/platformer/index.html" ] only.games.github
Your live URL will be: https://<your-username>.github.io/only.games.github only.games.github/ โโโ index.html โโโ style.css โโโ games/ โ โโโ snake/ โ โ โโโ index.html โ โ โโโ script.js โ โ โโโ style.css โ โโโ tetris/ โ โ โโโ ... โ โโโ platformer/ โ โโโ ... โโโ assets/ โ โโโ favicon.ico โ โโโ placeholder.png โโโ README.md 4. Core HTML (index.html) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>only.games โ classic arcade</title> <link rel="stylesheet" href="style.css"> <link rel="icon" type="image/x-icon" href="assets/favicon.ico"> </head> <body> <header> <h1>๐ฎ only.games</h1> <p>no launchers. no logins. just games.</p> </header> <main class="game-grid" id="gameGrid"> <!-- dynamically loaded from games.json --> </main> <footer> <span>โก hosted on GitHub Pages</span> </footer> <script src="script.js"></script> </body> </html> 5. Style (style.css) * margin: 0; padding: 0; box-sizing: border-box; Core HTML (index