File size: 4,098 Bytes

4fe4a91

<!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>&#127918; Retro Game Player</h1>
<p>Play classic console games in your browser &bull; 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">&#128190;</span>
<h3>NES</h3>
<div class="console-year">Nintendo Entertainment System &bull; 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 &amp; 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">&#127923;</span>
<h3>SNES</h3>
<div class="console-year">Super Nintendo &bull; 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">&#10084;</span></footer>
</body>
</html>