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 xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<style>
|
||||
body {
|
||||
background-repeat: no-repeat;
|
||||
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>
|
||||
<html><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
|
||||
<link rel="icon" type="image/x-icon" href="https://ipfs.copylaradio.com/ipfs/QmNwECbSL6xihpS2QLpts8a8Boekk3rEVGeySuzg83jTDA/favicon.ico">
|
||||
<title>Astroport Ŋ1 - Ğ1 - IPFS</title>
|
||||
<link rel="stylesheet" href="/ipfs/QmVuJCKVp57b3HzwDRAoURonaFwWTwvoqq2Am2JoSQhdPz/index_fichiers/demo.css">
|
||||
<script src="G1PalPay_fichiers/jquery-3.6.3.min.js"></script>
|
||||
<script src="G1PalPay_fichiers/instascan.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="pic" style="visibility:hidden;"><img src="/localhost/404.png" alt="Light bulb"/></div>
|
||||
<div class="infotxt">
|
||||
<div id="head">?</div>
|
||||
<div id="urltag" style="visibility:hidden;">proxerror</div>
|
||||
<div id="reason" style="visibility:hidden;">You are looking for the sun? ask IPFS.</div>
|
||||
<body>
|
||||
<center>
|
||||
<h1>SCANNEZ VOTRE QRCODE (CESIUM)</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>
|
||||
|
||||
|
||||
<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 id="w3cs">
|
||||
<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>
|
||||
<div id="footer">Olympe Network brings <a href="https://olympe.network/">free hosting</a> outside datacenters. Sauve qui peut !</div>
|
||||
</body>
|
||||
</html>
|
||||
<div class="modal-body">
|
||||
<div id="speed-wrapper-auto-scrolling">
|
||||
<strong>Scrolling speed(scroll/sec):</strong>
|
||||
<input type="number" class="scrolling-speed" id="scrolling-speed" value="20">
|
||||
<p>The value is scrolling speed. A unit is scroll / sec.<br>
|
||||
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