109 lines
6.0 KiB
HTML
109 lines
6.0 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
|
||
<title>RetroArch Web Player</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<!-- Bootstrap core CSS -->
|
||
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.3/css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
||
<!-- Font Awesome -->
|
||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
|
||
<!-- Material Design Bootstrap -->
|
||
<link href="//cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.1.1/css/mdb.min.css" rel="stylesheet">
|
||
|
||
<link href="libretro.css" rel="stylesheet" type="text/css">
|
||
<link rel="stylesheet" href="./steps.css">
|
||
<link rel="shortcut icon" href="https://web.libretro.com/media/retroarch.ico" />
|
||
</head>
|
||
<body>
|
||
<!--Navbar-->
|
||
<nav class="navbar navbar-dark bg-primary">
|
||
<div class="container">
|
||
<!--Links-->
|
||
<ul class="nav navbar-nav">
|
||
<div class="dropdown">
|
||
<li class="nav-item dropdown">
|
||
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Core Selection</button>
|
||
<div class="dropdown-menu dropdown-primary" aria-labelledby="dropdownMenu1" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut" id="core-selector">
|
||
<a class="dropdown-item" href="." data-core="chailove">ChaiLove</a>
|
||
<a class="dropdown-item" href="." data-core="fceumm">FCEUmm</a>
|
||
<a class="dropdown-item" href="." data-core="gambatte">Gambatte</a>
|
||
<a class="dropdown-item" href="." data-core="genesis_plus_gx">Genesis Plus GX</a>
|
||
<a class="dropdown-item" href="." data-core="nestopia">Nestopia (NES)</a>
|
||
<a class="dropdown-item" href="." data-core="snes9x2010">Snes9x 2010 (SNES)</a>
|
||
<a class="dropdown-item" href="." data-core="theodore">Theodore (Thomson TO8/TO9)</a>
|
||
<a class="dropdown-item" href="." data-core="vba_next">VBA Next (Gameboy Advance)</a>
|
||
</div>
|
||
<button class="btn btn-primary disabled" id="btnRun" onclick="startRetroArch()" disabled>
|
||
<span class="fa fa-spinner fa-spin" id="icnRun"></span> Run
|
||
</button>
|
||
|
||
<button class="btn btn-primary disabled" id="btnAdd" onclick="document.getElementById('btnRom').click()" disabled>
|
||
<span class="fa fa-plus" id="icnAdd"></span> Add Content
|
||
</button>
|
||
|
||
<button class="btn btn-primary tooltip-enable" id="btnClean" onclick="cleanupStorage();" title="Cleanup storage">
|
||
<span class="fa fa-trash-o" id="icnClean"></span> <span class="sr-only">Cleanup</span>
|
||
</button>
|
||
|
||
<input class="btn btn-primary disabled" style="display: none" type="file" id="btnRom" name="upload" onclick="document.getElementById('btnAdd').click();" onchange="selectFiles(event.target.files)" multiple />
|
||
<button class="btn btn-primary disabled tooltip-enable" id="btnMenu" onclick="keyPress(112);" title="Menu toggle" disabled>
|
||
<span class="fa fa-bars" id="btnMenu"></span> <span class="sr-only">Menu</span>
|
||
</button>
|
||
|
||
<button class="btn btn-primary disabled tooltip-enable" id="btnFullscreen" onclick="Module.requestFullScreen()" title="Fullscreen" disabled>
|
||
<span class="fa fa-desktop" id="icnAdd"></span> <span class="sr-only">Fullscreen</span>
|
||
</button>
|
||
|
||
</li>
|
||
</div>
|
||
</ul>
|
||
</div>
|
||
<!--/.navbar content-->
|
||
</div>
|
||
</nav>
|
||
<div class="bg-inverse webplayer-container">
|
||
<div class="container">
|
||
<div class="webplayer_border text-xs-center" id="canvas_div">
|
||
<canvas class="webplayer" id="canvas" tabindex="1" oncontextmenu="event.preventDefault()" style="display: none"></canvas>
|
||
<img class="webplayer-preview img-fluid" src="media/canvas.png" width="960px" height="720px" alt="RetroArch Logo">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--navbar content-->
|
||
<div class="navbar-toggleable-xs">
|
||
<div class="how-to-guide js-container">
|
||
<button type="button" class="button-close">×</button>
|
||
|
||
<div class="slide-view">
|
||
</div>
|
||
|
||
<div class="navigation">
|
||
<button type="button" class="button-nav js-nav disabled" data-nav="prev">Back</button>
|
||
<div class="nav-state">
|
||
<span class="current js-slide-no">1</span>/<span class="total">5</span>
|
||
</div>
|
||
<button type="button" class="button-nav js-nav" data-nav="next">Next</button>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="//code.jquery.com/jquery-3.1.0.min.js"></script>
|
||
<script src="//rawgit.com/jeresig/jquery.hotkeys/master/jquery.hotkeys.js"></script>
|
||
<script src="//cdnjs.cloudflare.com/ajax/libs/tether/1.3.4/js/tether.min.js"></script>
|
||
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.3/js/bootstrap.min.js"></script>
|
||
<script src="analytics.js"></script>
|
||
<!--script src="//wzrd.in/standalone/browserfs@0.6.1"></script-->
|
||
<script src="browserfs.min.js"></script>
|
||
<script src="libretro.js"></script>
|
||
<div align="center">
|
||
<a href="https://www.patreon.com/libretro">
|
||
<img src="https://patreon_public_assets.s3.amazonaws.com/sized/becomeAPatronBanner.png" width="350" height="116"></a>
|
||
<!-- partial -->
|
||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||
<script src='http://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.2/mustache.min.js'></script>
|
||
<script src="./steps.js"></script>
|
||
</div>
|
||
</body>
|
||
</html>
|