| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Retro Game Player</title> |
| <style> |
| *{margin:0;padding:0;box-sizing:border-box} |
| body{background:#1a1a2e;color:#e0e0e0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;display:flex;flex-direction:column} |
| .header{background:#16213e;padding:30px 20px;text-align:center;border-bottom:3px solid #e94560} |
| .header h1{color:#e94560;font-size:2.4em;margin-bottom:5px} |
| .header p{color:#888;font-size:1.05em} |
| .container{max-width:900px;margin:40px auto;padding:0 20px;flex:1;width:100%} |
| .intro{text-align:center;margin-bottom:40px} |
| .intro h2{font-size:1.5em;margin-bottom:10px;color:#e0e0e0} |
| .intro p{color:#888;font-size:.95em;line-height:1.6;max-width:600px;margin:0 auto} |
| .console-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px} |
| .console-card{background:#16213e;border:2px solid #0f3460;border-radius:12px;padding:30px;text-align:center;cursor:pointer;transition:all .25s;text-decoration:none;color:inherit;display:block} |
| .console-card:hover{border-color:#e94560;transform:translateY(-4px);box-shadow:0 8px 30px rgba(233,69,96,.2)} |
| .console-icon{font-size:4em;margin-bottom:15px;display:block} |
| .console-card h3{color:#e94560;font-size:1.5em;margin-bottom:8px} |
| .console-card .console-year{color:#4ecca3;font-size:.85em;font-weight:700;margin-bottom:12px} |
| .console-card p{color:#888;font-size:.88em;line-height:1.5} |
| .console-card .console-specs{margin-top:15px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap} |
| .spec-badge{background:#1a1a2e;border:1px solid #0f3460;border-radius:6px;padding:5px 12px;font-size:.78em;color:#aaa} |
| .spec-badge strong{color:#e0e0e0} |
| .coming-soon{opacity:.5;pointer-events:none;position:relative} |
| .coming-soon::after{content:'COMING SOON';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(233,69,96,.9);color:#fff;padding:8px 20px;border-radius:6px;font-size:1.1em;font-weight:700;letter-spacing:1px} |
| footer{background:#16213e;text-align:center;padding:15px;border-top:1px solid #0f3460;color:#888;font-size:.9em} |
| footer .heart{color:#e94560;font-size:1.1em} |
| @media(max-width:600px){ |
| .header h1{font-size:1.6em} |
| .header{padding:20px 15px} |
| .container{margin:20px auto} |
| .console-icon{font-size:3em} |
| } |
| </style> |
| </head> |
| <body> |
| <div class="header"> |
| <h1>🎮 Retro Game Player</h1> |
| <p>Play classic console games in your browser • Powered by EmulatorJS</p> |
| </div> |
| <div class="container"> |
| <div class="intro"> |
| <h2>Choose Your Console</h2> |
| <p>Select a gaming platform below to browse and play its game library. Games run directly in your browser with full on-screen touch controls on mobile.</p> |
| </div> |
| <div class="console-grid"> |
| <a href="/nes/" class="console-card"> |
| <span class="console-icon">💾</span> |
| <h3>NES</h3> |
| <div class="console-year">Nintendo Entertainment System • 1983</div> |
| <p>The console that revived the video game industry. Home to legendary titles like Super Mario Bros., The Legend of Zelda, and Mega Man. Features a simple but iconic 2-button controller (A & B).</p> |
| <div class="console-specs"> |
| <span class="spec-badge"><strong>8-bit</strong> CPU</span> |
| <span class="spec-badge"><strong>2</strong> Buttons</span> |
| <span class="spec-badge"><strong>.nes</strong> ROMs</span> |
| </div> |
| </a> |
| <a href="/snes/" class="console-card"> |
| <span class="console-icon">🎳</span> |
| <h3>SNES</h3> |
| <div class="console-year">Super Nintendo • 1990</div> |
| <p>The 16-bit powerhouse with an iconic 4-button diamond layout (A, B, X, Y) plus shoulder buttons. Home to Chrono Trigger, Super Mario World, A Link to the Past, and hundreds more masterpieces.</p> |
| <div class="console-specs"> |
| <span class="spec-badge"><strong>16-bit</strong> CPU</span> |
| <span class="spec-badge"><strong>4+2</strong> Buttons</span> |
| <span class="spec-badge"><strong>.sfc/.smc</strong> ROMs</span> |
| </div> |
| </a> |
| </div> |
| </div> |
| <footer>Built and Hosted by Parveen Bhadoo <span class="heart">❤</span></footer> |
| </body> |
| </html> |
