2023-11-30 18:23:35 +01:00
<!DOCTYPE html>
< html >
< head >
2023-12-01 17:25:10 +01:00
< title > UPlanet : _ZONE_ : TW from UMAPS < / title >
2023-11-30 18:23:35 +01:00
< meta charset = "UTF-8" >
< link rel = "icon" type = "image/x-icon" href = "./favicon.ico" >
< link rel = "stylesheet" href = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/index_fichiers/demo.css" >
< link rel = "stylesheet" href = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/index_fichiers/jquery-ui.min.css" >
< script type = "text/javascript" src = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/index_fichiers/requestanimationframe.polyfill.js" > < / script >
< script type = "text/javascript" src = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/index_fichiers/jquery-1.7.2.min.js" > < / script >
< script type = "text/javascript" src = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/index_fichiers/instascan.min.js" > < / script >
< script type = "text/javascript" src = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/index_fichiers/html5-qrcode.min.js" > < / script >
< script type = "text/javascript" src = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/index_fichiers/jquery-ui.0.min.js" > < / script >
< script type = "text/javascript" src = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/index_fichiers/sphere-hacked.js" > < / script >
< script type = "text/javascript" src = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/index_fichiers/jquery.earth-3d.js" > < / script >
< script type = "text/javascript" src = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/index_fichiers/world.js" > < / script >
< script type = "text/javascript" src = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/index_fichiers/demo.js" > < / script >
< script src = "http://127.0.0.1:8080/ipfs/Qmae5v9zydax9u6C9ceDijURu5PYdd5avmv4NkenCw7RFv/astro.js" > < / script >
< script type = "text/javascript" >
examples['simple_mars'] = function() {
$('#sphere').earth3d({
texture: 'http://127.0.0.1:8080/ipfs/QmNNSAJyzVSF2m16dReYgmqmiRkKa5HMKvFUgwhbRzTYto/mars1024x1024.jpg', // texture used by G1Wish planet
dragElement: $('#locations') // where do we catch the mouse drag
});
};
< / script >
< style >
body {
padding: 0;
margin: 0;
font-family: sans-serif;
}
.slidecontainer {
width: 80%;
margin: 0 auto;
text-align: center;
}
.gif-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.gif-container img {
margin: 10px;
max-width: 200px;
}
.slider {
width: 100%;
text-align: center;
}
.slider #prev {
float: left;
font-size: 40px;
}
.slider #next {
float: right;
font-size: 40px;
}
#glow-shadows.earth {
background: url(http://127.0.0.1:8080/ipfs/QmTVspfoaNL1BK2CR1vVNrEnwo4PfUjwdQxEt57mGJjsLX/earth-glow-shadows.png);
}
#glow-shadows.mars {
background: url(http://127.0.0.1:8080/ipfs/QmTVspfoaNL1BK2CR1vVNrEnwo4PfUjwdQxEt57mGJjsLX/mars-glow-shadows.png);
}
.flight {
position: absolute;
width: 24px;
height: 25px;
left: 10px;
top: 10px;
background: url(http://127.0.0.1:8080/ipfs/QmTVspfoaNL1BK2CR1vVNrEnwo4PfUjwdQxEt57mGJjsLX/plain.png);
background-size: 100% 100%;
margin-left: -12px;
margin-top: -12.5px;
cursor: pointer;
}
#yellow {
background: black;
position: absolute;
top: 2%;
right: 4%;
width: 55%;
}
#green {
background: black;
position: absolute;
top: 12%;
right: 5%;
width: 45%;
}
#ainfo {
background: grey;
position: absolute;
top: 1%;
right: 1%;
}
2023-12-01 02:02:48 +01:00
#console {
visibility: hidden;
background: rgba(0, 0, 0, 0.9); /* Adjust the background color and opacity as needed */
color: white;
width: 570px;
height: 480px;
position: absolute;
bottom: 0;
left: 0;
padding: 5px;
box-sizing: border-box;
}
2023-11-30 18:23:35 +01:00
< / style >
< / head >
< body >
2023-12-01 17:25:10 +01:00
< button style = "position: fixed; top: 10px; left: 10px;" onclick = "document.getElementById('console').style.visibility = (document.getElementById('console').style.visibility === 'visible' ? 'hidden' : 'visible');" > (-/+)< / button >
2023-11-30 18:23:35 +01:00
< div id = "demo" >
< div id = "description" >
< div id = "showoff" >
< div id = "yellow" >
< div id = "container" >
< br > < br >
< br > < br >
< canvas id = "sphere" width = "400" height = "400" > < / canvas >
< div id = "glow-shadows" class = "earth" > < / div >
< canvas id = "flights" width = "400" height = "400" > < / canvas >
< div id = "locations" > < / div >
< / div >
2023-12-01 02:30:34 +01:00
2023-11-30 18:23:35 +01:00
< / div >
2023-12-01 18:01:22 +01:00
< p > < a href = "http://127.0.0.1:8080/ipns/_UPZONENS_" > "_UPZONE_"< / a > < / p >
< p > < a href = "http://127.0.0.1:8080/ipns/_ZONENS_" > "_ZONE_"< / a > < / p >
2023-11-30 18:23:35 +01:00
< p >
< br >
2023-12-01 17:25:10 +01:00
< br > 👍 UPlanet Ditributed Data Storage 👍 < / p >
< p > / powered by < a href = "https://github.com/papiche/Astroport.ONE" > Astroport.ONE< / a >
- designed by < a href = "https://opencollective.com/monnaie-libre/projects/stiits" > STI< / a > - run with < a href = "https://opencollective.com/monnaie-libre/projects/coeurbox" > La♥BOX< / a > /
2023-11-30 18:23:35 +01:00
< / div >
< / div >
2023-12-01 17:25:10 +01:00
< div id = "console" > ___ < a href = "/ipns/_ZONENS_/TW" target = "aframe" > ZONE TW _ZONE_ (@@@) < / a > ___ < button onclick = "document.getElementById('console').style.visibility = 'hidden';" > X < / button >
2023-12-01 02:02:48 +01:00
< iframe name = "aframe" id = "aframe" src = "https://pad.p2p.legal/p/AstroportSectorTW" width = "100%" height = "100%" > < / iframe >
< / div >
2023-11-30 18:23:35 +01:00
< / body > < / html >