astroport/www/LOVELand/index.html

297 lines
14 KiB
HTML
Raw Permalink Normal View History

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-08-07 04:18:20 +02:00
<p><strong><em><a href="https://astroport.com">Astroport</a></em></strong>^3000 est 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-09-10 12:46:50 +02:00
<h1>Bienvenue dans ASTROPORT 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 20:55:09 +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-15 20:55:09 +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-09-10 12:46:50 +02:00
<br><h4>un nouveau jeu de société.</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">
<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>
</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>
</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>
<h4>Visitez notre <a href="/profile" onclick="javascript:event.target.port=10040;event.target.protocol='http:';" target="oasis">Oasis</a> !</h4>
2020-06-16 04:01:23 +02:00
<br>Vous avez besoin d'aide? par SMS! Ou <a href="mailto:support@qo-op.com">envoyez un email.</a>
<br><h3><a href="https://pad.p2p.legal/s/astroport_FAQ" target="FAQ">Ajoutez vos questions à la FAQ</a></h3>
</p>
2020-05-12 12:57:28 +02:00
</div>
</div>
</div>
</section>
2020-06-16 07:34:22 +02:00
<!-- Navigation -->
<nav class="navbar navbar-light bg-light static-top">
<div class="container">
<a class="btn btn-lg btn-primary" href="https://rock64.p2p.legal" target="nextcloud">/e/ + NextCloud</a>
</div>
</nav>
<br>
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">
<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>
<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-16 07:39:21 +02:00
<a class="btn btn-lg btn-primary" href="https://feedless.social" target="feedless">Messagerie ScuttleButt</a>
<a class="btn btn-lg btn-primary" href="https://juneland.ml" target="juneland">JuneLand Minetest</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>
<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">
<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-13 22:58:10 +02:00
</div>
</div>
2020-05-28 20:11:22 +02:00
</div>
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>