Hack this page to enhance your QRCode dialog
This commit is contained in:
parent
ccc807dfd5
commit
bb829938cf
|
@ -1,92 +1,151 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
<html><head>
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
|
||||||
<head>
|
<link rel="icon" type="image/x-icon" href="https://ipfs.copylaradio.com/ipfs/QmNwECbSL6xihpS2QLpts8a8Boekk3rEVGeySuzg83jTDA/favicon.ico">
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<title>Astroport Ŋ1 - Ğ1 - IPFS</title>
|
||||||
<style>
|
<link rel="stylesheet" href="/ipfs/QmVuJCKVp57b3HzwDRAoURonaFwWTwvoqq2Am2JoSQhdPz/index_fichiers/demo.css">
|
||||||
body {
|
<script src="G1PalPay_fichiers/jquery-3.6.3.min.js"></script>
|
||||||
background-repeat: no-repeat;
|
<script src="G1PalPay_fichiers/instascan.min.js"></script>
|
||||||
background-color: #303030;
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
div {
|
|
||||||
color: white ;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:link {
|
|
||||||
color: lightgray;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
|
||||||
color: lightblue;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.infotxt {
|
|
||||||
float:right;
|
|
||||||
text-align: center;
|
|
||||||
width: 60%;
|
|
||||||
margin: 5% auto 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#head {
|
|
||||||
font-size:300%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#urltag {
|
|
||||||
color: #f05050;
|
|
||||||
font-size:150%;
|
|
||||||
text-shadow: 2px 2px 2px #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
#reason {
|
|
||||||
font-size:150%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer {
|
|
||||||
position : absolute;
|
|
||||||
font-size: .6em;
|
|
||||||
bottom : 0;
|
|
||||||
height : 20px;
|
|
||||||
margin-top : 40px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#w3cs {
|
|
||||||
position : absolute;
|
|
||||||
font-size: .6em;
|
|
||||||
bottom : 0;
|
|
||||||
height : 60px;
|
|
||||||
margin-top : 40px;
|
|
||||||
}
|
|
||||||
#pic {
|
|
||||||
position:absolute;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script type="text/javascript">
|
|
||||||
window.onload = function() {
|
|
||||||
document.getElementById('urltag').innerHTML = document.location; // location.protocol + '//' + location.host; //
|
|
||||||
setTimeout(function(){document.getElementById('pic').style.visibility = "visible";},800);
|
|
||||||
setTimeout(function(){document.getElementById('urltag').style.visibility = "visible";},2000);
|
|
||||||
setTimeout(function(){document.getElementById('reason').style.visibility = "visible";},2000);
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<title>Ğ1 PalPay - Offrez de la JUNE et un TW à vos amis -</title>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="pic" style="visibility:hidden;"><img src="/localhost/404.png" alt="Light bulb"/></div>
|
<center>
|
||||||
<div class="infotxt">
|
<h1>SCANNEZ VOTRE QRCODE (CESIUM)</h1>
|
||||||
<div id="head">?</div>
|
|
||||||
<div id="urltag" style="visibility:hidden;">proxerror</div>
|
<video id="preview" style="transform: scaleX(-1);width: 240px;height: 240px;" autoplay="autoplay" class="active"></video>
|
||||||
<div id="reason" style="visibility:hidden;">You are looking for the sun? ask IPFS.</div>
|
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });
|
||||||
|
scanner.addListener('scan', function (content) {
|
||||||
|
alert(content);
|
||||||
|
$.ajax({
|
||||||
|
url: "http://astroport.localhost:1234",
|
||||||
|
data: "qrcode="+content,
|
||||||
|
type: 'GET'
|
||||||
|
});
|
||||||
|
//
|
||||||
|
// BORIS STUFF COMES HERE
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
Instascan.Camera.getCameras().then(function (cameras) {
|
||||||
|
|
||||||
|
if (cameras.length > 0) {
|
||||||
|
|
||||||
|
scanner.start(cameras[0]);
|
||||||
|
|
||||||
|
} else {
|
||||||
|
|
||||||
|
console.error('No cameras found.');
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}).catch(function (e) {
|
||||||
|
|
||||||
|
console.error(e);
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<h2> - Activez votre Capsule IPFS - </h2>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="wrapper-auto-scrolling" style="display: none;"><div id="modal-auto-scrolling" class="modal">
|
||||||
|
<a href="#close" class="modal-overlay" data-close-modal-auto-scrolling="" aria-label="Close"></a>
|
||||||
|
<div class="modal-container">
|
||||||
|
<div class="modal-header">
|
||||||
|
<a href="#close" class="btn btn-clear float-right" data-close-modal-auto-scrolling="" aria-label="Close"></a>
|
||||||
|
<div class="modal-title h3">Options | AutoScrolling</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="w3cs">
|
<div class="modal-body">
|
||||||
<a href="//validator.w3.org/check?uri=referer"><img src="//www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="32" width="88" /></a>
|
<div id="speed-wrapper-auto-scrolling">
|
||||||
</div>
|
<strong>Scrolling speed(scroll/sec):</strong>
|
||||||
<div id="footer">Olympe Network brings <a href="https://olympe.network/">free hosting</a> outside datacenters. Sauve qui peut !</div>
|
<input type="number" class="scrolling-speed" id="scrolling-speed" value="20">
|
||||||
</body>
|
<p>The value is scrolling speed. A unit is scroll / sec.<br>
|
||||||
</html>
|
Max is 3000, and min is 1.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>Enable transmission scrolling:</strong>
|
||||||
|
<input type="checkbox" id="enable-transmission-scrolling">
|
||||||
|
<p class="mb-0">
|
||||||
|
If enabled, you can change scrolling speed per gear.
|
||||||
|
The gears are Slow / Middle / Fast.
|
||||||
|
The gears are cycled between
|
||||||
|
<mark>Slow</mark>, <mark>Middle</mark>, <mark>Fast</mark>
|
||||||
|
by <i>single/double-clicking</i> browser icon.
|
||||||
|
</p>
|
||||||
|
<table id="transmission-wrapper-auto-scrolling" class="d-hide">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th>Fast:</th>
|
||||||
|
<td><input type="number" class="scrolling-speed" id="transmission-gear-of-fast" value="2000">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>Middle:</th>
|
||||||
|
<td><input type="number" class="scrolling-speed" id="transmission-gear-of-middle" value="500">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>Slow:</th>
|
||||||
|
<td><input type="number" class="scrolling-speed" id="transmission-gear-of-slow" value="20">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<p></p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>Scrolling stop by click:</strong>
|
||||||
|
<input type="checkbox" id="stop-scrolling-by-click">
|
||||||
|
<p>If enabled the option, scrolling is stopped when you click the scrolling window.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>Stop scrolling by cursor hovering over something:</strong>
|
||||||
|
<input type="checkbox" id="stop-scrolling-by-click-on-hover">
|
||||||
|
<p>If enabled the option, scrolling is stopped temporally when mouse cursor is hovering over something.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>Keyboard shortcut for single-click action:</strong>
|
||||||
|
<input type="text" id="keybind-single-click" value="Alt+Shift+PageDown">
|
||||||
|
<p class="mb-0">Fire a single-click action by keyboard shortcut<br>
|
||||||
|
</p><ul>
|
||||||
|
<li>Start scrolling when window is stopped</li>
|
||||||
|
<li>Stop scrolling when window is scrolling</li>
|
||||||
|
<li>Close option modal window when the window is opened</li>
|
||||||
|
</ul>
|
||||||
|
The keybind should be a combination of keycodes concatenated with the '+' sign. <br>
|
||||||
|
<i>Ex: Ctrl+Shift+Insert.</i><br>
|
||||||
|
Check out the link for the keycodes: <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands#Key_combinations" target="_blank">Key combinations</a><br>
|
||||||
|
<span class="text-gray">Notice: Some key combinations are reserved by the browser and can't be reassigned to this.<span><p></p>
|
||||||
|
</span></span></div>
|
||||||
|
<div>
|
||||||
|
<strong>Stop scrolling on focus out:</strong>
|
||||||
|
<input type="checkbox" id="stop-scrolling-on-focus-out">
|
||||||
|
<p>If enabled the option, scrolling is stopped when focus for the browser is moved to another application or browser window.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>Disable double click action:</strong>
|
||||||
|
<input type="checkbox" id="disable-double-click">
|
||||||
|
<p class="mb-0">If enabled the option</p>
|
||||||
|
<ul>
|
||||||
|
<li>cannot open modal window</li>
|
||||||
|
<li>start/stop scrolling is immediately</li>
|
||||||
|
</ul>
|
||||||
|
<p></p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>Restore scrolling from switch back:</strong>
|
||||||
|
<input type="checkbox" id="restore-scrolling-from-switch-back">
|
||||||
|
<p>If this option is enabled, scrolling which stopped by tab changing restarts when user is back to a tab that was scrolling.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>Stop when bottom of window:</strong>
|
||||||
|
<input type="checkbox" id="stop-when-bottom-of-window" checked="checked">
|
||||||
|
<p>If enabled, scrolling is stopped when window position is reached at bottom.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div></div></body></html>
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,57 @@
|
||||||
|
<html><head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<link rel="icon" type="image/x-icon" href="https://ipfs.copylaradio.com/ipfs/QmNwECbSL6xihpS2QLpts8a8Boekk3rEVGeySuzg83jTDA/favicon.ico">
|
||||||
|
<title>Astroport.ONE - SAVE PLANET EARTH - IPFS / La<3BOX / IRL GAMING made by LaSTI /</title>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="/ipfs/QmVuJCKVp57b3HzwDRAoURonaFwWTwvoqq2Am2JoSQhdPz/index_fichiers/demo.css">
|
||||||
|
|
||||||
|
<script type="text/javascript" src="/ipfs/QmVuJCKVp57b3HzwDRAoURonaFwWTwvoqq2Am2JoSQhdPz/index_fichiers/jquery-3.6.3.min.js"></script>
|
||||||
|
<script type="text/javascript" src="/ipfs/QmVuJCKVp57b3HzwDRAoURonaFwWTwvoqq2Am2JoSQhdPz/index_fichiers/instascan.min.js"></script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<center>
|
||||||
|
<h1>SCANNEZ VOTRE QRCODE (<a href=https://cesium.app>CESIUM</a>)</h1>
|
||||||
|
|
||||||
|
<video id="preview" style="transform: scaleX(-1);width: 240px;height: 240px;" autoplay="autoplay" class="active"></video>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });
|
||||||
|
scanner.addListener('scan', function (content) {
|
||||||
|
alert(content);
|
||||||
|
$.ajax({
|
||||||
|
url: "http://astroport.localhost:1234",
|
||||||
|
data: "qrcode="+content,
|
||||||
|
type: 'GET'
|
||||||
|
});
|
||||||
|
//
|
||||||
|
// BORIS STUFF COMES HERE
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
Instascan.Camera.getCameras().then(function (cameras) {
|
||||||
|
|
||||||
|
if (cameras.length > 0) {
|
||||||
|
|
||||||
|
scanner.start(cameras[0]);
|
||||||
|
|
||||||
|
} else {
|
||||||
|
|
||||||
|
console.error('No cameras found.');
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}).catch(function (e) {
|
||||||
|
|
||||||
|
console.error(e);
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<h2> - Activez votre Capsule IPFS - </h2>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
</body></html>
|
Loading…
Reference in New Issue