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-11 20:51:55 +02:00
< title > Astroport Station - Love Land - HyperWeb collaboratif auto-hébergé entre amis...< / 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-09 02:09:19 +02:00
< h1 > < a href = "https://astroport.frama.site/" > Astroport< / a > < / h1 >
2020-05-03 16:41:04 +02:00
< / div >
2020-05-03 19:58:28 +02:00
2020-05-03 16:41:04 +02:00
< div class = "row" >
2020-05-09 03:38:51 +02:00
< h2 > compte à rebour...< / h2 >
2020-05-03 16:41:04 +02:00
< / div >
< div class = "row" >
2020-05-03 19:58:28 +02:00
< div class = "clock" style = "margin:2em;" > < / div >
2020-05-03 16:41:04 +02:00
< / div >
2020-04-14 02:26:37 +02:00
< / div >
< / nav >
2020-05-10 21:29:50 +02:00
<!-- Navigation -->
< nav class = "navbar navbar-light bg-light static-top" >
< div class = "container" >
< a class = "btn btn-primary" href = "./cesium/index.html" target = "cesium" > Cesium< / a >
< a class = "btn btn-primary" href = "./gchange/index.html" target = "gchange" > Gchange< / a >
2020-05-11 22:31:16 +02:00
< a class = "btn btn-primary" href = "./jukebox/index.php" target = "jukebox" > Music< / a >
< a class = "btn btn-primary" href = "./oasis" target = "oasis" > Oasis< / a >
2020-05-10 23:54:57 +02:00
< a class = "btn btn-primary" href = "./g1billet/test.php" target = "g1billets" > G1Billets< / 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-09 03:38:51 +02:00
< h1 > Activer une Station< / 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-01 21:37:39 +02:00
2020-04-14 02:26:37 +02:00
< input id = "phone" type = "phone" class = "form-control form-control-lg" placeholder = "Saisissez votre numéro de téléphone mobile..." >
< / 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 >
< div class = "row" >
< div class = "col-xl-9 mx-auto" >
< div id = "phoneresultat" >
2020-05-09 03:38:51 +02:00
< br > < h4 > LIBRE< br > 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-09 14:22:21 +02:00
< p > Un Monde < strong > < em > pour nos enfants!< / em > < / strong > ^3000 Gratuit, sans chomage, sans misère!^3000< / p >
< p > Astroport forme un essaim < strong > unique à chacun!< / strong > ^3000 Un réseau intelligent entre amis^3000< / p >
< p > Activez la clef de votre < strong > < em > Station Astroport!< / 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-10 22:11:47 +02:00
< h2 > Un nouvel Univers Numérique et 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.
Chacun y est souverain. < b > Forgeron monétaire < / b > dans l'Oasis formé par son réseau d'amis.
2020-05-10 22:11:47 +02:00
< br > < br > Ici nul privilège autre que celui consciemment transmit.< br > < br >
< h4 > Commandez 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-10 22:11:47 +02:00
< h2 > Bâtissons un Monde Libre< / h2 >
< p class = "lead mb-0" > Astroport fait émerger un Metavers composé des mini-mondes de chacun.
Tous associés partageant besoins, compétences et connaissances.
< br > < br >
< h3 > Totalement gratuit!!< / h3 >
< h4 > Maîtres de la valeur et de nos échanges!< br > Nous commerçons entre amis uniquement!< / h4 > < / p >
< 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 >
< / 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-10 22:11:47 +02:00
< h3 > Marché Local Individual< / h3 >
< 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-10 21:29:50 +02:00
<!-- Navigation -->
< nav class = "navbar navbar-light bg-light static-top" >
< div class = "container" >
< a class = "btn btn-primary" href = "./nextcloud" target = "nextcloud" > NextCloud< / a >
< a class = "btn btn-primary" href = "./minetest" target = "minetest" > Minetest< / a >
< a class = "btn btn-primary" href = "./ipfs" target = "ipfs" > IPFS< / a >
< / div >
< / nav >
2020-04-14 02:26:37 +02:00
2020-05-01 18:31:32 +02:00
< script type = "text/javascript" >
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',
countdown: true
});
});
< / script >
2020-04-14 02:26:37 +02:00
<!-- Global site tag (gtag.js) - Google Analytics -->
< script async src = "https://www.googletagmanager.com/gtag/js?id=UA-114787603-1" > < / script >
< script >
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-114787603-1');
< / script >
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-04-14 02:26:37 +02:00
< / body >
< / html >