2023-02-25 02:49:24 +01:00
<!DOCTYPE html>
< html >
< head >
2023-03-03 13:44:03 +01:00
< title > _PLAYER_ : _G1VOEU_ ASTROPORT PORTAL : http://astroport.localhost:1234< / title >
2023-02-25 02:49:24 +01:00
< meta charset = "UTF-8" >
2023-03-02 23:48:10 +01:00
< link rel = "icon" type = "image/x-icon" href = "/ipfs/QmXZaseYPrQTjg7DasSSejXQFfQLmbV7UKoxWjK4SZNTFe/favicon.ico" >
< link rel = "stylesheet" href = "/ipfs/QmXZaseYPrQTjg7DasSSejXQFfQLmbV7UKoxWjK4SZNTFe/index_fichiers/demo.css" >
< link rel = "stylesheet" href = "/ipfs/QmXZaseYPrQTjg7DasSSejXQFfQLmbV7UKoxWjK4SZNTFe/index_fichiers/jquery-ui.min.css" >
2023-02-27 17:49:23 +01:00
2023-03-02 23:48:10 +01:00
< script type = "text/javascript" src = "/ipfs/QmXZaseYPrQTjg7DasSSejXQFfQLmbV7UKoxWjK4SZNTFe/index_fichiers/requestanimationframe.polyfill.js" > < / script >
2023-02-27 17:49:23 +01:00
2023-03-02 23:48:10 +01:00
< script type = "text/javascript" src = "/ipfs/QmXZaseYPrQTjg7DasSSejXQFfQLmbV7UKoxWjK4SZNTFe/index_fichiers/jquery-1.7.2.min.js" > < / script >
< script type = "text/javascript" src = "/ipfs/QmXZaseYPrQTjg7DasSSejXQFfQLmbV7UKoxWjK4SZNTFe/index_fichiers/instascan.min.js" > < / script >
< script type = "text/javascript" src = "/ipfs/QmXZaseYPrQTjg7DasSSejXQFfQLmbV7UKoxWjK4SZNTFe/index_fichiers/html5-qrcode.min.js" > < / script >
< script type = "text/javascript" src = "/ipfs/QmXZaseYPrQTjg7DasSSejXQFfQLmbV7UKoxWjK4SZNTFe/index_fichiers/jquery-ui.0.min.js" > < / script >
< script type = "text/javascript" src = "/ipfs/QmXZaseYPrQTjg7DasSSejXQFfQLmbV7UKoxWjK4SZNTFe/index_fichiers/sphere-hacked.js" > < / script >
< script type = "text/javascript" src = "/ipfs/QmXZaseYPrQTjg7DasSSejXQFfQLmbV7UKoxWjK4SZNTFe/index_fichiers/jquery.earth-3d.js" > < / script >
< script type = "text/javascript" src = "/ipfs/QmXZaseYPrQTjg7DasSSejXQFfQLmbV7UKoxWjK4SZNTFe/index_fichiers/demo.js" > < / script >
< script type = "text/javascript" >
examples['simple_mars'] = function() {
$('#sphere').earth3d({
texture: '/ipfs/QmNNSAJyzVSF2m16dReYgmqmiRkKa5HMKvFUgwhbRzTYto/mars1024x1024.jpg', // texture used by G1Wish planet
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;
}
#glow-shadows.earth {
2023-03-02 23:48:10 +01:00
background: url(/ipfs/QmTVspfoaNL1BK2CR1vVNrEnwo4PfUjwdQxEt57mGJjsLX/earth-glow-shadows.png);
2023-02-27 17:49:23 +01:00
}
#glow-shadows.mars {
2023-03-02 23:48:10 +01:00
background: url(/ipfs/QmTVspfoaNL1BK2CR1vVNrEnwo4PfUjwdQxEt57mGJjsLX/mars-glow-shadows.png);
2023-02-27 17:49:23 +01:00
}
.flight {
position: absolute;
width: 24px;
height: 25px;
left: 10px;
top: 10px;
2023-03-02 23:48:10 +01:00
background: url(/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-03 13:44:03 +01:00
< / style >
2023-02-25 02:49:24 +01:00
< / head >
< body >
2023-03-06 19:48:10 +01:00
< a target = _blank href = "https://astroport.copylaradio.com" > < img style = "width:50% height:50% position: absolute; top: 0; right: 0; border: 0;" src = "/ipfs/QmXZaseYPrQTjg7DasSSejXQFfQLmbV7UKoxWjK4SZNTFe/l0g0.png" alt = "Entrez par le Le Claude" > < / a >
2023-02-25 02:49:24 +01:00
< h1 > < a target = _blank href = "http://astroport.localhost:1234" > Astroport Ŋ1< / a > < / h1 >
2023-03-02 23:48:10 +01:00
< div class = "subtitle" > One Planet< / div >
2023-02-27 17:49:23 +01:00
2023-03-06 18:55:35 +01:00
< div class = "slidecontainer" >
2023-03-03 13:44:03 +01:00
< h1 > G1_G1VOEU_< / h1 >
< div class = "gif-container" >
<!-- gifs -->
< / div >
< div class = "slider" >
< a href = "#" id = "prev" > < < / a >
< a href = "#" id = "next" > > < / a >
< / div >
< / div >
< script >
const gifContainer = document.querySelector('.gif-container');
const prevBtn = document.querySelector('#prev');
const nextBtn = document.querySelector('#next');
const pageSize = 12;
let pageNumber = 0;
let gifs = [];
let urls = [];
let titles = [];
let durees = [];
// Récupérer les données
fetch('_LIBRA__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
pageGifs.forEach((gif, i) => {
output += `
2023-03-06 18:57:55 +01:00
< a target = "astroplay" href = "_LIBRA_${pageUrls[i]}" >
2023-03-03 13:44:03 +01:00
< img src = "_LIBRA_${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-03-04 01:26:30 +01:00
2023-03-06 18:55:35 +01:00
< div id = "demo" >
< div id = "description" >
< h3 > ENTER THE GAME< / h3 >
2023-03-10 18:33:28 +01:00
< p id = "ainfo" >
Prenez le contrôle de votre identité en ligne en créant un registre décentralisé de vos références.
En collectant des "tampons" de validation de votre identité et de votre réputation en ligne,
vous pouvez accéder aux expériences web3 les plus dignes de confiance et maximiser votre capacité à bénéficier de la Monnaie Libre.
Plus vous vérifiez votre identité, plus vous aurez d'opportunités de voter et de participer sur le web3.
< / p >
2023-03-06 18:55:35 +01:00
< h2 > Install < a href = "https://cesium.app" > Cesium< / a > !< / h2 >
< p > < a href = "https://ipfs.copylaradio.com/ipns/_ASTRONAUTENS_" >
< img src = "/ipfs/QmWUpjGFuF7NhpXgkrCmx8Tbu4xjcFpKhE7Bsvt6HeKYxu/g1ticket_qrcode.png" width = 65% >
< / a >
< / div >
< div id = "showoff" >
< div id = "container" >
< h2 > 0ne W0rld< / h2 >
< 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 >
< p > < a href = "https://ipfs.copylaradio.com/ipns/_ASTRONAUTENS_" > TW♥BOX "_PLAYER_"< / a > < / p >
< div class = "choose_example" >
Choose example: < select id = "example" >
< option value = "simple" > Simple earth< / option >
< option value = "simple_tilted" > Simple tilted earth< / option >
< option value = "simple_mars" > Simple mars< / option >
< option value = "locations" > Earth with locations< / option >
< option value = "flights" selected > Earth with locations and flights< / option >
< / 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 >
< / div >
< / div >
< p >
< br >
2023-03-04 01:26:30 +01:00
< br > 👍 IPFS DATA STORAGE 👍 < / p >
< p > Powered by < a href = "https://github.com/papiche/Astroport.ONE" > Astroport.ONE< / a > < / p >
< p > / < a href = "https://opencollective.com/monnaie-libre/projects/stiits" > LaSTI< / a > / < a href = "https://opencollective.com/monnaie-libre/projects/coeurbox" > La♥BOX< / a > /
2023-03-03 13:44:03 +01:00
2023-03-10 00:57:16 +01:00
< / body > < / html >
