Astroport.ONE/templates/register.html

264 lines
9.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>[Astroport] : G1Visa Application : _HOSTNAME_ :: _IPFSNODEID_ </title>
<meta http-equiv="refresh" content="999; url='http://127.0.0.1:12345'" />
<link rel="icon" type="image/png" href="http://127.0.0.1:8080/ipfs/QmaCh8mywWfxkXF3JziFzqZS6yZFo3eNS5fSfnzJqdSQvX/logo.png" />
<link rel="stylesheet" href="http://127.0.0.1:8080/ipfs/QmaCh8mywWfxkXF3JziFzqZS6yZFo3eNS5fSfnzJqdSQvX/decoration.css" type="text/css" />
<link rel="stylesheet" href="http://127.0.0.1:8080/ipfs/QmaCh8mywWfxkXF3JziFzqZS6yZFo3eNS5fSfnzJqdSQvX/layout.css" type="text/css" />
<style>
body {
background-image:url("http://127.0.0.1:8080/ipfs/QmSFgatcq3q898J56epa8SyGbH651vRBFnv93kQSwfoi83/background.000.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
}
html {
height: 100%
}
header {
opacity: 0.8;
}
input[type=submit] {
width: 12em; height: 4em;
}
input[type=checkbox] {
width: 2em; height: 2em;
}
input {
width: 26em; height: 2em;
}
#yellow {
background: yellow;
position: absolute;
top: 2%;
left: 56%;
width: 180;
visibility: hidden;
}
#login {
right: 10%;
top: 5%
}
#countdown {
display: flex;
justify-content: center;
align-items: center;
color: #0e2c4c;
font-size: 40px;
width: 200px;
height: 125px;
background-color: #e7d9fc;
border-radius: 50%;
}
#aframe {
background: white;
color: black;
}
#console {
visibility: hidden;
background: rgba(0, 0, 0, 0.7); /* Adjust the background color and opacity as needed */
color: white;
width: 580px;
height: 580px;
position: absolute;
bottom: 0;
left: 0;
padding: 5px;
box-sizing: border-box;
}
</style>
<!-- Astro API JS LIB -->
<script src="http://127.0.0.1:8080/ipfs/Qmae5v9zydax9u6C9ceDijURu5PYdd5avmv4NkenCw7RFv/astro.js"></script>
<script>
// Prepare QRCode generator for this same page
var currentURL = window.location.href;
const amzURL = encodeURIComponent(currentURL);
const rooturl = currentURL.split('/?')[0];
const qrURL = `${rooturl}/?amzqr=${amzURL}&logo=G1WorldMap`;
console.log('qrURL = ' + qrURL);
</script>
</head>
<body>
<header>
<!--
<div id="login"><button onclick="promptUser('login')">LOGIN</button><button onclick="promptUser('logout')">LOGOUT</button></div>
-->
<div>
<button onclick="homeAstroportStation('/?qrcode=station', 'tab', 21654)">Ğ1Station</button>
</div>
<span><div id="ainfo"></div></span>
<div id="debug"></div>
<button onclick="document.getElementById('console').style.visibility = 'visible'; homeAstroportStation( qrURL, 'aframe', 3000);">Create UMap QRCode</button>
</header>
<main>
<center>
<b>Welkom - Mirë se vini - Willkommen - Welkomma - Welcome - Marhaban - Bari galoust - Xos gelmissiniz - Welkum - Ongi etorri- Swagata - Ansuf yiswen - ščyra zaprašajem - Kyo tzo pa eit - ॐ★ॐ - Ani kié - Dobro došli - Dagemer mat - Dobre doshŭl - Benvinguts - Ulihebisdi - ௐ- Huān yíng - Karibu - Eoso eoseyo - Benvenuti - Bel bonjou - Bienvini - Dobrodošli - Velkommen - Bienvenido - Bonvenon - Tere tulemast - Gabitê - Vælkomin - Tervetuloa - Welkom - Wìllkòmme - Binvignut - Fàilte - Benvido - Croeso - Planvenguda - Mikouabô - Kalos irthate - Eguahé porá - Baroukh habaim - ﷽ </b><br>
<header>
<form id="formlink" action = "http://127.0.0.1:1234" method = "GET" enctype="application/x-www-form-urlencoded">
<h1><a href="/">U</a><span>Planet</span>
<br><span><a id="satLink" href="#" title="Sat">&nbsp;*&nbsp;</a>(<a href="https://ipfs.copylaradio.com/ipns/copylaradio.com">qo-op</a>)<a id="mapLink" href="#" title="Map">&nbsp;*&nbsp;</a></span></h1>
<span>Email : </span><input name=uplanet value=''></br>
<div id="yellow">
<input name='salt' value='0.00'>
<h3><a target="info" title="CHECK BY YOURSELF" href="http://127.0.0.1:12345"> >>> (◕‿‿◕) <<< </a>
</h3>
<input name='pepper' value='0.00'><br>
</div>
<input type=hidden name=g1pub value=''></br>
(<span id='LAT'></span>:<span id='LON'></span>) registration<br>
<input type='submit' value='[(♥‿‿♥)]'>
</form>
<div id="console"><a href="https://pad.p2p.legal/s/Astroport.ONE#Imagine" target="aframe"> CONSOLE ____________</a> <button onclick="document.getElementById('console').style.visibility = 'hidden';">close</button>
<iframe name="aframe" id="aframe" src="https://pad.p2p.legal/s/Astroport.ONE#Imagine" width="100%" height="100%"></iframe>
</div>
<br>
<span><a href="https://pad.p2p.legal/s/Astroport.ONE">Astroport.</a>.<a href="https://github.com/papiche/Astroport.ONE">ONE</a>
<br> - Crypto Commons Playground -</span>
<h2>
<form method='get' action='http://g1billet.localhost:33101' target='aframe'>
<input type='hidden' name='montant' value='0' >
<label for='type'>Type :</label>
<select name='type'>
<option value=''>G1BILLET+ ( x 6 )</option>
<option value='jeu'>G1CARD</option>
<option value='xastro' selected>G1CARD+TW</option>
<option value='@astroport'>G1CARD+@</option>
</select>
<input type='hidden' name='dice' value='4' >&nbsp;&nbsp;&nbsp;&nbsp;
<button type='submit'>get more wallets...</button>
</form>
</h2>
<br>
<h1><span id='countdown'>G1Visa registration</span></h1>
</main>
</body>
<script>
// Extract latitude and longitude from URL parameters
document.addEventListener('DOMContentLoaded', function() {
const urlParams = new URLSearchParams(window.location.search);
const salt = urlParams.get('salt');
const pepper = urlParams.get('pepper');
const uplanet = urlParams.get('uplanet');
// Set latitude and longitude values to hidden inputs
const latElement = document.querySelector('input[name="salt"]');
const lonElement = document.querySelector('input[name="pepper"]');
const uplanetElement = document.querySelector('input[name="uplanet"]');
const passElement = document.querySelector('input[name="g1pub"]');
//~ // Generate a random 6-digit number and set it as the default value for "PASS"
if (passElement) {
const randomPass = Math.floor(100000 + Math.random() * 900000); // Generates a random 6-digit number
passElement.value = randomPass.toString();
}
if (latElement && lonElement) {
latElement.value = salt || '0.00'; // Default to '0.00' if lat is missing
lonElement.value = pepper || '0.00'; // Default to '0.00' if lon is missing
uplanetElement.value = '@'; // Default to '0.00' if lon is missing
}
// Decalage de - 0.05° = MAP coord SW
var latMAP = (parseFloat(latElement.value) - 0.05).toFixed(2); // Subtract 0.05 from latElement
var lonMAP = (parseFloat(lonElement.value) - 0.05).toFixed(2); // Subtract 0.05 from lonElement
const satURL = `https://ipfs.copylaradio.com/ipfs/Qmduhh6ERX74dx1LhJzB4Bw3ZzM91kAqmPE47BVfMWwYfm/sat_render.html?southWestLat=${latMAP}&southWestLon=${lonMAP}&deg=0.1`;
document.getElementById("satLink").href = satURL;
const mapURL = `https://ipfs.copylaradio.com/ipfs/Qmduhh6ERX74dx1LhJzB4Bw3ZzM91kAqmPE47BVfMWwYfm/map_render.html?southWestLat=${latMAP}&southWestLon=${lonMAP}&deg=0.1`;
document.getElementById("mapLink").href = mapURL;
document.getElementById("LAT").innerHTML = latElement.value ;
document.getElementById("LON").innerHTML = lonElement.value ;
});
</script>
<script>
const el = document.getElementById('yellow');
setTimeout(() => {
el.style.visibility = 'visible';
}, 5456); // 👈️ delay in milliseconds
var arrTimes = [];
var i = 0; // start
var timesToTest = 3;
var tThreshold = 300; //ms
var testImage = "https://ipfs.copylaradio.com/ipfs/QmUUyiuCM4yXgaeGyqC2SVUUXZksuxhDfHQYpUpZPuL2oS/astroport.jpg"; // small image in your server
var dummyImage = new Image();
var isConnectedFast = false;
testLatency(function(avg){
isConnectedFast = (avg <= tThreshold);
/** output */
document.body.appendChild(
document.createTextNode("- IPFS swarm delay - " + (avg.toFixed(2)) + "ms - ♥Box ready ? " + isConnectedFast)
);
});
/** test and average time took to download image from server, called recursively timesToTest times */
function testLatency(cb) {
var tStart = new Date().getTime();
if (i<timesToTest-1) {
dummyImage.src = testImage + '?t=' + tStart;
dummyImage.onload = function() {
var tEnd = new Date().getTime();
var tTimeTook = tEnd-tStart;
arrTimes[i] = tTimeTook;
testLatency(cb);
i++;
};
} else {
/** calculate average of array items then callback */
var sum = arrTimes.reduce(function(a, b) { return a + b; });
var avg = sum / arrTimes.length;
cb(avg);
}
}
</script>
<script>
let cookies = document.cookie;
console.log(cookies);
document.getElementById("countdown").innerHTML = "";
var timeLeft = 42;
var elem = document.getElementById("countdown");
var timerId = setInterval(countdown, 999);
function countdown() {
if (timeLeft == -1) {
clearTimeout(timerId);
elem.innerHTML = "<a href=http://127.0.0.1:12345>OK</a>"
} else {
elem.innerHTML = timeLeft + " s";
timeLeft--;
}
}
// promptUser();
</script>
</html>