summaryrefslogtreecommitdiff
path: root/2026/games/just__jane/index.html
diff options
context:
space:
mode:
authorLLLL Colonq <llll@colonq>2026-08-03 19:36:31 -0400
committerLLLL Colonq <llll@colonq>2026-08-03 19:36:31 -0400
commita75221ab93f59d688f90cd83f0284ff98951fcfa (patch)
tree215c9480f5b1bfdf63f9a0141b06a7cbefaab2e8 /2026/games/just__jane/index.html
parent9127154100230e8d60ab5139fb1bc626b24068ee (diff)
Update
Diffstat (limited to '2026/games/just__jane/index.html')
-rw-r--r--2026/games/just__jane/index.html191
1 files changed, 0 insertions, 191 deletions
diff --git a/2026/games/just__jane/index.html b/2026/games/just__jane/index.html
deleted file mode 100644
index 73f18d3..0000000
--- a/2026/games/just__jane/index.html
+++ /dev/null
@@ -1,191 +0,0 @@
-<!doctype html>
-<html lang="en-us">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>Sakura Samurai</title>
- <style>body {
- background-color: rgba(0.2, 0.2, 0.2, 1.0);
- font-family: arial;
- margin: 0;
- padding: none;
-}
-
-.emscripten { position: absolute; top: 0px; left: 0px; width: 100vw; height: 100vh; }
-div.emscripten { text-align: center; }
-div.emscripten_border { border: 1px solid black; }
-/* the canvas *must not* have any border or padding, or mouse coords will be wrong */
-canvas.emscripten { border: 0px none; background-color: black; }
-
-#emscripten_logo {
- display: inline-block;
- margin: 0;
- padding: 6px;
- width: 265px;
-}
-
-.spinner {
- height: 30px;
- width: 30px;
- margin: 0;
- margin-top: 20px;
- margin-left: 20px;
- display: inline-block;
- vertical-align: top;
-
- -webkit-animation: rotation .8s linear infinite;
- -moz-animation: rotation .8s linear infinite;
- -o-animation: rotation .8s linear infinite;
- animation: rotation 0.8s linear infinite;
-
- border-left: 5px solid rgb(235, 235, 235);
- border-right: 5px solid rgb(235, 235, 235);
- border-bottom: 5px solid rgb(235, 235, 235);
- border-top: 5px solid rgb(120, 120, 120);
-
- border-radius: 100%;
- background-color: rgb(189, 215, 46);
-}
-
-@-webkit-keyframes rotation {
- from {-webkit-transform: rotate(0deg);}
- to {-webkit-transform: rotate(360deg);}
-}
-@-moz-keyframes rotation {
- from {-moz-transform: rotate(0deg);}
- to {-moz-transform: rotate(360deg);}
-}
-@-o-keyframes rotation {
- from {-o-transform: rotate(0deg);}
- to {-o-transform: rotate(360deg);}
-}
-@keyframes rotation {
- from {transform: rotate(0deg);}
- to {transform: rotate(360deg);}
-}
-
-#status {
- display: inline-block;
- vertical-align: top;
- margin-top: 30px;
- margin-left: 20px;
- font-weight: bold;
- color: rgb(120, 120, 120);
-}
-
-#progress {
- height: 20px;
- width: 300px;
-}
-
-#controls {
- display: inline-block;
- float: right;
- vertical-align: top;
- margin-top: 30px;
- margin-right: 20px;
-}
-
-#output {
- width: 100%;
- height: 200px;
- margin: 0 auto;
- margin-top: 10px;
- border-left: 0px;
- border-right: 0px;
- padding-left: 0px;
- padding-right: 0px;
- display: block;
- background-color: black;
- color: white;
- font-family: 'Lucida Console', Monaco, monospace;
- outline: none;
-}
-</style>
- </head>
- <body>
-
- <div class="spinner" id='spinner'></div>
- <div class="emscripten" id="status">Downloading...</div>
-
- <div class="emscripten">
- <progress value="0" max="100" id="progress" hidden=1></progress>
- </div>
-
- <canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()" tabindex=-1></canvas>
-
- <script type='text/javascript'>
- var statusElement = document.getElementById('status');
- var progressElement = document.getElementById('progress');
- var spinnerElement = document.getElementById('spinner');
- var canvasElement = document.getElementById('canvas');
- var outputElement = document.getElementById('output');
- if (outputElement) outputElement.value = ''; // clear browser cache
-
- // As a default initial behavior, pop up an alert when webgl context is lost. To make your
- // application robust, you may want to override this behavior before shipping!
- // See http://www.khronos.org/registry/webgl/specs/latest/1.0/#5.15.2
- canvasElement.addEventListener('webglcontextlost', (e) => {
- alert('WebGL context lost. You will need to reload the page.');
- e.preventDefault();
- }, false);
-
- var setStatus = (text) => {
- if (!setStatus.last) setStatus.last = { time: Date.now(), text: '' };
- if (text === setStatus.last.text) return;
- var m = text.match(/([^(]+)\((\d+(\.\d+)?)\/(\d+)\)/);
- var now = Date.now();
- // if this is a progress update, skip it if too soon
- if (m && now - setStatus.last.time < 30) return;
- setStatus.last.time = now;
- setStatus.last.text = text;
- if (m) {
- text = m[1];
- progressElement.value = parseInt(m[2])*100;
- progressElement.max = parseInt(m[4])*100;
- progressElement.hidden = false;
- spinnerElement.hidden = false;
- } else {
- progressElement.value = null;
- progressElement.max = null;
- progressElement.hidden = true;
- if (!text) spinnerElement.style.display = 'none';
- }
- statusElement.innerHTML = text;
- };
-
- var Module = {
- print(...args) {
- console.log(...args);
- // These replacements are necessary if you render to raw HTML
- //text = text.replace(/&/g, "&amp;");
- //text = text.replace(/</g, "&lt;");
- //text = text.replace(/>/g, "&gt;");
- //text = text.replace('\n', '<br>', 'g');
- if (outputElement) {
- var text = args.join(' ');
- outputElement.value += text + "\n";
- outputElement.scrollTop = outputElement.scrollHeight; // focus on bottom
- }
- },
- canvas: canvasElement,
- setStatus: setStatus,
- totalDependencies: 0,
- monitorRunDependencies(left) {
- this.totalDependencies = Math.max(this.totalDependencies, left);
- setStatus(left ? 'Preparing... (' + (this.totalDependencies-left) + '/' + this.totalDependencies + ')' : 'All downloads complete.');
- }
- };
- setStatus('Downloading...');
- window.onerror = (event) => {
- // TODO: do not warn on ok events like simulating an infinite loop or exitStatus
- setStatus('Exception thrown, see JavaScript console');
- spinnerElement.style.display = 'none';
- setStatus = (text) => {
- if (text) console.error('[post-exception status] ' + text);
- };
- };
- </script>
- <script async type="text/javascript" src="sakura_samurai.js"></script>
- </body>
-</html>