2020-04-14 02:26:37 +02:00
<!DOCTYPE html>
< html lang = "fr" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
< meta name = "description" content = "" >
< meta name = "author" content = "fred" >
2020-05-12 12:24:27 +02:00
< title > Astroport - HyperWeb collaboratif auto-hébergé entre amis - Love Land< / title >
2020-06-03 17:39:19 +02:00
<!-- Matomo Tag Manager -->
< script type = "text/javascript" >
var _mtm = _mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
2020-06-03 19:17:50 +02:00
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://piwik.p2p.legal/js/container_XDhfGZPj.js'; s.parentNode.insertBefore(g,s);
2020-06-03 17:39:19 +02:00
< / script >
<!-- End Matomo Tag Manager -->
2020-04-14 02:26:37 +02:00
<!-- Bootstrap core CSS -->
< link href = "vendor/bootstrap/css/bootstrap.min.css" rel = "stylesheet" >
2020-05-01 18:31:32 +02:00
2020-04-14 02:26:37 +02:00
<!-- Custom fonts for this template -->
< link href = "vendor/font-awesome/css/font-awesome.min.css" rel = "stylesheet" type = "text/css" >
< link href = "vendor/simple-line-icons/css/simple-line-icons.css" rel = "stylesheet" type = "text/css" >
< link href = "https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel = "stylesheet" type = "text/css" >
<!-- Custom styles for this template -->
2020-05-26 20:05:58 +02:00
< link href = "css/landing-page.css" rel = "stylesheet" >
2020-04-14 02:26:37 +02:00
<!-- Bootstrap core JavaScript -->
< script src = "vendor/jquery/jquery.min.js" > < / script >
< script src = "vendor/bootstrap/js/bootstrap.bundle.min.js" > < / script >
< script src = "ajaxform.js" > < / script >
2020-05-01 18:31:32 +02:00
2020-05-10 21:29:50 +02:00
<!-- Typed text animation -->
< script src = "https://cdn.jsdelivr.net/npm/typed.js@2.0.11" > < / script >
2020-05-01 18:31:32 +02:00
2020-05-10 21:29:50 +02:00
<!-- Clock -->
2020-05-01 18:31:32 +02:00
< link rel = "stylesheet" href = "./css/flipclock.css" >
< script src = "./vendor/flipclock/flipclock.js" > < / script >
2020-04-14 02:26:37 +02:00
< / head >
< body >
2020-05-03 16:41:04 +02:00
2020-04-14 02:26:37 +02:00
<!-- Navigation -->
< nav class = "navbar navbar-light bg-light static-top" >
< div class = "container" >
2020-05-03 16:41:04 +02:00
< div class = "row" >
2020-06-05 18:06:05 +02:00
2020-05-03 16:41:04 +02:00
< / div >
2020-06-06 12:47:12 +02:00
<!--
2020-05-03 16:41:04 +02:00
< div class = "row" >
2020-05-13 15:09:53 +02:00
< div class = "col-md-12 mx-auto" >
2020-05-13 13:34:32 +02:00
< div class = "clock" style = "margin:2em;" > < / div >
2020-05-13 15:09:53 +02:00
< / div >
2020-05-03 16:41:04 +02:00
< / div >
2020-06-06 12:47:12 +02:00
-->
2020-04-14 02:26:37 +02:00
< / div >
2020-05-13 15:09:53 +02:00
< / nav >
2020-05-10 21:29:50 +02:00
2020-04-14 02:26:37 +02:00
<!-- Masthead -->
< header class = "masthead text-white text-center" >
< div class = "overlay" > < / div >
< div class = "container" >
2020-06-05 18:24:59 +02:00
< div class = "row" >
< div class = "col-xl-9 mx-auto" >
< h3 > < div id = "typed-strings" >
2020-06-05 18:33:54 +02:00
< p > Un cadeau < strong > < em > pour toi!< / em > < / strong > ^3000 Pour nous tous en fait^3000< / p >
2020-06-05 18:24:59 +02:00
< p > Un Monde < strong > < em > pour nos enfants!< / em > < / strong > ^3000 Sans chômage, ni misère...^3000< / p >
2020-06-05 18:33:54 +02:00
< p > Carte artisanale où < strong > chacune et chacun< / strong > ^3000 existe!!!^2000< / p >
< p > Réunion de nos mondes...^3000 Ceux de nos < strong > savoir(s) être(s)^2000< / strong > < / p >
< p > Ensemble! < strong > l'Internet des gens< / strong > EXISTE !^3000 !!!^3000< / p >
< p > une [PLANETE] Heureu(x)se(s) ^3000un< strong > Futur PLUS Humain(s)< / strong > < / p >
2020-06-05 18:58:58 +02:00
< p > Découvrez < a href = "https://astroport.com" > Astroport< / a > ^3000 programmé pour défendre votre liberté< / p >
2020-06-05 18:24:59 +02:00
< / div >
< span id = "typed" > < / span > < / h3 >
< / div >
< / div >
2020-04-14 02:26:37 +02:00
< div class = "row" >
< div class = "col-xl-9 mx-auto" >
2020-06-07 20:19:23 +02:00
< h1 > Bienvenue dans la 'June' mes ami(e)s< / h1 > < br > < br >
2020-04-14 02:26:37 +02:00
< / div >
< div class = "col-md-10 col-lg-8 col-xl-7 mx-auto" >
< form id = "formphone" >
< div class = "form-row" >
< div class = "col-12 col-md-9 mb-2 mb-md-0" >
2020-06-05 17:20:28 +02:00
< input id = "phone" type = "phone" class = "form-control form-control-lg" placeholder = "entre ton numéro de téléphone mobile," >
< / div >
2020-06-06 14:27:22 +02:00
<!--
2020-06-05 17:20:28 +02:00
< div class = "col-4 col-md-9 mb-2 mb-md-0" >
< input id = "parrain" type = "parrain" class = "form-control form-control-lg" placeholder = "écris ton pseudo ou celui d'un G1Parrain (option)" >
2020-04-14 02:26:37 +02:00
< / div >
2020-06-06 14:27:22 +02:00
-->
2020-04-14 02:26:37 +02:00
< div class = "col-12 col-md-3" >
2020-06-05 17:20:28 +02:00
< button type = "submit" class = "btn btn-block btn-lg btn-primary" > et puis valide!< / button >
2020-04-14 02:26:37 +02:00
< / div >
< / div >
< / form >
< / div >
< / div >
2020-05-13 22:58:10 +02:00
2020-04-14 02:26:37 +02:00
< div class = "row" >
< div class = "col-xl-9 mx-auto" >
< div id = "phoneresultat" >
2020-06-05 17:20:28 +02:00
< br > < h4 > on commence un nouveau jeu de société qui va te plaire...< / h4 >
2020-04-14 02:26:37 +02:00
< / div >
< / div >
< / div >
2020-05-04 02:10:46 +02:00
2020-04-14 02:26:37 +02:00
< / div >
< / header >
2020-06-05 17:56:27 +02:00
<!-- Image Showcases -->
< section class = "showcase" >
< div class = "container-fluid p-0" >
< div class = "row no-gutters" >
2020-05-09 03:38:51 +02:00
< div class = "col-lg-6 order-lg-2 text-white showcase-img" style = "background-image: url('img/bg-showcase-1.jpg');" > < / div >
< div class = "col-lg-6 order-lg-1 my-auto showcase-text" >
2020-06-12 00:39:15 +02:00
< h2 > Etape I : Activer son identité < a href = "/index.html" onclick = "javascript:event.target.port=10030;event.target.protocol='http:';" target = "cesium" > Cesium< / a > +< / h2 >
< p class = "lead mb-0" > < br >
Utilise les identifiants, mots de passe reçu par SMS pour te connecter sur ton portefeuille
< a href = "/index.html" onclick = "javascript:event.target.port=10030;event.target.protocol='http:';" target = "cesium" > Cesium< / a > , < b > tu as reçu 3.14 Ǧ1< / b >
< br > Application également disponible < a href = "https://cesium.app" target = "cesium" > en téléchargement< / a >
< br > < br > Ajoute une image et < b > indique tes coordonnées géographiques< / b > , nous pourons alors te prévenir lorqu'un ami ou une ressource libre est proche
< br > < br >
< h4 > < a href = "/index.html" onclick = "javascript:event.target.port=10030;event.target.protocol='http:';" target = "cesium" > Rejoindre le réseau Cesium< / a > !< / h4 > < / p >
2020-05-09 03:38:51 +02:00
< / div >
< / div >
< div class = "row no-gutters" >
< div class = "col-lg-6 text-white showcase-img" style = "background-image: url('img/bg-showcase-2.jpg');" > < / div >
< div class = "col-lg-6 my-auto showcase-text" >
2020-06-12 00:39:15 +02:00
< h2 > Etape II : Créer son compte < a href = "/index.html" onclick = "javascript:event.target.port=10020;event.target.protocol='http:';" target = "gchange" > Gchange< / a > < / h2 >
< p class = "lead mb-0" > Avec les même identifiants, créer un compte < b > "artisan" Gchange< / b > < br >
< br > < b > Créer une page et décrire son activité, sa profession< / b > .
< br > < br > Puis déposer des petites annonces (au moins autant d'offres que de demandes)< br > < br >
< h3 > Géolocaliser les annonces !!< / h3 >
< h4 > pour construire notre réseau d'échanges< br > Libre et souverain. Entre amis, tout simplement!< / h4 > < / p >
< p class = "lead mb-0" > < br > < a href = "/index.html#/app/wot/page/lg" onclick = "javascript:event.target.port=10020;event.target.protocol='http:';" target = "gchange" > Pages "PRO" Gchange< / a > < br > < / p >
2020-05-09 03:38:51 +02:00
< / div >
< / div >
2020-05-12 12:57:28 +02:00
< div class = "row no-gutters" >
< div class = "col-lg-6 order-lg-2 text-white showcase-img" style = "background-image: url('img/bg-showcase-3.jpg');" > < / div >
< div class = "col-lg-6 order-lg-1 my-auto showcase-text" >
2020-06-12 00:39:15 +02:00
< h2 > Etape III : Rejoindre le réseau ScuttleButt< / h2 >
< p class = "lead mb-0" >
< b > Chaque nuit, votre station Astroport analyse les données diffusées par ton réseau d'amis< / b >
< br > < br > Les données extraites de Cesium, Gchange, Transiscope et d'autres sources Web2.0...< br > permettent de façonner < b > un territoire informationnel personnel!< / b > < br > < br >
2020-06-03 22:18:03 +02:00
< h4 > Ca se passe passse déjà < a href = "/#/app/wot/map" onclick = "javascript:event.target.port=10030;event.target.protocol='http:';" target = "gchange" > près de chez vous< / a > !< / h4 > < / p >
2020-05-12 12:57:28 +02:00
< / div >
< / div >
2020-05-09 03:38:51 +02:00
< / div >
< / section >
2020-04-14 02:26:37 +02:00
2020-05-25 22:38:02 +02:00
<!-- Testimonials -->
< section class = "testimonials text-center bg-light" >
< div class = "container" >
2020-05-26 12:30:01 +02:00
< h1 > Système d'Information< / h1 >
2020-06-05 17:48:13 +02:00
< h2 class = "mb-5" > activateur intelligence collective< / h2 >
2020-05-25 22:38:02 +02:00
< div class = "row" >
< div class = "col-lg-4" >
< div class = "testimonial-item mx-auto mb-5 mb-lg-0" >
2020-06-04 03:59:06 +02:00
< a target = "ipfs" href = "https://www.youtube.com/watch?v=S-W0NX97DB0" > < img class = "img-fluid rounded-circle mb-3" src = "img/blob.gif" alt = "" > < / a >
2020-05-25 22:38:02 +02:00
< h5 > Simulation organique< / h5 >
2020-06-04 03:59:06 +02:00
< p class = "font-weight-light mb-0" > modèle digital du jeu de la VIE< / p >
2020-05-25 22:38:02 +02:00
< / div >
< / div >
< div class = "col-lg-4" >
< div class = "testimonial-item mx-auto mb-5 mb-lg-0" >
2020-06-04 03:59:06 +02:00
< a target = "ipfs" href = "https://machinelearningforkids.co.uk/#!/about" > < img class = "img-fluid rounded-circle mb-3" src = "img/LivingTV.gif" alt = "" > < / a >
2020-06-05 17:48:13 +02:00
< h5 > Radio, TV, Web...< / h5 >
< p class = "font-weight-light mb-0" > < b > HyperWeb< / b > programmable< / p >
2020-05-25 22:38:02 +02:00
< / div >
< / div >
< div class = "col-lg-4" >
< div class = "testimonial-item mx-auto mb-5 mb-lg-0" >
2020-05-25 23:01:40 +02:00
< a target = "ipfs" href = "./ipfs/QmT39rH9YtpuCM6ZNf1jsvsepgd4322MX6JiJTcuzDK8Bp/ycN3mVW1fow.mp4" > < img class = "img-fluid rounded-circle mb-3" src = "img/LIFE.gif" alt = "" > < / a >
2020-06-05 18:00:16 +02:00
< h5 > Jeu de société< / h5 >
< p class = "font-weight-light mb-0" > alternatif < b > à faire ensemble< / b > < / p >
2020-05-25 22:38:02 +02:00
< / div >
< / div >
< / div >
2020-06-05 17:48:13 +02:00
< a target = "astroport" href = "https://astroport.com" > < img class = "img-fluid rounded-circle mb-3" src = "./A/images/logo.png" alt = "" > < / a > < br >
- Exemples de services activables sur votre Station Astroport -< br >
web-radio, cloud, banque, festival, mairie, association, web tv, sauvegarde, ...< br >
un espace numérique libre dont nous sommes les forgerons !
2020-05-25 22:38:02 +02:00
< / div >
< / section >
2020-05-26 20:08:29 +02:00
<!-- Navigation -->
< nav class = "navbar navbar-light bg-light static-top" >
< div class = "container" >
2020-06-05 19:12:22 +02:00
< a class = "btn btn-lg btn-primary" href = "/" onclick = "javascript:event.target.port=10011;event.target.protocol='http:';" target = "jukebox" > Jukebox WebRadio< / a >
< a class = "btn btn-lg btn-primary" href = "https://rock64.p2p.legal" target = "nextcloud" > /WHOAMI/ Cloud< / a >
< a class = "btn btn-lg btn-primary" href = "https://feedless.social" target = "minetest" > Messagerie privée< / a >
< a class = "btn btn-lg btn-primary" href = "./ipfs/QmfWSLh9rxvh9dga5FUkzrpM34DRb5PupTzpufnYecPfyn/rb4-oOKIZQ8.mp3" target = "ipfs" > Banque de fichiers Zen sur IPFS< / a >
2020-05-26 20:08:29 +02:00
< / div >
< / nav >
2020-05-26 20:26:19 +02:00
< br >
2020-06-03 20:27:31 +02:00
<!-- Navigation -->
< nav class = "navbar navbar-light bg-light static-top" >
< div class = "container" >
< a class = "btn btn-lg btn-primary" href = "/profile" onclick = "javascript:event.target.port=10040;event.target.protocol='http:';" target = "oasis" > Réseau social< / a >
< a class = "btn btn-lg btn-primary" href = "/index.html" onclick = "javascript:event.target.port=10030;event.target.protocol='http:';" target = "cesium" > Unité monétaire< / a >
< a class = "btn btn-lg btn-primary" href = "/index.html" onclick = "javascript:event.target.port=10020;event.target.protocol='http:';" target = "gchange" > Marché intelligent< / a >
< / div >
< / nav >
2020-05-26 20:05:58 +02:00
<!-- Zone -->
< section class = "map text-white text-center" >
< div class = "overlay" > < / div >
2020-04-14 02:26:37 +02:00
< div class = "container" >
< div class = "row" >
2020-05-26 20:05:58 +02:00
< div class = "col-xl-9 mx-auto" >
2020-05-28 17:36:24 +02:00
< div id = "carte" >
2020-05-26 20:51:40 +02:00
< br > < h4 > Construction de votre carte personnelle interactive en cours...< / h4 >
2020-05-26 20:05:58 +02:00
< / div >
< / div >
2020-04-14 02:26:37 +02:00
< / div >
< / div >
< / section >
2020-05-13 22:58:10 +02:00
< div class = "row" >
< div class = "col-xl-9 mx-auto" >
2020-05-16 14:30:19 +02:00
< div id = "devzone" >
2020-06-05 19:22:39 +02:00
< br > < h4 > Seuls les logiciels libres assurent notre indépendance!< br > créé bénévolement< br > Avec < a href = "https://opencollective.com/monnaie-libre" > vos dons< / a > ... nous pouvons terminer Astroport ensemble.< / h4 >
2020-05-28 20:07:35 +02:00
2020-06-05 17:20:28 +02:00
2020-06-07 01:53:31 +02:00
< div class = "col-xl-9 mx-auto" >
< a target = "astroport" href = "https://astroport.com" > < div id = "g1barre" > Ami de G1sms "@t+KD4vY/aLlNjWur6LfIEUqb06+E4cZNg3rokOqbFz0=.ed25519"
< br > < img height = "200px" src = "./g1barre/image.php?pubkey=DNowWi2znAKJpzxR1z5EKm7cU7rfySzihJ2Gzbdp78Sx&target=15000&title=Compte%20Essaim%20G1sms%2B&node=g1.duniter.org&start_date=2019-01-01&display_pubkey=true&display_qrcode=true&logo=no-logo&background_color=000000&font_color=ffffff&progress_color=0777ff&border_color=98cbff" >
< / div > < / a > < div id = "nodename" > < / div >
< / div >
2020-06-05 17:20:28 +02:00
<!--
2020-05-13 22:58:10 +02:00
< div class = "col-4 col-md-9 mb-2 mb-md-0" >
2020-05-16 14:30:19 +02:00
< input id = "naissance" type = "naissance" class = "form-control form-control-lg" placeholder = "Date de naissance" >
2020-05-13 22:58:10 +02:00
< / div >
2020-05-25 22:57:32 +02:00
-->
2020-05-13 22:58:10 +02:00
< / div >
< / div >
2020-05-28 20:11:22 +02:00
< / div >
2020-05-28 20:43:25 +02:00
2020-06-05 17:20:28 +02:00
2020-05-26 20:08:29 +02:00
2020-05-12 01:09:52 +02:00
< br > < br > < br >
2020-05-16 14:30:19 +02:00
< script type = "text/javascript" >
2020-05-01 18:31:32 +02:00
var clock;
2020-04-14 02:26:37 +02:00
2020-05-01 18:31:32 +02:00
$(document).ready(function() {
2020-04-14 02:26:37 +02:00
2020-05-01 18:31:32 +02:00
// Grab the current date
var currentDate = new Date();
2020-04-14 02:26:37 +02:00
2020-05-01 18:31:32 +02:00
// Set some date in the future.
2020-05-07 02:27:11 +02:00
var futureDate = new Date(2020, 5, 6, 12, 12);
2020-04-14 02:26:37 +02:00
2020-05-01 18:31:32 +02:00
// Calculate the difference in seconds between the future and current date
var diff = futureDate.getTime() / 1000 - currentDate.getTime() / 1000;
// Instantiate a coutdown FlipClock
clock = $('.clock').FlipClock(diff, {
clockFace: 'DailyCounter',
2020-05-13 13:25:33 +02:00
language: 'fr',
2020-05-01 18:31:32 +02:00
countdown: true
});
});
2020-05-16 14:30:19 +02:00
< / script >
2020-04-14 02:26:37 +02:00
2020-05-01 21:37:39 +02:00
< script >
var typed = new Typed('#typed', {
stringsElement: '#typed-strings',
smartBackspace: true,
backDelay: 700,
2020-05-03 13:20:07 +02:00
loop: false,
2020-05-01 21:37:39 +02:00
typeSpeed: 40
});
< / script >
2020-05-14 11:51:25 +02:00
< / body >
2020-04-14 02:26:37 +02:00
< / html >