335 lines
17 KiB
HTML
335 lines
17 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
|
|
<head>
|
|
<link rel='stylesheet' id='main-css' href='../app/themes/joystick-v20/style3428.css?ver=4.5.2' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='fonts-css' href='../app/themes/joystick-v20/css/fonts3428.css?ver=4.5.2' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='header-css' href='../app/themes/joystick-v20/css/header3428.css?ver=4.5.2' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='footer-css' href='../app/themes/joystick-v20/css/footer3428.css?ver=4.5.2' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='home-css' href='../app/themes/joystick-v20/css/home3428.css?ver=4.5.2' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='post-css' href='../app/themes/joystick-v20/css/post3428.css?ver=4.5.2' type='text/css' media='all' />
|
|
<link rel='stylesheet' id='our-developers-css' href='../app/themes/joystick-v20/css/our-developers3428.css?ver=4.5.2' type='text/css' media='all' />
|
|
<link rel='https://api.w.org/' href='../wp-json/index.html' />
|
|
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="../wp/xmlrpc0db0.php?rsd" />
|
|
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp/wp-includes/wlwmanifest.xml" />
|
|
<link rel="canonical" href="index.html" />
|
|
<link rel='shortlink' href='../index18c0.html?p=1163' />
|
|
<link rel="alternate" type="application/json+oembed" href="../wp-json/oembed/1.0/embed8d21.json?url=http%3A%2F%2Fastroport.com%2Four-developers%2F" />
|
|
<link rel="alternate" type="text/xml+oembed" href="../wp-json/oembed/1.0/embed6796?url=http%3A%2F%2Fastroport.com%2Four-developers%2F&format=xml" />
|
|
<script type="text/javascript" src="../app/plugins/si-captcha-for-wordpress/captcha/si_captcha060e.js?ver=1574531094"></script>
|
|
<!-- begin SI CAPTCHA Anti-Spam - login/register form style -->
|
|
<style type="text/css">
|
|
.si_captcha_small { width:175px; height:45px; padding-top:10px; padding-bottom:10px; }
|
|
.si_captcha_large { width:250px; height:60px; padding-top:10px; padding-bottom:10px; }
|
|
img#si_image_com { border-style:none; margin:0; padding-right:5px; float:left; }
|
|
img#si_image_reg { border-style:none; margin:0; padding-right:5px; float:left; }
|
|
img#si_image_log { border-style:none; margin:0; padding-right:5px; float:left; }
|
|
img#si_image_side_login { border-style:none; margin:0; padding-right:5px; float:left; }
|
|
img#si_image_checkout { border-style:none; margin:0; padding-right:5px; float:left; }
|
|
img#si_image_jetpack { border-style:none; margin:0; padding-right:5px; float:left; }
|
|
img#si_image_bbpress_topic { border-style:none; margin:0; padding-right:5px; float:left; }
|
|
.si_captcha_refresh { border-style:none; margin:0; vertical-align:bottom; }
|
|
div#si_captcha_input { display:block; padding-top:15px; padding-bottom:5px; }
|
|
label#si_captcha_code_label { margin:0; }
|
|
input#si_captcha_code_input { width:65px; }
|
|
p#si_captcha_code { clear: left; padding-top:10px; }
|
|
.si-captcha-jetpack-error { color:#DC3232; }
|
|
|
|
</style>
|
|
<!-- end SI CAPTCHA Anti-Spam - login/register form style -->
|
|
<link rel="icon" href="../Alogo.png" sizes="32x32" />
|
|
<link rel="icon" href="../Alogo.png" sizes="192x192" />
|
|
<link rel="apple-touch-icon-precomposed" href="../Alogo72.png" />
|
|
<meta name="msapplication-TileImage" content="../Alogo72.png" />
|
|
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Astroport</title>
|
|
<link rel="icon"
|
|
type="image/ico"
|
|
href="../app/themes/joystick-v20/images/pp-fav.ico">
|
|
<!-- Matomo Image Tracker-->
|
|
<img src="https://piwik.p2p.legal/matomo.php?idsite=12&rec=1" style="border:0" alt="" />
|
|
<!-- End Matomo -->
|
|
<!-- Matomo -->
|
|
<script type="text/javascript">
|
|
var _paq = window._paq || [];
|
|
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
|
_paq.push(['trackPageView']);
|
|
_paq.push(['enableLinkTracking']);
|
|
(function() {
|
|
var u="//piwik.p2p.legal/";
|
|
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
|
_paq.push(['setSiteId', '12']);
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
|
|
})();
|
|
</script>
|
|
<!-- End Matomo Code -->
|
|
</head>
|
|
|
|
<body class="page page-id-1163 page-template page-template-our-developers page-template-our-developers-php">
|
|
|
|
<header class="main-header">
|
|
<div class="navigation-container">
|
|
<div class="main-logo">
|
|
<a href="../index.html">
|
|
<img class="logo_image" src="../images/astrologo.png" alt="Main Logo">
|
|
<img class="logo_mobile" src="../app/themes/joystick-v20/images/logo_mobile.png" alt="Main Logo">
|
|
</a>
|
|
</div>
|
|
<div class="main-navigation">
|
|
<div class="menu-siliconvalley-s6-container"><ul id="menu-siliconvalley-s6" class="menu"><li id="menu-item-1260" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1260"><a href="../index.html">Commencez</a></li>
|
|
<li id="menu-item-1261" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1261"><a href="../our-developers/index.html">La transition</a></li>
|
|
<li id="menu-item-1262" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1253 current_page_item menu-item-1262"><a href="index.html">Maintenant</a></li>
|
|
</ul></div> </div>
|
|
</div>
|
|
</header>
|
|
|
|
<script>
|
|
window.onscroll = function () {
|
|
resizeHeader()
|
|
}
|
|
|
|
function resizeHeader() {
|
|
|
|
if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
|
|
document.querySelector(".main-header").classList.add("resized")
|
|
} else {
|
|
document.querySelector(".main-header").classList.remove("resized")
|
|
}
|
|
}
|
|
</script>
|
|
<section id="our-developers">
|
|
<section role="main" class="intro-section">
|
|
<article class="intro-text">
|
|
<h1 class="title slide-up-animation hidden">Un monde virtuel <br/><span class="bold">au service</span>
|
|
du réel
|
|
</h1>
|
|
|
|
<p class="description slide-up-animation hidden">
|
|
<span class="bold">JuneLand</span> est une expérience <span class="bold">socio vidéo ludique 3D</span> évolutive<br>
|
|
Un espace Libre pour faire naitre un Monde libre.
|
|
<br><br>Plateforme sociale et <span class="bold">mondes en partage</span> pour apprendre, échanger, jouer... Explorer !
|
|
</p>
|
|
</article>
|
|
</section>
|
|
|
|
<section class="developers-section">
|
|
<article class="developers-text">
|
|
<h1 class="title slide-up-animation hidden">Connectons nos <span class="bold">Metavers</span></h1>
|
|
<div class="text-image-left slide-up-animation hidden">
|
|
<img src="../images/municipality.png" width="190" alt="Image"/>
|
|
<div class="developers-text-content">
|
|
|
|
<p class="description">
|
|
<span class="bold">Devenons architecte</span>.
|
|
Les cubes (voxels) repectent les lois de la physique. Le jeu de base est un "minecraft" à la souris.
|
|
Mais nous pouvons librement ajouter des tas de nouvelles propriétés.
|
|
Des centaines de mods se construisent.
|
|
</p>
|
|
<br/>
|
|
</div>
|
|
</div>
|
|
<div class="text-image-right slide-up-animation hidden">
|
|
<img src="../images/crypto.png" width="190" alt="Image"/>
|
|
<div class="developers-text-content ">
|
|
<p class="description">
|
|
<span class="bold">Devenons maitre d'oeuvre</span>
|
|
Quelles que soient les dimensions que nous souhaitons représenter: 30 km, 30 m, 30 µm cube sont à notre disposition.
|
|
Le <a href="http://www.dane.ac-versailles.fr/s-inspirer-temoigner/les-projets-pedagogiques-minetest-et-minecraft-une-belle-histoire" target="minetest">"bac à sable"</a> Minetest regorge de possibilités!
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="text-image-left slide-up-animation hidden">
|
|
<img src="../images/festival.png" width="190" alt="Image"/>
|
|
|
|
<div class="developers-text-content ">
|
|
<p class="description">
|
|
<span class="bold">Devenons développeurs</span>
|
|
Le bash, le code LUA des modules minetest sont une bonne façon de se former à utiliser un ordinateur.
|
|
Pas à pas, chacun est capale d'apprendre s'il le souhaite.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="text-image-right slide-up-animation hidden">
|
|
<img src="../images/reward.png" width="190" alt="Image"/>
|
|
<div class="developers-text-content">
|
|
|
|
<p class="description">
|
|
<span class="bold">Devenons magiciens</span>
|
|
En mettant à profit le réseau ScuttleButt, le stockage multimedia IPFS, les G1 et les Zen d'Astroport il devient possible
|
|
de mettre en place une école numérique participative.
|
|
</p>
|
|
<br/>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
|
|
<!-- FEATURES -->
|
|
<section class="developers-feature-section">
|
|
<article class="developers-text">
|
|
<h1 class="title slide-up-animation hidden">Les possibilités sont <span class="bold">sans limite</span></h1>
|
|
<div class="columns">
|
|
<div class="col-3 hidden">
|
|
<h4 class="title bold">Je suis un algorithme local. Une "IA" contrôlable</h4>
|
|
<p class="title bold">Vous seul êtes en capacité de l'activer. Vos clefs, chiffrées, servent à pouvoir me mettre en route.
|
|
<br><br>Vous choisissez d'activer ou non les automatismes cognitifs de votre station Astroport</p><br>
|
|
<img src="../images/winter.gif" alt="winter">
|
|
</div>
|
|
<div class="col-3 hidden">
|
|
<h4 class="title bold">Vos données sont partagées avec des amis uniquement</h4>
|
|
<p class="title bold">Par un phénomène propre et unique au réseau distribué de stations Astroport,
|
|
votre horizon informationnel se consolide petit à petit.
|
|
<br><br>Votre indépendance à décider de vos actions est constante.
|
|
</p>
|
|
<img src="../images/forest.gif" alt="forest">
|
|
</div>
|
|
<div class="col-3 hidden">
|
|
<h4 class="title bold">Une Intelligence collective sur-naturelle</h4>
|
|
<p class="title bold">Astroport, de part sa structure en essaims, empèche l'extraction de vos données par tout système d'information global.
|
|
<br><br>Par conséquent, vous bénéficiez pleinement de l'Intelligence collective qui émane de vos relations.
|
|
</p><img src="../images/country.gif" alt="country">
|
|
</div>
|
|
</div><!-- end of column-->
|
|
</article>
|
|
</section>
|
|
|
|
<!-- START UP SECTION -->
|
|
<section id="join-hundreds-of-developers" class="developers-startup-section">
|
|
<article class="developers-startup">
|
|
<h1 class="title slide-up-animation hidden">Jouez en découvrant à <span class="bold">vous connaitre</span></h1>
|
|
<p class="description slide-up-animation hidden">
|
|
<span class="bold">En préparation</span><br>
|
|
Nous vous offrons un espace numérique bien à vous.
|
|
<br>Pour en prendre réception, choisissez et téléchargez votre "mini-monde"!
|
|
<br>Un cube de presque 1 hectare de pixels de coté où vous pourrez bâtir gratuitement <span class="bold">votre monde idéal</span> celui qui s'accorde à ceux de vos amis!
|
|
</p>
|
|
<br>
|
|
|
|
<p class="description">
|
|
<iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" src="https://tube.p2p.legal/videos/embed/1a28c8a8-2bfa-48c6-adae-456bcdd02387" frameborder="0" allowfullscreen></iframe>
|
|
<br>
|
|
</p>
|
|
<p class="description slide-up-animation hidden">
|
|
<span class="bold"><a style="color: #ffffff;" href="http://oasis.astroport.com:10010">LOVE Land</a> se construit en ce moment... Grâce à vous!</span><br>
|
|
</p>
|
|
</article>
|
|
</section>
|
|
|
|
<video class="video-bg" src="../app/themes/joystick-v20/video-bgs/juneland.mp4" autoplay muted
|
|
loop></video>
|
|
</section>
|
|
|
|
<script>
|
|
function copyToClipboard(element) {
|
|
var range = document.createRange();
|
|
range.selectNode(document.getElementById("code"));
|
|
window.getSelection().addRange(range);
|
|
document.execCommand("copy");
|
|
}
|
|
</script>
|
|
<script type='text/javascript' src='../TweenMax.min.js'></script>
|
|
<script type='text/javascript' src='../app/themes/joystick-v20/js/animations3428.js?ver=4.5.2'></script>
|
|
<script type='text/javascript' src='../app/themes/joystick-v20/js/device3428.js?ver=4.5.2'></script>
|
|
<script type='text/javascript' src='../app/themes/joystick-v20/js/ieFix3428.js?ver=4.5.2'></script>
|
|
<script type='text/javascript' src='../wp/wp-includes/js/wp-embed.min3428.js?ver=4.5.2'></script>
|
|
|
|
<br><br><br><br><br><br><br>
|
|
<footer>
|
|
<div class="social-links-wrapper">
|
|
<div class="social-links">
|
|
<a href="https://www.facebook.com/groups/305314763358029/" target="_blank">
|
|
<img src="../app/themes/joystick-v20/images/ic_facebook.svg" class="social-link"/>
|
|
</a>
|
|
<a href="https://twitter.com/zicmama" target="_blank">
|
|
<img src="../app/themes/joystick-v20/images/ic_twitter.svg" class="social-link"/>
|
|
</a>
|
|
<a href="https://pad.p2p.legal/" target="_blank">
|
|
<img src="../app/themes/joystick-v20/images/ic_instagram.svg" class="social-link"/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="message">
|
|
Astroport est un système d'opération Internet distribué LIBRE. Il vous libère des systèmes d'exploitation et des services Web2.0 limités et propriétaires.
|
|
</div>
|
|
<div class="copyright">
|
|
<br>2020 Astroport.<br>
|
|
</div>
|
|
</footer>
|
|
<!--Lines animations-->
|
|
<script>
|
|
(function () {
|
|
var imagesContainer;
|
|
var windowHeight;
|
|
var hasLinesBeenAnimated = false
|
|
tl = new TimelineMax()
|
|
|
|
function init() {
|
|
imagesContainer = document.querySelector('#the-web-you-never');
|
|
windowHeight = window.innerHeight;
|
|
}
|
|
|
|
function checkPosition() {
|
|
if (imagesContainer == null || imagesContainer === 'undefined') return
|
|
|
|
var positionFromTop = imagesContainer.getBoundingClientRect().top;
|
|
|
|
if (positionFromTop - windowHeight <= 0 && !hasLinesBeenAnimated) {
|
|
hasLinesBeenAnimated = true
|
|
if (window.innerWidth > 660) {
|
|
var linesTl = new TimelineMax({delay: 1.5})
|
|
linesTl.from(document.querySelector('#the-web-you-never .lines'), 1, {height: 0})
|
|
linesTl.from(document.querySelector('#the-web-you-never .img_identity'), 0.5, {
|
|
opacity: 0,
|
|
scale: 0.6
|
|
}, '-=0.5')
|
|
linesTl.from(document.querySelector('#the-web-you-never .img_data'), 0.5, {
|
|
opacity: 0,
|
|
scale: 0.6
|
|
}, '-=0.15')
|
|
linesTl.from(document.querySelector('#the-web-you-never .img_privacy'), 0.5, {
|
|
opacity: 0,
|
|
scale: 0.6
|
|
}, '-=0.15')
|
|
linesTl.from(document.querySelector('#the-web-you-never .img_thunder'), 0.5, {
|
|
opacity: 0,
|
|
scale: 0.6
|
|
}, '-=0.15')
|
|
} else {
|
|
var linesTl = new TimelineMax({delay: 1.5})
|
|
linesTl.from(document.querySelector('#the-web-you-never .img_identity'), 0.5, {
|
|
opacity: 0,
|
|
scale: 0.6
|
|
})
|
|
linesTl.from(document.querySelector('#the-web-you-never .img_data'), 0.5, {
|
|
opacity: 0,
|
|
scale: 0.6
|
|
}, '-=0.15')
|
|
linesTl.from(document.querySelector('#the-web-you-never .img_privacy'), 0.5, {
|
|
opacity: 0,
|
|
scale: 0.6
|
|
}, '-=0.15')
|
|
linesTl.from(document.querySelector('#the-web-you-never .img_thunder'), 0.5, {
|
|
opacity: 0,
|
|
scale: 0.6
|
|
}, '-=0.15')
|
|
}
|
|
}
|
|
}
|
|
|
|
window.addEventListener('scroll', checkPosition);
|
|
window.addEventListener('resize', init);
|
|
|
|
init();
|
|
checkPosition();
|
|
})();
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|