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-14 23:23:34 +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 >
< br > Vos < a href = "https://opencollective.com/monnaie-libre" > DONS< / a > ... nous aident à rendre < a href = "https://opencollective.com/monnaie-libre" > Astroport< / a > meilleur...< / h4 >
< / div >
< / nav >
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-15 02:37:36 +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-14 23:23:34 +02:00
< h2 > I : Renseigne ton identité < a href = "/index.html" onclick = "javascript:event.target.port=10030;event.target.protocol='http:';" target = "cesium" > Cesium< / a > +< / h2 >
2020-06-12 00:39:15 +02:00
< p class = "lead mb-0" > < br >
2020-06-14 22:26:31 +02:00
Utilise ta Clef. Ton identifiant, mots de passe reçus par SMS pour te connecter sur < b > ton portefeuille,
2020-06-14 23:23:34 +02:00
< a href = "/index.html" onclick = "javascript:event.target.port=10030;event.target.protocol='http:';" target = "cesium" > tu vas recevoir 314 Zen< / a > .< / b >
2020-06-12 00:39:15 +02:00
2020-06-12 12:15:43 +02:00
< br > < br > Ajoute une image et < b > indique tes coordonnées géographiques< / b > , nous pourrons alors te prévenir lorqu'un ami ou une ressource libre est proche
2020-06-12 00:39:15 +02:00
< br > < br >
2020-06-15 03:25:56 +02:00
< h4 > < a href = "/#/app/wot/map" onclick = "javascript:event.target.port=10030;event.target.protocol='http:';" target = "cesium" > Voir la CARTE< / a > !< / h4 >
< br > < a href = "https://cesium.app" target = "cesium" > installer Cesium< / a > < / 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-15 02:37:36 +02:00
< h2 > II : Crée ton compte sur < a href = "/index.html" onclick = "javascript:event.target.port=10020;event.target.protocol='http:';" target = "gchange" > Gchange< / a > < / h2 >
2020-06-12 00:39:15 +02:00
2020-06-15 02:37:36 +02:00
< p class = "lead mb-0" > Avec les même identifiants SMS, ouvre un compte < b > Gchange< / b > < br >
< br > < b > Dépose tes annonces. Offres et demandes...< / b > < br > < br >
2020-06-14 22:26:31 +02:00
< br > < h4 > Ajoute une "Page" et décrit ton activité, ta profession, ta passion.< / h4 > .
< h3 > N'oublie pas de géolocaliser tes annonces !!< / h3 >
2020-06-15 02:37:36 +02:00
De cette façon, ta station Astroport saura te relier à ton réseau d'échange.< br > < br > Internet Libre et souverain. Entre amis, tout simplement!< / p >
2020-06-14 22:26:31 +02:00
< 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" > Ajoute ta page "PRO"< / 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-14 23:23:34 +02:00
< h2 > III : Rejoins le réseau ScuttleButt< / h2 >
2020-06-12 00:39:15 +02:00
< p class = "lead mb-0" >
2020-06-14 22:26:31 +02:00
< b > Ta station Astroport récupère automatiquement les données de ton réseau d'amis SSB et IPFS.< / b >
2020-06-14 23:07:42 +02:00
< br > < br > < b > Le territoire informationnel de chacun< / b > se contruit à partir des données extraites de Cesium, Gchange, bientôt Transiscope et d'autres sources Web2.0...< br > < br >
2020-06-14 22:26:31 +02:00
< h4 > Connectez votre < a href = "/profile" onclick = "javascript:event.target.port=10040;event.target.protocol='http:';" target = "oasis" > Oasis< / 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-06-14 23:07:42 +02:00
< h1 > Astroport est un Système d'Information< / h1 >
< h2 class = "mb-5" > il active l'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-14 23:07:42 +02:00
< a target = "ipfs" href = "./ipfs/QmT39rH9YtpuCM6ZNf1jsvsepgd4322MX6JiJTcuzDK8Bp/ycN3mVW1fow.mp4" > < 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 >
2020-06-14 23:07:42 +02:00
< p class = "font-weight-light mb-0" > < b > créez, diffusez vos médias< / b > < / 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-14 23:07:42 +02:00
< a target = "ipfs" href = "https://machinelearningforkids.co.uk/#!/about" > < 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 >
2020-06-14 23:07:42 +02:00
< p class = "font-weight-light mb-0" > programmation < 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 >
2020-06-14 23:07:42 +02:00
< a class = "btn btn-lg btn-primary" href = "https://rock64.p2p.legal" target = "nextcloud" > NextCloud /e/WHOAMI/< / a >
< a class = "btn btn-lg btn-primary" href = "https://feedless.social" target = "minetest" > Messagerie multipoint< / a >
2020-06-05 19:12:22 +02:00
< 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-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-06-14 23:23:34 +02:00
< br > < h4 > Construisons notre Carte, notre territoire intelligent !!< / 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-14 23:23:34 +02:00
< br >
2020-05-28 20:07:35 +02:00
2020-06-14 23:23:34 +02:00
< h4 > Seuls les logiciels libres assurent réellement notre indépendance!< br >
2020-06-05 17:20:28 +02:00
2020-06-07 01:53:31 +02:00
< div class = "col-xl-9 mx-auto" >
2020-06-14 23:35:06 +02:00
< a target = "g1sms" href = "https://g1sms.fr" > < div id = "g1sms" > la station G1sms "@t+KD4vY/aLlNjWur6LfIEUqb06+E4cZNg3rokOqbFz0=.ed25519" offre les Zen ;)
2020-06-07 01:53:31 +02:00
< 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" >
2020-06-14 23:35:06 +02:00
< / div > < / a > < br > STATION< div id = "nodename" > < / div >
2020-06-07 01:53:31 +02:00
< / 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 >