2023-02-25 02:49:24 +01:00
<!DOCTYPE html>
< html >
< head >
2023-04-07 14:52:21 +02:00
< title > _G1VOEU_ : _PLAYER_ : http://astroport.localhost:1234< / title >
2023-02-25 02:49:24 +01:00
< meta charset = "UTF-8" >
2023-03-19 15:11:43 +01:00
< link rel = "icon" type = "image/x-icon" href = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/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" >
2023-02-27 17:49:23 +01:00
2023-03-19 15:11:43 +01:00
< script type = "text/javascript" src = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/index_fichiers/requestanimationframe.polyfill.js" > < / script >
2023-02-27 17:49:23 +01:00
2023-03-19 15:11:43 +01:00
< 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 >
2023-03-02 23:48:10 +01:00
2023-03-19 15:11:43 +01:00
< 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 >
2023-03-02 23:48:10 +01:00
2023-03-19 15:11:43 +01:00
< script type = "text/javascript" src = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/index_fichiers/jquery.earth-3d.js" > < / script >
2023-03-02 23:48:10 +01:00
2023-03-19 15:11:43 +01:00
< script type = "text/javascript" src = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/index_fichiers/world.js" > < / script >
2023-03-02 23:48:10 +01:00
2023-03-19 15:11:43 +01:00
< script type = "text/javascript" src = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/index_fichiers/demo.js" > < / script >
2023-03-16 17:03:37 +01:00
2023-04-15 15:45:23 +02:00
< script src = "http://127.0.0.1:8080/ipfs/Qmae5v9zydax9u6C9ceDijURu5PYdd5avmv4NkenCw7RFv/astro.js" > < / script >
2023-03-02 23:48:10 +01:00
< script type = "text/javascript" >
examples['simple_mars'] = function() {
$('#sphere').earth3d({
2023-03-16 17:03:37 +01:00
texture: 'http://127.0.0.1:8080/ipfs/QmNNSAJyzVSF2m16dReYgmqmiRkKa5HMKvFUgwhbRzTYto/mars1024x1024.jpg', // texture used by G1Wish planet
2023-03-02 23:48:10 +01:00
dragElement: $('#locations') // where do we catch the mouse drag
});
};
< / script >
2023-02-27 17:49:23 +01:00
2023-03-03 13:44:03 +01:00
< 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;
}
2023-03-19 15:11:43 +01:00
#glow-shadows.earth {
2023-03-16 17:03:37 +01:00
background: url(http://127.0.0.1:8080/ipfs/QmTVspfoaNL1BK2CR1vVNrEnwo4PfUjwdQxEt57mGJjsLX/earth-glow-shadows.png);
2023-02-27 17:49:23 +01:00
}
#glow-shadows.mars {
2023-03-16 17:03:37 +01:00
background: url(http://127.0.0.1:8080/ipfs/QmTVspfoaNL1BK2CR1vVNrEnwo4PfUjwdQxEt57mGJjsLX/mars-glow-shadows.png);
2023-02-27 17:49:23 +01:00
}
2023-03-19 15:11:43 +01:00
2023-02-27 17:49:23 +01:00
.flight {
position: absolute;
width: 24px;
height: 25px;
left: 10px;
top: 10px;
2023-03-16 17:03:37 +01:00
background: url(http://127.0.0.1:8080/ipfs/QmTVspfoaNL1BK2CR1vVNrEnwo4PfUjwdQxEt57mGJjsLX/plain.png);
2023-02-27 17:49:23 +01:00
background-size: 100% 100%;
margin-left: -12px;
margin-top: -12.5px;
cursor: pointer;
}
2023-03-19 15:11:43 +01:00
2023-03-16 03:46:43 +01:00
#yellow {
background: black;
position: absolute;
2023-03-29 14:52:53 +02:00
top: 2%;
2023-04-08 23:54:42 +02:00
right: 4%;
2023-03-29 14:52:53 +02:00
width: 55%;
2023-03-19 15:11:43 +01:00
}
2023-04-02 02:56:31 +02:00
#green {
background: black;
position: absolute;
2023-04-08 14:37:21 +02:00
top: 12%;
2023-04-08 23:54:42 +02:00
right: 5%;
2023-04-02 02:56:31 +02:00
width: 45%;
}
2023-03-16 17:03:37 +01:00
#ainfo {
background: grey;
position: absolute;
2023-04-05 14:48:08 +02:00
top: 1%;
right: 1%;
2023-03-19 15:11:43 +01:00
}
2023-03-03 13:44:03 +01:00
< / style >
2023-02-25 02:49:24 +01:00
< / head >
< body >
2023-03-29 00:15:43 +02:00
< button id = "ainfo" onclick = "javascript:var x = document.getElementById('yellow'); if (x.style.visibility === 'hidden') {x.style.visibility = 'visible';} else {x.style.visibility = 'hidden';}" > 0/1< / button >
< div id = "yellow" >
2023-04-07 13:33:20 +02:00
< iframe name = "aframe" id = "aframe" src = "http://127.0.0.1:8080/ipns/_ASTRONAUTENS_" width = "100%" height = "640px" > < / iframe >
2023-03-29 00:15:43 +02:00
< / div >
2023-03-04 01:26:30 +01:00
2023-03-06 18:55:35 +01:00
< div id = "demo" >
< div id = "description" >
2023-03-16 17:31:39 +01:00
2023-04-08 23:59:30 +02:00
< a href = "javascript:FriendWithMe()" > < img title = "Connect with Me" width = 20% src = "http://127.0.0.1:8080/ipfs/QmYdWBx32dP14XcbXF7hhtDq7Uu6jFmDaRnuL5t7ARPYkW/l0g0.png" alt = "Link in Le Claude" > < / a >
2023-04-08 23:54:42 +02:00
< div id = "countdown" > < / div >
2023-04-27 12:20:49 +02:00
< h2 > G1_G1VOEU_ _PLAYER_< / h2 >
2023-04-08 23:54:42 +02:00
< div class = "subtitle" > A Friendly Planet of Friends< / div >
2023-04-05 14:19:49 +02:00
< div class = "slidecontainer" >
2023-04-02 01:41:44 +02:00
< div class = "gif-container" >
<!-- gifs -->
< / div >
< div class = "slider" >
< a href = "#" id = "prev" > < < / a >
< a href = "#" id = "next" > > < / a >
< / div >
< / div >
< script >
2023-04-02 02:56:31 +02:00
2023-04-02 01:41:44 +02:00
function FriendWithMe() {
let cookies = document.cookie;
console.log(cookies);
let salt = prompt("Secret 1");
let pepper = prompt("Secret 2");
2023-04-03 17:53:08 +02:00
let resultUt = 'http://astroport.localhost:1234/?salt=' + salt + '& pepper=' + pepper + '&friend=_G1PUB_';
2023-04-02 01:41:44 +02:00
console.log(resultUt)
homeAstroportStation( resultUt,'aframe', 4000)
}
const gifContainer = document.querySelector('.gif-container');
const prevBtn = document.querySelector('#prev');
const nextBtn = document.querySelector('#next');
2023-04-05 14:19:49 +02:00
const pageSize = 2;
2023-04-02 01:41:44 +02:00
let pageNumber = 0;
let gifs = [];
let urls = [];
let titles = [];
let durees = [];
// Récupérer les données
fetch('http://127.0.0.1:8080_VOEUNS_/__PLAYER_.tiddlers.json')
.then(res => res.json())
.then(data => {
// Extraire les gifanime
gifs = data.map(tiddler => tiddler.gifanime);
urls = data.map(tiddler => tiddler.ipfs);
titles = data.map(tiddler => tiddler.title);
durees = data.map(tiddler => tiddler.duree);
// Afficher les gifs
showGifs();
});
// Afficher les images
function showGifs() {
let start = pageNumber * pageSize;
let end = start + pageSize;
let pageGifs = gifs.slice(start, end);
let pageUrls = urls.slice(start, end);
let pageTitles = titles.slice(start, end);
let pageDurees = durees.slice(start, end);
let output = '';
// Générer le HTML
// < a target = "aframe" href = "http://127.0.0.1:8080${pageUrls[i]}" >
// < a target = "aframe" href = "http://127.0.0.1:8080/ipns/_ASTRONAUTENS_#${pageTitles[i]}" >
pageGifs.forEach((gif, i) => {
output += `
< a target = "aframe" href = "http://127.0.0.1:8080/ipns/_ASTRONAUTENS_#${pageTitles[i]}" >
< img src = "http://127.0.0.1:8080${gif}" title = "${pageDurees[i]} - ${pageTitles[i]}" / >
< / a >
`;
});
// Ajouter le HTML
gifContainer.innerHTML = output;
}
// Écouter les évènements
prevBtn.addEventListener('click', () => {
pageNumber--;
showGifs();
});
nextBtn.addEventListener('click', () => {
pageNumber++;
showGifs();
});
< / script >
2023-04-10 13:22:53 +02:00
< br > < br >
2023-04-07 14:07:33 +02:00
< h3 > _PLAYER_ < / h3 >
2023-04-05 14:19:49 +02:00
< p >
< a target = "_PLAYER_" href = "http://127.0.0.1:8080/ipns/_ASTRONAUTENS_" >
< img src = "http://127.0.0.1:8080/ipfs/QmWUpjGFuF7NhpXgkrCmx8Tbu4xjcFpKhE7Bsvt6HeKYxu/g1ticket_qrcode.png" width = 300 >
< / a >
< / p >
2023-04-08 14:37:21 +02:00
< h2 > :⚡:~ < a href = "https://cesium.app" > Cesium < / a > ~:📱: _____ < / h2 >
2023-04-07 14:07:33 +02:00
< p >
2023-04-13 14:52:12 +02:00
< div id = "astropub" > 🏡 : < a target = "gchange" href = "https://www.gchange.fr/#/app/user/_G1PUB_/" > _G1PUB_< / a > < / div >
2023-04-07 14:07:33 +02:00
< / p >
2023-04-05 14:19:49 +02:00
< / div >
< div id = "showoff" >
< div id = "container" >
2023-04-10 13:22:53 +02:00
< br > < br >
< br > < br >
2023-03-06 18:55:35 +01:00
< 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-04-04 15:52:07 +02:00
< p > < a target = "_PLAYER_" href = "http://127.0.0.1:8080/ipns/_ASTRONAUTENS_" > TW♥BOX of "_PLAYER_"< / a > < / p >
2023-03-06 18:55:35 +01:00
2023-03-16 03:46:43 +01:00
< p >
< br >
< br > 👍 IPFS DATA STORAGE 👍 < / p >
< p > Powered by < a href = "https://github.com/papiche/Astroport.ONE" > Astroport.ONE< / a > < / p >
2023-04-10 13:22:53 +02:00
< p > / < a href = "https://opencollective.com/monnaie-libre/projects/stiits" > STI< / a > / < a href = "https://opencollective.com/monnaie-libre/projects/coeurbox" > La♥BOX< / a > /
2023-03-16 03:46:43 +01:00
< / div >
< / div >
2023-03-06 18:55:35 +01:00
< div class = "choose_example" >
2023-03-23 19:45:46 +01:00
Choose Planet: < select id = "example" >
2023-03-19 15:11:43 +01:00
<!--
2023-03-06 18:55:35 +01:00
< option value = "simple" > Simple earth< / option >
< option value = "simple_tilted" > Simple tilted earth< / option >
2023-03-19 15:11:43 +01:00
-->
2023-03-06 18:55:35 +01:00
< option value = "simple_mars" > Simple mars< / option >
2023-03-19 15:11:43 +01:00
<!--
2023-03-16 03:46:43 +01:00
< option value = "flights" > Earth with locations and flights< / option >
2023-03-19 15:11:43 +01:00
-->
< option value = "locations" selected > Ŋ1 Friends< / option >
2023-03-06 18:55:35 +01:00
< / select >
< / div >
< div class = "code" >
< a href = "#" onclick = "$('#example_code').show(); $(this).hide().siblings('a').show(); return false;" > Show code< / a >
< a href = "#" style = "display: none;" onclick = "$('#example_code').hide(); $(this).hide().siblings('a').show(); return false;" > Hide code< / a >
< textarea id = "example_code" onclick = "this.focus();this.select();" > < / textarea >
< / div >
2023-03-16 17:03:37 +01:00
< / body > < / html >