261 lines
11 KiB
HTML
261 lines
11 KiB
HTML
<!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" >
|
|
|
|
<title>Astroport - HyperWeb collaboratif auto-hébergé entre amis - Love Land</title>
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<!-- 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>
|
|
|
|
<!-- Typed text animation -->
|
|
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
|
|
|
|
<!-- Clock -->
|
|
<link rel="stylesheet" href="./css/flipclock.css">
|
|
<script src="./vendor/flipclock/flipclock.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-light bg-light static-top">
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
<h1><a href="https://astroport.frama.site/">ASTROPORT</a></h1>
|
|
<div id="nodename">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12 mx-auto">
|
|
<div class="clock" style="margin:2em;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- 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">Oasis</a>
|
|
<a class="btn btn-lg btn-primary" href="/index.html" onclick="javascript:event.target.port=10030;event.target.protocol='http:';" target="cesium">Cesium</a>
|
|
<a class="btn btn-lg btn-primary" href="/index.html" onclick="javascript:event.target.port=10020;event.target.protocol='http:';" target="gchange">Gchange</a>
|
|
</div>
|
|
</nav>
|
|
|
|
|
|
<!-- 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">
|
|
<h1>Recevez une Invitation</h1><br><br>
|
|
</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">
|
|
<input id="phone" type="phone" class="form-control form-control-lg" placeholder="Saisissez un numéro de téléphone mobile...">
|
|
</div>
|
|
<div class="col-12 col-md-3">
|
|
<button type="submit" class="btn btn-block btn-lg btn-primary">Valider!</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xl-9 mx-auto">
|
|
<div id="phoneresultat">
|
|
<br><h4>Soyons LIBRE !!<br>ensemble vers un Futur plus Humain.</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xl-9 mx-auto">
|
|
<h3><div id="typed-strings">
|
|
<p>Un Monde <strong><em>pour nos enfants!</em></strong>^3000 Sans chômage, sans misère!^3000</p>
|
|
<p>Une carte <strong>unique à chacun!</strong>^3000 Un territoire construit entre amis^3000</p>
|
|
<p>Découvrez le <strong>Monde Collaboratif!</strong>^3000 Gratuit! Dès maintenant!^3000</p>
|
|
<p>Empruntez le chemin <strong><em>vers la Liberté!</em></strong>^5000 Inscrivez-vous...^3000</p>
|
|
</div>
|
|
<span id="typed"></span></h3>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</header>
|
|
<!-- 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">
|
|
<h2>Univers Numérique ancré dans le Réel</h2>
|
|
<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 libre</b> relié aux Oasis de son réseau d'Amis.
|
|
<br><br>Ici nul privilège autre que celui consciemment transmis.<br><br>
|
|
<h4>Fabriquez votre clef, évadons-nous ensemble !</h4></p>
|
|
</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">
|
|
<h2>Bâtisseurs du "Monde Libre"</h2>
|
|
<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.
|
|
<br><br>
|
|
<h3>Totalement gratuit!!</h3>
|
|
<h4>Soyez maîtres de la valeur de vos échanges!<br> Collectivement. Entre amis, tout simplement!</h4></p>
|
|
<p class="lead mb-0"><br><a href="./gchange/index.html" target="gchange">Annonces Gchange</a><br></p>
|
|
</div>
|
|
</div>
|
|
<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">
|
|
<h2>Une carte unique pour chacun</h2>
|
|
<p class="lead mb-0">Connectés au travers de <b>votre réseaux d'amis</b>!
|
|
Chacun possède sa propre Carte. Son territoire enrichi des données de son entourage, de sa région.
|
|
<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>
|
|
<h4>Vous restez au courant de ce qui se passse près de chez vous !</h4></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- Icons Grid -->
|
|
<section class="features-icons bg-light text-center">
|
|
<div class="container">
|
|
<div class="col-xl-9 mx-auto">
|
|
<h1 class="mb-5">Avantages</h1>
|
|
</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>
|
|
<h3>Forge Monétaire</h3>
|
|
<p class="lead mb-0">Gratuitement! Chacun forge sa part de monnaie chaque jour. RIB <a href="https://cesium.app">Cesium</a></p>
|
|
</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>
|
|
<h3>Réseau Social (P2P)</h3>
|
|
<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>
|
|
</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>
|
|
<h3>Marché Local Individuel</h3>
|
|
<p class="lead mb-0">Vendez, achetez, échangez Librement entre amis avec <a href="./gchange/index.html">Gchange</a>.</p>
|
|
</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>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-xl-9 mx-auto">
|
|
<div id="devzone">
|
|
<br><h4>DEV ZONE<br></h4>
|
|
<div class="col-4 col-md-9 mb-2 mb-md-0">
|
|
<input id="parrain" type="parrain" class="form-control form-control-lg" placeholder="Pseudo du G1 Parrain (optionnel) Zen/G1">
|
|
</div>
|
|
<div class="col-4 col-md-9 mb-2 mb-md-0">
|
|
<input id="naissance" type="naissance" class="form-control form-control-lg" placeholder="Date de naissance">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-light bg-light static-top">
|
|
<div class="container">
|
|
<a class="btn btn-lg btn-primary" href="/" onclick="javascript:event.target.port=10011;event.target.protocol='http:';" target="jukebox">Jukebox</a>
|
|
<a class="btn btn-lg btn-primary" href="https://rock64.p2p.legal" target="nextcloud">NextCloud</a>
|
|
<a class="btn btn-lg btn-primary" href="https://feedless.social" target="minetest">Feedless.social</a>
|
|
<a class="btn btn-lg btn-primary" href="./ipfs" target="ipfs">IPFS</a>
|
|
</div>
|
|
</nav>
|
|
<br><br><br>
|
|
|
|
|
|
<script type="text/javascript">
|
|
var clock;
|
|
|
|
$(document).ready(function() {
|
|
|
|
// Grab the current date
|
|
var currentDate = new Date();
|
|
|
|
// Set some date in the future.
|
|
var futureDate = new Date(2020, 5, 6, 12, 12);
|
|
|
|
// 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',
|
|
language: 'fr',
|
|
countdown: true
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<script>
|
|
var typed = new Typed('#typed', {
|
|
stringsElement: '#typed-strings',
|
|
smartBackspace: true,
|
|
backDelay: 700,
|
|
loop: false,
|
|
typeSpeed: 40
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|