mirror of
https://github.com/QuiteAFancyEmerald/Holy-Unblocker.git
synced 2025-05-15 21:00:00 -04:00
Updated Gameboy Page
This commit is contained in:
TheEmeraldStarr
parent
5353e9bf94
commit
66adab8463
3 changed files with 82 additions and 177 deletions
10
public/assets/js/config.js
Normal file
10
public/assets/js/config.js
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
// configuration
|
||||||
|
var opts = {
|
||||||
|
romReaders: [
|
||||||
|
new GameboyJS.RomFileReader(),
|
||||||
|
new GameboyJS.RomDropFileReader(document.getElementById('dropzone'))
|
||||||
|
]
|
||||||
|
};
|
||||||
|
var g = new GameboyJS.Gameboy(document.getElementById('canvas'), opts);
|
||||||
|
g.setSoundEnabled(document.getElementById('sound-enable').checked);
|
||||||
|
g.setScreenZoom(document.getElementById('screen-zoom').value);
|
||||||
249
public/m.html
249
public/m.html
|
|
@ -9,202 +9,97 @@
|
||||||
<meta name="description" content="G​et p​ast in​te​r​net ce​n​s​or​sh​ip tod​a​y!
|
<meta name="description" content="G​et p​ast in​te​r​net ce​n​s​or​sh​ip tod​a​y!
|
||||||
:D">
|
:D">
|
||||||
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/i.png">
|
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/i.png">
|
||||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat+Alternates">
|
|
||||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700">
|
|
||||||
<link rel="stylesheet" href="/assets/fonts/ionicons.min.css">
|
|
||||||
<link rel="stylesheet" href="/assets/css/Button-Change-Text-on-Hover.css">
|
|
||||||
<link rel="stylesheet" href="/assets/css/Customizable-Background--Overlay.css">
|
|
||||||
<link rel="stylesheet" href="/assets/css/Footer-Dark.css">
|
|
||||||
<link rel="stylesheet" href="/assets/css/Header-Dark.css">
|
|
||||||
<link rel="application/javascript" href="/assets/js/games.js">
|
|
||||||
<script type="module" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.esm.js"></script>
|
|
||||||
<script nomodule="" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.js"></script>
|
|
||||||
<link rel="stylesheet" href="/assets/css/gb.css" type="text/css" />
|
<link rel="stylesheet" href="/assets/css/gb.css" type="text/css" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="header-dark" style="background-color: rgb(0,0,0);background-image: url("assets/img/black.jpg");">
|
|
||||||
<nav class="navbar navbar-dark navbar-expand-lg navigation-clean-search" style="height: 100px;">
|
|
||||||
<div class="container"><a class="navbar-brand" style="font-family: 'Montserrat Alternates', sans-serif;font-size: 21px;margin: 10px;font-style: normal;font-weight: bold;" href="/">Ho<wbr>ly Unbl<wbr>ock<wbr>er</a><button data-toggle="collapse" class="navbar-toggler"
|
|
||||||
data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
|
|
||||||
<div class="collapse navbar-collapse" id="navcol-1">
|
|
||||||
<ul class="nav navbar-nav ml-auto">
|
|
||||||
<li class="nav-item" role="presentation"><a class="nav-link active" href="/z.html" style="font-family: 'Montserrat Alternates', sans-serif;">Su<wbr>rf Fr<wbr>eely</a></li>
|
|
||||||
<li class="nav-item" role="presentation"><a class="nav-link" href="/g.html" style="font-family: 'Montserrat Alternates', sans-serif;">G<wbr>ames</a></li>
|
|
||||||
<li class="nav-item" role="presentation"><a class="nav-link" href="/yt.html" style="font-family: 'Montserrat Alternates', sans-serif;">YouT<wbr>ube</a></li>
|
|
||||||
<li class="nav-item" role="presentation"><a class="nav-link" href="/p.html" style="font-family: 'Montserrat Alternates', sans-serif;">Di<wbr>scord</a></li>
|
|
||||||
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#" style="opacity: 0.80;color: rgb(255,255,255);font-family: 'Montserrat Alternates', sans-serif;">More</a>
|
|
||||||
<div class="dropdown-menu" role="menu" style="background-color: rgb(33,30,30);font-family: 'Titillium Web', sans-serif;padding: 17%;padding-top: 10%;padding-bottom: 10%;"><a class="dropdown-item text-left text-white-50" role="presentation" href="/k.html" style="color: rgb(255,255,255);padding: 0%;font-family: Lato, sans-serif;">Kr<wbr>un<wbr>ker</a><a class="dropdown-item text-left text-white-50"
|
|
||||||
role="presentation" href="/info.html" style="color: rgb(255,255,255);padding: 0%;font-family: Lato, sans-serif;">Docs</a><a class="dropdown-item text-white-50" role="presentation" href="/c.html" style="color: rgb(255,255,255);padding: 0%;font-family: Lato, sans-serif;">Credits</a></div>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link text-white" data-toggle="dropdown" aria-expanded="false" href="#" style="opacity: 0.80;font-family: 'Montserrat Alternates', sans-serif;">Options</a>
|
|
||||||
<div id="csel" class="dropdown-menu" role="menu" style="background-color: rgb(33,30,30);padding: 17%;padding-top: 10%;padding-bottom: 10%;">
|
|
||||||
<style>
|
|
||||||
.csel input[type="submit"] {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<p style="font-size: 20px; font-family: 'Montserrat Alternates', sans-serif;">Tab Cl<wbr>oak</p>
|
|
||||||
<p style="font-size: 14px; font-family: 'Montserrat Alternates', sans-serif;">Change the Tab Title.</p>
|
|
||||||
<form id="titleform"><input class="bg-dark border rounded-0 border shadow-lg" type="text" placeholder="Tab Title" style="width: 100%; height: 40px; font-family: 'Montserrat Alternates', sans-serif;" />
|
|
||||||
<input class="btn btn-dark btn-lg bg-dark border-dark rounded-0 border shadow-lg" type="submit" value="Apply" style="width: 100%;padding: 8px;margin: 0px;height: 90%;font-family: 'Montserrat Alternates', sans-serif;font-size: 16px;">
|
|
||||||
</form>
|
|
||||||
<p style="font-size: 14px; font-family: 'Montserrat Alternates', sans-serif;">Change the Tab Icon.</p>
|
|
||||||
<form id="iconform"><input class="bg-dark border rounded-0 border shadow-lg" type="url" placeholder="Icon URL" style="width: 100%; height: 40px; font-family: 'Montserrat Alternates', sans-serif;" />
|
|
||||||
<input class="btn btn-dark btn-lg bg-dark border-dark rounded-0 border shadow-lg" type="submit" value="Apply" style="width: 100%;padding: 8px;margin: 0px;height: 90%;font-family: 'Montserrat Alternates', sans-serif;font-size: 16px;">
|
|
||||||
<a href="/i.html">How To Find Icon URL</a>
|
|
||||||
</form>
|
|
||||||
<script src="assets/js/header.js"></script>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<div id="container">
|
<header>
|
||||||
<h1>Gameboy Emulator</h1>
|
<h1>Gameboy Emulator</h1>
|
||||||
<div class="canvas-container"><canvas id="canvas">Your browser does not seem to support canvas.</canvas></div>
|
</header>
|
||||||
|
|
||||||
<p class="commands">
|
<div id="container">
|
||||||
<button onclick="g.pause(true);">Pause</button>
|
|
||||||
<button onclick="g.pause(false);">Run</button>
|
<div class="canvas-container"><canvas id="canvas">Your browser does not seem to support canvas.</canvas></div>
|
||||||
</p>
|
|
||||||
<p class="commands">
|
<p class="commands">
|
||||||
<label><input id="sound-enable" type="checkbox" onchange="g.setSoundEnabled(this.checked);"/> Enable sound (experimental)</label>
|
<button onclick="g.pause(true);">Pause</button>
|
||||||
</p>
|
<button onclick="g.pause(false);">Run</button>
|
||||||
<p class="commands">
|
</p>
|
||||||
<label>
|
<p class="commands">
|
||||||
|
<label><input id="sound-enable" type="checkbox" onchange="g.setSoundEnabled(this.checked);"/> Enable sound (experimental)</label>
|
||||||
|
</p>
|
||||||
|
<p class="commands">
|
||||||
|
<label>
|
||||||
Screen zoom
|
Screen zoom
|
||||||
<select id="screen-zoom" onchange="g.setScreenZoom(this.value);">
|
<select id="screen-zoom" onchange="g.setScreenZoom(this.value);">
|
||||||
<option value="1">1</option>
|
<option value="1">Small</option>
|
||||||
<option value="2">2</option>
|
<option value="2">Medium</option>
|
||||||
<option value="3">3</option>
|
<option value="3">Large</option>
|
||||||
</select>
|
</select>
|
||||||
</label>
|
</label>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
<span id="status"></span> <span id="game-name"></span>
|
<span id="status"></span> <span id="game-name"></span>
|
||||||
</p>
|
</p>
|
||||||
<p id="error" class="hide"></p>
|
<p id="error" class="hide"></p>
|
||||||
|
|
||||||
<div class="rom-section">
|
<div class="rom-section">
|
||||||
<div id="rom-file">
|
<div id="rom-file">
|
||||||
<label>Choose a ROM file on your computer: <input type="file" id="file"/></label>
|
<label>Choose a ROM file on your computer: <input type="file" id="file"/></label>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="rom-drop">
|
|
||||||
<div id="dropzone">
|
|
||||||
<p>
|
|
||||||
Or drop a ROM file here
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="keyboard-info">
|
<div id="rom-drop">
|
||||||
<p>Current keyboard mapping:</p>
|
<div id="dropzone">
|
||||||
<table>
|
<p>
|
||||||
<thead>
|
Or drop a ROM file here
|
||||||
<tr>
|
</p>
|
||||||
<th>Gameboy pad</th>
|
</div>
|
||||||
<th>Keyboard mapping</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>A</td>
|
|
||||||
<td>G</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>B</td>
|
|
||||||
<td>B</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>START</td>
|
|
||||||
<td>H</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>SELECT</td>
|
|
||||||
<td>N</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Directional pad</td>
|
|
||||||
<td>Arrow keys</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<footer>by <a href="https://github.com/juchi">@Juchi</a> | Follow me on <a href="https://twitter.com/j_chichignoud">Twitter</a></footer>
|
|
||||||
<div class="footer-dark" style="background-color: rgb(0,0,0);">
|
|
||||||
<footer>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-6 item text">
|
|
||||||
<h3><a href="/">Ho<wbr>ly Unb<wbr>loc<wbr>ker</a></h3>
|
|
||||||
<p>Made by Stud<wbr>ents, For Stu<wbr>dents. </p>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6 col-md-3 item">
|
|
||||||
<h3>Services</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a id="allink">Al<wbr>loy</a></li>
|
|
||||||
<li><a id="pmlink">PM P<wbr>ro<wbr>xy</a></li>
|
|
||||||
<li><a href="https://nodeclusters.com/">No<wbr>deClu<wbr>sters</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6 col-md-3 item">
|
|
||||||
<h3>About</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a id="hblink">G<wbr>itHub</a></li>
|
|
||||||
<li><a href="t.html">Privacy and Terms of Service</a></li>
|
|
||||||
<li><a href="c.html">Credits</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<!-- GitHub -->
|
|
||||||
<div class="col item social" style="margin: 2%;">
|
|
||||||
<a id="hblink">
|
|
||||||
<ion-icon name="logo-github"></ion-icon>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p class="copyright">Holy U<wbr>nblo<wbr>cke<wbr>r © 2020</p>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script type="text/javascript" src="/assets/js/gameboy.js"></script>
|
<div id="keyboard-info">
|
||||||
|
<p>Current keyboard mapping:</p>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Gameboy Pad</th>
|
||||||
|
<th>Keyboard Mapping</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>A</td>
|
||||||
|
<td>G</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>B</td>
|
||||||
|
<td>B</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>START</td>
|
||||||
|
<td>H</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>SELECT</td>
|
||||||
|
<td>N</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Directional pad</td>
|
||||||
|
<td>Arrow keys</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<footer>Created by <a href="https://github.com/juchi">@Juchi</a> | Follow me on <a href="https://twitter.com/j_chichignoud">Twitter</a></footer>
|
||||||
// configuration
|
|
||||||
var opts = {
|
|
||||||
romReaders: [
|
|
||||||
new GameboyJS.RomFileReader(),
|
|
||||||
new GameboyJS.RomDropFileReader(document.getElementById('dropzone'))
|
|
||||||
]
|
|
||||||
};
|
|
||||||
var g = new GameboyJS.Gameboy(document.getElementById('canvas'), opts);
|
|
||||||
g.setSoundEnabled(document.getElementById('sound-enable').checked);
|
|
||||||
g.setScreenZoom(document.getElementById('screen-zoom').value);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script>
|
</div>
|
||||||
(function(i, s, o, g, r, a, m) {
|
|
||||||
i['GoogleAnalyticsObject'] = r;
|
<script type="text/javascript" src="/assets/js/gb.js"></script>
|
||||||
i[r] = i[r] || function() {
|
|
||||||
(i[r].q = i[r].q || []).push(arguments)
|
<script type="text/javascript" src="/assets/js/config.js"></script>
|
||||||
}, i[r].l = 1 * new Date();
|
|
||||||
a = s.createElement(o),
|
|
||||||
m = s.getElementsByTagName(o)[0];
|
|
||||||
a.async = 1;
|
|
||||||
a.src = g;
|
|
||||||
m.parentNode.insertBefore(a, m)
|
|
||||||
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
|
||||||
ga('create', 'UA-41573790-2', 'auto');
|
|
||||||
ga('send', 'pageview');
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue