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-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 -->
< link href = "css/landing-page.min.css" rel = "stylesheet" >
<!-- 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-05-13 13:34:32 +02:00
< h1 > < a href = "https://astroport.frama.site/" > ASTROPORT< / a > < / h1 >
2020-05-14 02:38:06 +02:00
< div id = "nodename" >
< / div >
2020-05-03 16:41:04 +02:00
< / div >
< 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-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
<!-- Navigation -->
< nav class = "navbar navbar-light bg-light static-top" >
< div class = "container" >
2020-05-13 20:37:04 +02:00
< a class = "btn btn-lg btn-primary" href = "/profile" onclick = "javascript:event.target.port=3000" target = "oasis" > Oasis< / a >
2020-05-13 13:25:33 +02:00
< a class = "btn btn-lg btn-primary" href = "./cesium/index.html" target = "cesium" > Cesium< / a >
< a class = "btn btn-lg btn-primary" href = "./gchange/index.html" target = "gchange" > Gchange< / a >
2020-05-10 21:29:50 +02:00
< / div >
< / nav >
2020-04-14 02:26:37 +02:00
<!-- Masthead -->
< header class = "masthead text-white text-center" >
< div class = "overlay" > < / div >
< div class = "container" >
< div class = "row" >
< div class = "col-xl-9 mx-auto" >
2020-05-14 11:51:25 +02:00
< h1 > Recevez une Invitation< / 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-05-14 02:59:13 +02:00
< input id = "phone" type = "phone" class = "form-control form-control-lg" placeholder = "Saisissez un numéro de téléphone mobile..." >
2020-04-14 02:26:37 +02:00
< / div >
< div class = "col-12 col-md-3" >
2020-05-01 18:31:32 +02:00
< button type = "submit" class = "btn btn-block btn-lg btn-primary" > Valider!< / 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-05-14 13:55:43 +02:00
< br > < h4 > Soyons LIBRE !!< br > ensemble vers un Futur plus Humain.< / h4 >
2020-04-14 02:26:37 +02:00
< / div >
< / div >
< / div >
2020-05-04 02:10:46 +02:00
< div class = "row" >
< div class = "col-xl-9 mx-auto" >
< h3 > < div id = "typed-strings" >
2020-05-12 11:10:28 +02:00
< p > Un Monde < strong > < em > pour nos enfants!< / em > < / strong > ^3000 Sans chômage, sans misère!^3000< / p >
2020-05-12 11:16:08 +02:00
< p > Une carte < strong > unique à chacun!< / strong > ^3000 Un territoire construit entre amis^3000< / p >
2020-05-12 15:16:04 +02:00
< p > Découvrez le < strong > Monde Collaboratif!< / strong > ^3000 Gratuit! Dès maintenant!^3000< / p >
2020-05-12 11:16:08 +02:00
< p > Empruntez le chemin < strong > < em > vers la Liberté!< / em > < / strong > ^5000 Inscrivez-vous...^3000< / p >
2020-05-04 02:10:46 +02:00
< / div >
< span id = "typed" > < / span > < / h3 >
< / div >
< / div >
2020-04-14 02:26:37 +02:00
< / div >
< / header >
2020-05-09 03:38:51 +02:00
<!-- Image Showcases -->
< section class = "showcase" >
< div class = "container-fluid p-0" >
< div class = "row no-gutters" >
< 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-05-12 11:20:24 +02:00
< h2 > Univers Numérique ancré dans le Réel< / h2 >
2020-05-09 03:38:51 +02:00
< p class = "lead mb-0" > Impossible à réaliser < b > jusqu'à aujourd'hui< / b > !
Nous avons mis au point un système d'information totalement décentralisé. Créé par les Humains qui le compose.
2020-05-14 11:51:25 +02:00
Chacun y est souverain. < b > Forgeron monétaire libre< / b > relié aux Oasis de son réseau d'Amis.
2020-05-12 16:30:13 +02:00
< br > < br > Ici nul privilège autre que celui consciemment transmis.< br > < br >
2020-05-12 11:20:24 +02:00
< h4 > Fabriquez votre clef, évadons-nous ensemble !< / 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-05-14 11:51:25 +02:00
< h2 > Bâtisseurs du "Monde Libre"< / h2 >
2020-05-12 13:17:22 +02:00
< p class = "lead mb-0" > Astroport construit un "Metavers" composé du maillage des mini-mondes de chacun.
Tous associés, nous partageons nos besoins, nos compétences, nos connaissances.
2020-05-10 22:11:47 +02:00
< br > < br >
< h3 > Totalement gratuit!!< / h3 >
2020-05-12 13:18:46 +02:00
< h4 > Soyez maîtres de la valeur de vos échanges!< br > Collectivement. Entre amis, tout simplement!< / h4 > < / p >
2020-05-10 22:11:47 +02:00
< p class = "lead mb-0" > < br > < a href = "./gchange/index.html" target = "gchange" > Annonces 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-05-12 13:18:46 +02:00
< h2 > Une carte unique pour chacun< / h2 >
2020-05-12 13:08:05 +02:00
< p class = "lead mb-0" > Connectés au travers de < b > votre réseaux d'amis< / b > !
2020-05-12 13:11:30 +02:00
Chacun possède sa propre Carte. Son territoire enrichi des données de son entourage, de sa région.
2020-05-12 13:17:22 +02:00
< b > Chaque nuit votre carte évolue automatiquement!< / b > Grâce aux données extraites du "Web 2.0"
< br > < br > Gchange, Transiscope, Tiers Lieux... Astroport façonne < b > votre territoire informationnel personnel!< / b > < br > < br >
2020-05-12 13:08:05 +02:00
< h4 > Vous restez au courant de ce qui se passse près de chez vous !< / 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-10 21:29:50 +02:00
2020-04-14 02:26:37 +02:00
<!-- Icons Grid -->
< section class = "features-icons bg-light text-center" >
< div class = "container" >
< div class = "col-xl-9 mx-auto" >
2020-05-01 21:37:39 +02:00
< h1 class = "mb-5" > Avantages< / h1 >
2020-04-14 02:26:37 +02:00
< / div >
< div class = "row" >
< div class = "col-lg-5" >
< div class = "features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3" >
< div class = "features-icons-icon d-flex" >
< i class = "icon-credit-card m-auto text-primary" > < / i >
< / div >
2020-05-03 13:20:07 +02:00
< h3 > Forge Monétaire< / h3 >
2020-05-05 01:22:30 +02:00
< p class = "lead mb-0" > Gratuitement! Chacun forge sa part de monnaie chaque jour. RIB < a href = "https://cesium.app" > Cesium< / a > < / p >
2020-04-14 02:26:37 +02:00
< / div >
< / div >
< div class = "col-lg-5" >
< div class = "features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3" >
< div class = "features-icons-icon d-flex" >
< i class = "icon-pie-chart m-auto text-primary" > < / i >
< / div >
2020-05-05 01:22:30 +02:00
< h3 > Réseau Social (P2P)< / h3 >
2020-05-03 13:20:07 +02:00
< p class = "lead mb-0" > Partagez vos idées, proposez vos actions pour agir en commun avec < a href = "http://dinosaur.is/patchwork-downloader/" > ScuttleButt< / a > < / p >
2020-04-14 02:26:37 +02:00
< / div >
< / div >
< div class = "col-lg-5" >
< div class = "features-icons-item mx-auto mb-0 mb-lg-3" >
< div class = "features-icons-icon d-flex" >
< i class = "icon-basket-loaded m-auto text-primary" > < / i >
< / div >
2020-05-12 12:22:49 +02:00
< h3 > Marché Local Individuel< / h3 >
2020-05-10 22:11:47 +02:00
< p class = "lead mb-0" > Vendez, achetez, échangez Librement entre amis avec < a href = "./gchange/index.html" > Gchange< / a > .< / p >
2020-04-14 02:26:37 +02:00
< / div >
< / div >
< div class = "col-lg-5" >
< div class = "features-icons-item mx-auto mb-0 mb-lg-3" >
< div class = "features-icons-icon d-flex" >
< i class = "icon-share m-auto text-primary" > < / i >
< / div >
2020-05-10 22:11:47 +02:00
< h3 > Stockage Collectif< / h3 >
< p class = "lead mb-0" > Vos amis et vous-même hébergez vos données en essaim < a href = "https://git.p2p.legal/axiom-team/astroport#installation" > IPFS< / a > < / p >
2020-04-14 02:26:37 +02:00
< / div >
< / div >
< / 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-05-13 22:58:10 +02:00
< br > < h4 > DEV ZONE< br > < / h4 >
< div class = "col-4 col-md-9 mb-2 mb-md-0" >
2020-05-16 14:30:19 +02:00
< input id = "parrain" type = "parrain" class = "form-control form-control-lg" placeholder = "Pseudo du G1 Parrain (optionnel) Zen/G1" >
2020-05-13 22:58:10 +02:00
< / div >
< 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-16 14:30:19 +02:00
< div id = "blobvideo" class = "container" >
< iframe width = "560" height = "315" src = "https://www.youtube.com/embed/W_FaOWZQdz0" frameborder = "0" allow = "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe >
2020-05-13 22:58:10 +02:00
< / div >
< / div >
< / div >
< / div >
2020-05-10 21:29:50 +02:00
<!-- Navigation -->
< nav class = "navbar navbar-light bg-light static-top" >
< div class = "container" >
2020-05-13 15:09:53 +02:00
< a class = "btn btn-lg btn-primary" href = "./jukebox/index.php" target = "jukebox" > Jukebox< / a >
< a class = "btn btn-lg btn-primary" href = "./nextcloud" target = "nextcloud" > NextCloud< / a >
< a class = "btn btn-lg btn-primary" href = "./minetest" target = "minetest" > Minetest< / a >
< a class = "btn btn-lg btn-primary" href = "./ipfs" target = "ipfs" > IPFS< / a >
2020-05-10 21:29:50 +02:00
< / div >
< / nav >
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 >