fix: ARCADE portal - CDN EmulatorJS, ROM upload UI, NOMADZ branding

index.html

@@ -1,19 +1,107 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-    <title>NOMADZ CLOUD ARCADE</title>
-    <style>body, html { margin: 0; padding: 0; height: 100%; background-color: #000; overflow: hidden; } #game-container { width: 100vw; height: 100vh; }</style>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>NOMADZ CLOUD ARCADE</title>
+<style>
+*{margin:0;padding:0;box-sizing:border-box}
+body{background:#000;color:#0ff;font-family:'Courier New',monospace;min-height:100vh;overflow-x:hidden}
+.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.15) 2px,rgba(0,0,0,0.15) 4px)}
+.header{text-align:center;padding:20px;border-bottom:2px solid #0ff;text-shadow:0 0 20px #0ff}
+.header h1{font-size:2.5em;letter-spacing:8px;color:#0ff;animation:glow 2s ease-in-out infinite alternate}
+.header p{color:#f0f;letter-spacing:4px;margin-top:8px;font-size:0.9em}
+@keyframes glow{from{text-shadow:0 0 10px #0ff,0 0 20px #0ff}to{text-shadow:0 0 20px #0ff,0 0 40px #0ff,0 0 60px #0ff}}
+.portal{max-width:1000px;margin:30px auto;padding:0 20px}
+.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-bottom:25px}
+.ctrl-group{background:#001a1a;border:1px solid #0ff;padding:15px;border-radius:4px}
+.ctrl-group label{display:block;color:#0ff;font-size:0.75em;letter-spacing:2px;margin-bottom:8px}
+select,input[type=file]{width:100%;background:#000;color:#0ff;border:1px solid #0ff;padding:8px;font-family:inherit;font-size:0.85em;cursor:pointer}
+select:focus,input:focus{outline:none;border-color:#f0f;box-shadow:0 0 8px #f0f}
+.launch-btn{display:block;width:100%;padding:15px;background:transparent;border:2px solid #0ff;color:#0ff;font-family:'Courier New',monospace;font-size:1.2em;letter-spacing:6px;cursor:pointer;text-align:center;transition:all 0.3s;margin-bottom:25px}
+.launch-btn:hover{background:#0ff;color:#000;box-shadow:0 0 30px #0ff}
+#game-container{width:100%;background:#000;border:2px solid #0ff;min-height:500px;position:relative;display:none}
+#game-container.active{display:block}
+.idle-screen{text-align:center;padding:60px 20px;border:2px solid #0ff;background:#000}
+.idle-screen pre{color:#0ff;font-size:0.7em;line-height:1.2;text-shadow:0 0 5px #0ff}
+.idle-screen p{color:#f0f;margin-top:20px;letter-spacing:3px;animation:blink 1s step-end infinite}
+@keyframes blink{50%{opacity:0}}
+.status-bar{display:flex;justify-content:space-between;padding:8px 15px;background:#001a1a;border:1px solid #0ff;margin-bottom:25px;font-size:0.75em;letter-spacing:2px}
+.status-dot{width:8px;height:8px;border-radius:50%;background:#0f0;display:inline-block;margin-right:6px;animation:pulse 1.5s infinite}
+@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}
+.footer{text-align:center;padding:20px;border-top:1px solid #0ff;color:#0ff;font-size:0.7em;letter-spacing:3px;margin-top:30px}
+</style>
 </head>
 <body>
-    <div id="game-container"></div>
-    <script>
-        EJS_player = '#game-container';
-        EJS_core = 'snes';
-        EJS_gameUrl = 'ROM_VAULT/super_mario_world.smc';
-        EJS_pathtodata = 'data/';
-    </script>
-    <script src="data/loader.js"></script>
+<div class="scanlines"></div>
+<div class="header">
+<h1>NOMADZ</h1>
+<p>// CLOUD ARCADE // VULTURE:INC // 0VSol13 //</p>
+</div>
+<div class="portal">
+<div class="status-bar">
+<span><span class="status-dot"></span>SYSTEM ONLINE</span>
+<span>NODE: ARCADE-01</span>
+<span>EMULATORJS v4.0</span>
+</div>
+<div class="controls">
+<div class="ctrl-group">
+<label>// SYSTEM CORE //</label>
+<select id="core">
+<option value="snes">SNES</option>
+<option value="nes">NES</option>
+<option value="gba">GBA</option>
+<option value="n64">N64</option>
+<option value="genesis">GENESIS</option>
+<option value="arcade">ARCADE</option>
+</select>
+</div>
+<div class="ctrl-group">
+<label>// ROM FILE //</label>
+<input type="file" id="rom-file" accept=".smc,.sfc,.nes,.gba,.n64,.z64,.v64,.md,.bin,.rom,.zip">
+</div>
+<div class="ctrl-group">
+<label>// BIOS (OPTIONAL) //</label>
+<input type="file" id="bios-file" accept=".bin,.bios">
+</div>
+</div>
+<button class="launch-btn" onclick="launchGame()">[ INSERT COIN // LAUNCH ]</button>
+<div class="idle-screen" id="idle-screen">
+<pre>
+ ___  _ ___  ___  __   ___  __
+ | .\| |   \/   ||  \ /   ||  \
+ |   | | |\ /| ||   Y   ||    |
+ |__/|_|_| v |_||___|___||__/\|
+              ARCADE
+</pre>
+<p>&gt;&gt; SELECT CORE + LOAD ROM TO BEGIN &lt;&lt;</p>
+</div>
+<div id="game-container"></div>
+</div>
+<div class="footer">NOMADZ UNIVERSE // COSMIC-KEY PRODUCTIONS // ALL SYSTEMS NOMINAL</div>
+<script>
+function launchGame(){
+var romInput=document.getElementById('rom-file');
+var coreSelect=document.getElementById('core');
+var biosInput=document.getElementById('bios-file');
+if(!romInput.files||!romInput.files[0]){alert('LOAD A ROM FILE TO LAUNCH');return;}
+var romFile=romInput.files[0];
+var romUrl=URL.createObjectURL(romFile);
+var biosUrl=null;
+if(biosInput.files&&biosInput.files[0])biosUrl=URL.createObjectURL(biosInput.files[0]);
+document.getElementById('idle-screen').style.display='none';
+var gc=document.getElementById('game-container');
+gc.className='active';
+gc.innerHTML='';
+window.EJS_player='#game-container';
+window.EJS_core=coreSelect.value;
+window.EJS_gameUrl=romUrl;
+window.EJS_pathtodata='https://cdn.emulatorjs.org/stable/data/';
+if(biosUrl)window.EJS_biosUrl=biosUrl;
+var s=document.createElement('script');
+s.src='https://cdn.emulatorjs.org/stable/data/loader.js';
+document.body.appendChild(s);
+}
+</script>
 </body>
 </html>