2022-10-30 03:02:59 +01:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
2023-11-16 18:07:55 +01:00
< title > [Astroport] : ZenCard Application : _HOSTNAME_ :: _IPFSNODEID_ < / title >
2023-09-10 02:02:02 +02:00
< meta http-equiv = "refresh" content = "9999; url='http://127.0.0.1:12345'" / >
2022-10-30 03:02:59 +01:00
< link rel = "icon" type = "image/png" href = "http://127.0.0.1:8080/ipfs/QmaCh8mywWfxkXF3JziFzqZS6yZFo3eNS5fSfnzJqdSQvX/logo.png" / >
2022-12-25 23:46:35 +01:00
< link rel = "stylesheet" href = "http://127.0.0.1:8080/ipfs/QmaCh8mywWfxkXF3JziFzqZS6yZFo3eNS5fSfnzJqdSQvX/decoration.css" type = "text/css" / >
2022-10-30 03:02:59 +01:00
< link rel = "stylesheet" href = "http://127.0.0.1:8080/ipfs/QmaCh8mywWfxkXF3JziFzqZS6yZFo3eNS5fSfnzJqdSQvX/layout.css" type = "text/css" / >
2022-11-06 11:41:33 +01:00
< style >
body {
2022-11-06 13:03:23 +01:00
background-image:url("http://127.0.0.1:8080/ipfs/QmSFgatcq3q898J56epa8SyGbH651vRBFnv93kQSwfoi83/background.000.jpg");
2022-11-06 11:41:33 +01:00
background-repeat: no-repeat;
background-size: 100% 100%;
}
html {
height: 100%
}
2022-12-25 22:20:50 +01:00
header {
opacity: 0.8;
}
2022-11-06 12:13:19 +01:00
input[type=submit] {
width: 12em; height: 4em;
}
input[type=checkbox] {
width: 2em; height: 2em;
}
2022-11-06 12:27:37 +01:00
input {
2023-01-20 20:45:01 +01:00
width: 26em; height: 2em;
2022-11-06 12:27:37 +01:00
}
2022-12-25 15:12:32 +01:00
#yellow {
background: yellow;
position: absolute;
2023-10-03 00:33:27 +02:00
top: 1%;
2023-09-10 00:40:49 +02:00
right: 6%;
2023-09-01 03:56:55 +02:00
width: 180;
2023-09-25 12:15:01 +02:00
visibility: hidden;
2022-12-25 15:12:32 +01:00
}
2023-04-13 12:49:56 +02:00
#login {
right: 10%;
top: 5%
}
2023-09-04 15:20:43 +02:00
#countdown {
display: flex;
justify-content: center;
align-items: center;
color: #0e2c4c;
font-size: 40px;
width: 200px;
height: 125px;
background-color: #e7d9fc;
border-radius: 50%;
}
2023-09-09 17:11:53 +02:00
#aframe {
background: white;
color: black;
}
2023-12-31 19:22:16 +01:00
#toggleConsoleButton {
position: fixed;
top: 10px;
left: 10px;
cursor: pointer;
}
2023-09-09 17:11:53 +02:00
#console {
2023-11-26 17:07:48 +01:00
visibility: hidden;
2023-09-10 18:16:13 +02:00
background: rgba(0, 0, 0, 0.9); /* Adjust the background color and opacity as needed */
2023-09-09 17:11:53 +02:00
color: white;
2023-12-31 19:22:16 +01:00
width: 80%;
height: 45%;
2023-09-09 17:11:53 +02:00
position: absolute;
bottom: 0;
left: 0;
padding: 5px;
box-sizing: border-box;
}
2023-10-20 22:16:17 +02:00
a:visited{
color:blue;
}
a:link{
color:blue;
}
a:visited{
2023-10-20 22:22:12 +02:00
color:blue;
2023-10-20 22:16:17 +02:00
}
a:hover{
color:orange;
}
a:focus{
color:green;
}
a:active{
color:red;
}
2023-12-07 15:38:12 +01:00
input[name="uplanet"] {
padding: 10px; /* Adjust the padding as needed */
font-size: 18px; /* Adjust the font size as needed */
box-sizing: border-box; /* Include padding and border in the element's total width and height */
margin: 10px; /* Adjust the margin as needed */
}
2023-10-20 22:16:17 +02:00
2022-11-06 11:41:33 +01:00
< / style >
2023-03-10 18:33:28 +01:00
<!-- Astro API JS LIB -->
2023-04-15 15:45:23 +02:00
< script src = "http://127.0.0.1:8080/ipfs/Qmae5v9zydax9u6C9ceDijURu5PYdd5avmv4NkenCw7RFv/astro.js" > < / script >
2023-12-31 19:22:16 +01:00
< script >
function toggleConsole() {
const console = document.getElementById('console');
console.style.visibility = (console.style.visibility === 'visible' ? 'hidden' : 'visible');
}
function hideConsole() {
document.getElementById('console').style.visibility = 'hidden';
}
function toggleConsoleFullScreen() {
const console = document.getElementById('console');
if (console.style.width === '100%' & & console.style.height === '100%') {
console.style.width = '570px';
console.style.height = '480px';
} else {
console.style.width = '100%';
console.style.height = '100%';
}
}
< / script >
2022-10-30 03:02:59 +01:00
< / head >
< body >
< header >
2023-04-23 02:00:34 +02:00
2023-04-24 22:43:56 +02:00
<!--
2023-09-28 10:55:00 +02:00
< div id = "login" > < button onclick = "promptUser('login')" > LOGIN< / button > < button onclick = "promptUser('logout')" > LOGOUT< / button > < / div >
2023-04-24 22:43:56 +02:00
-->
2023-09-10 00:40:49 +02:00
<!--
2023-09-01 01:25:25 +02:00
< div >
2023-11-24 14:51:27 +01:00
< button onclick = "homeAstroportStation('/?qrcode=station', 'tab', 33000)" > ẐenStation< / button >
2023-09-01 01:25:25 +02:00
< / div >
2023-09-10 00:40:49 +02:00
-->
2023-12-31 19:22:16 +01:00
< button style = "position: fixed; top: 10px; left: 10px;" onclick = "toggleConsole()" > (-/+)< / button >
2023-04-07 13:33:20 +02:00
< span > < div id = "ainfo" > < / div > < / span >
< div id = "debug" > < / div >
2023-12-01 02:30:34 +01:00
<!--
2023-09-10 00:22:22 +02:00
< button onclick = "document.getElementById('console').style.visibility = 'visible'; homeAstroportStation( qrURL, 'aframe', 7000);" > UMap QR< / button >
2023-12-01 02:30:34 +01:00
-->
2023-04-23 01:13:07 +02:00
2022-10-30 03:02:59 +01:00
< / header >
< main >
< center >
2023-12-07 15:38:12 +01:00
< br > < br >
2023-10-09 16:50:14 +02:00
< form id = "formlink" action = "http://127.0.0.1:1234" method = "GET" enctype = "application/x-www-form-urlencoded" >
2023-09-01 01:25:25 +02:00
2024-02-29 14:20:39 +01:00
< h1 > < a href = "/" title = "/UPlanet" > U< / a > < span > Planet< / span >
< br > < span > < a id = "satLink" href = "#" title = "OSM Sat" > < < < * < / a > (< a href = "https://qo-op.com" title = "Navigate on UPlanet" > qo-op< / a > )< a id = "mapLink" href = "#" title = "OSM Map" > *>>> < / a > < / span > < / h1 >
2023-09-02 22:32:59 +02:00
2023-12-07 18:55:04 +01:00
< span > Enter Email< / span > < / br >
2023-12-07 15:38:12 +01:00
< input name = uplanet value = '' > < / br >
2023-09-01 01:25:25 +02:00
2023-10-23 17:07:59 +02:00
< br > [< span id = 'LAT' > < / span > ]-[< span id = 'LON' > < / span > ] < span > registration< / span > < br >
2023-01-20 20:45:01 +01:00
< div id = "yellow" >
2023-11-29 16:50:42 +01:00
< input name = 'zlat' value = '0.00' >
2023-10-23 17:07:59 +02:00
< h3 > < a target = "info" title = "CHECK PORT" href = "http://127.0.0.1:12345" > >>> [(♥‿‿♥)] < < < < / a >
2023-09-03 18:56:17 +02:00
< / h3 >
2023-11-29 16:50:42 +01:00
< input name = 'zlon' value = '0.00' > < br >
2023-09-02 22:32:59 +02:00
< / div >
2023-09-06 00:21:08 +02:00
< input type = hidden name = g1pub value = '' > < / br >
2023-09-03 18:56:17 +02:00
2023-10-23 17:07:59 +02:00
< input id = 'submit' type = 'submit' value = '(◕‿‿◕)' >
2024-01-07 23:16:00 +01:00
< br >
< a href = "https://opencollective.com/monnaie-libre/" target = "funding" title = "ASTROPORT FUNDING" > - (^‿‿^) -< / a >
< br >
2023-09-10 15:38:32 +02:00
2024-01-07 23:16:00 +01:00
< span id = 'countdown' > UPlanet< / span >
2023-03-12 22:31:11 +01:00
2022-10-30 03:02:59 +01:00
< / form >
2023-09-03 18:56:17 +02:00
2024-02-02 19:37:00 +01:00
< div id = "console" > ___ < a href = "https://pad.p2p.legal/p/Astroport_AIDE" target = "aframe" title = "UPlanet" > HELP< / a > ___
2023-12-31 19:22:16 +01:00
< button id = "fullscreenButton" onclick = "toggleConsoleFullScreen()" > ^^< / button > < button onclick = "hideConsole()" > X < / button >
2023-11-26 17:07:48 +01:00
< iframe name = "aframe" id = "aframe" src = "https://pad.p2p.legal/p/Astroport_AIDE" width = "100%" height = "100%" > < / iframe >
2023-09-09 17:11:53 +02:00
< / div >
2023-12-03 22:15:46 +01:00
< span >
2023-11-26 17:07:48 +01:00
< a href = "https://github.com/papiche/Astroport.ONE" > Astroport.ONE< / a >
< / span >
2023-09-28 17:03:25 +02:00
< 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 >
2024-01-01 04:48:35 +01:00
< h2 >
2024-02-15 16:07:01 +01:00
< a target = "pad" href = "https://ipfs.copylaradio.com/ipfs/QmdGGAukDepUiH63YgnMsvb4BySNPqM2bLz81bx4rjqCJD/?room=UPLANET" > UPlanet VIDEO ROOM< / a >
2024-01-01 04:48:35 +01:00
< / h2 >
2023-09-28 10:55:00 +02:00
< / center >
2022-10-30 03:02:59 +01:00
< / main >
< / body >
2024-03-29 12:12:05 +01:00
< script >
// Function to detect the browser language
function detectBrowserLanguage() {
// Check if the browser supports navigator.language
if (navigator.language) {
return navigator.language;
}
// For browsers that don't support navigator.language, fallback to navigator.browserLanguage
else if (navigator.browserLanguage) {
return navigator.browserLanguage;
}
// If neither is supported, return a default language
else {
return 'en'; // default to English if no language information is available
}
}
// Function to change iframe source based on browser language
function changeIframeSrc() {
var browserLanguage = detectBrowserLanguage();
var iframe = document.getElementById('aframe');
// Construct the new URL based on the detected language
var newSrc = 'https://pad.p2p.legal/Astroport_1234_' + browserLanguage;
iframe.src = newSrc;
const passElement = document.querySelector('input[name="g1pub"]');
passElement.value = browserLanguage;
}
// Call the function to change iframe source
changeIframeSrc();
< / script >
2023-01-03 16:40:07 +01:00
< script >
2023-10-19 17:52:40 +02:00
2023-09-01 01:25:25 +02:00
// Extract latitude and longitude from URL parameters
2023-09-01 03:56:55 +02:00
document.addEventListener('DOMContentLoaded', function() {
2023-09-01 01:25:25 +02:00
const urlParams = new URLSearchParams(window.location.search);
2023-11-29 16:50:42 +01:00
const zlat = urlParams.get('zlat');
const zlon = urlParams.get('zlon');
2023-09-01 03:56:55 +02:00
const uplanet = urlParams.get('uplanet');
2023-09-01 01:25:25 +02:00
// Set latitude and longitude values to hidden inputs
2023-11-29 16:50:42 +01:00
const latElement = document.querySelector('input[name="zlat"]');
const lonElement = document.querySelector('input[name="zlon"]');
2023-09-01 03:56:55 +02:00
const uplanetElement = document.querySelector('input[name="uplanet"]');
2023-09-08 16:58:00 +02:00
if (latElement & & lonElement) {
2023-11-29 16:50:42 +01:00
latElement.value = zlat || '0.00'; // Default to '0.00' if lat is missing
lonElement.value = zlon || '0.00'; // Default to '0.00' if lon is missing
2023-09-10 02:21:32 +02:00
uplanetElement.value = uplanet || '@'; // Default to '0.00' if lon is missing
2023-09-08 16:58:00 +02:00
}
2023-09-06 00:21:08 +02:00
2023-09-08 16:50:35 +02:00
// Decalage de - 0.05° = MAP coord SW
2023-09-08 16:58:00 +02:00
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
2023-09-08 16:50:35 +02:00
2023-12-06 13:09:47 +01:00
const satURL = `https://qo-op.com/sat_render.html?southWestLat=${latMAP}&southWestLon=${lonMAP}°=0.1`;
2023-09-08 16:58:00 +02:00
document.getElementById("satLink").href = satURL;
2023-12-06 13:09:47 +01:00
const mapURL = `https://qo-op.com/map_render.html?southWestLat=${latMAP}&southWestLon=${lonMAP}°=0.1`;
2023-09-08 16:58:00 +02:00
document.getElementById("mapLink").href = mapURL;
2023-09-03 18:56:17 +02:00
2023-09-06 00:21:08 +02:00
document.getElementById("LAT").innerHTML = latElement.value ;
document.getElementById("LON").innerHTML = lonElement.value ;
2023-09-10 15:43:46 +02:00
if (uplanetElement.value === "@" || uplanetElement.value === "") {
2023-09-10 15:38:32 +02:00
// Hide the countdown div
const countdownDiv = document.getElementById('countdown');
if (countdownDiv) { // Check if the element exists
countdownDiv.style.visibility = 'hidden';
}
2023-09-10 15:43:46 +02:00
} else {
2023-09-10 15:38:32 +02:00
const submitDiv = document.getElementById('submit');
if (submitDiv) { // Check if the element exists
submitDiv.style.visibility = 'hidden';
}
}
2023-09-01 03:56:55 +02:00
});
2023-01-03 16:40:07 +01:00
< / script >
2022-10-30 03:02:59 +01:00
< script >
2023-11-26 17:07:48 +01:00
const yel = document.getElementById('yellow');
2022-12-25 15:12:32 +01:00
setTimeout(() => {
2023-11-26 17:07:48 +01:00
yel.style.visibility = 'visible';
2023-09-01 01:25:25 +02:00
}, 5456); // 👈️ delay in milliseconds
2022-12-25 15:12:32 +01:00
2022-10-30 03:02:59 +01:00
< / script >
2023-03-12 22:31:11 +01:00
< script >
2022-10-30 03:02:59 +01:00
2023-03-27 17:26:19 +02:00
let cookies = document.cookie;
console.log(cookies);
2023-09-02 03:19:07 +02:00
document.getElementById("countdown").innerHTML = "";
2023-09-10 15:38:32 +02:00
var timeLeft = 90;
2023-03-12 22:31:11 +01:00
var elem = document.getElementById("countdown");
var timerId = setInterval(countdown, 999);
function countdown() {
if (timeLeft == -1) {
2023-09-10 15:38:32 +02:00
document.getElementById('countdown').style.visibility = 'visible';
2023-03-12 22:31:11 +01:00
clearTimeout(timerId);
2023-09-10 01:05:05 +02:00
elem.innerHTML = "< a href = http://127.0.0.1:12345 target = 'aframe' > RETRY< / a > "
document.getElementById('aframe').src = 'http://127.0.0.1:12345';
document.getElementById('console').style.visibility = 'visible';
2023-03-12 22:31:11 +01:00
} else {
2023-09-02 03:19:07 +02:00
elem.innerHTML = timeLeft + " s";
2023-03-12 22:31:11 +01:00
timeLeft--;
}
}
// promptUser();
< / script >
2023-04-28 03:30:07 +02:00
2022-10-30 03:02:59 +01:00
< / html >
