forked from axiom-team/astroport
658 lines
31 KiB
HTML
658 lines
31 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
|
||
|
||
|
||
<head>
|
||
<style type="text/css">
|
||
@font-face {
|
||
font-family: 'Material Icons';
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
src: url('public/fonts/iconfont/MaterialIcons-Regular.eot'); /* For IE6-8 */
|
||
src: local('Material Icons'),
|
||
local('MaterialIcons-Regular'),
|
||
url('public/fonts/iconfont/MaterialIcons-Regular.woff2') format('woff2'),
|
||
url('public/fonts/iconfont/MaterialIcons-Regular.woff') format('woff'),
|
||
url('public/fonts/iconfont/MaterialIcons-Regular.ttf') format('truetype');
|
||
}
|
||
</style>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||
<title>Astroport vous souhaite la bienvenue dans le web libre</title>
|
||
<meta property="og:image" content="../medias/5e7d40179170d.png" />
|
||
<meta name="description" content="Astroport ouvre les portes du web Libre" />
|
||
<meta name="keywords" content="scuttlebut, ipfs, G1" />
|
||
<meta http-equiv="content-language" content="fr_FR" />
|
||
<meta name="language" content="fr_FR" />
|
||
<link rel="icon" type="image/png" href="../medias/5e7d40179170d.png" />
|
||
<!-- CSS -->
|
||
<link href="public/css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||
<link href="public/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
|
||
<style type="text/css" id="themeClassCSS">
|
||
.menu-background {
|
||
background-color: #000000 !important;
|
||
}
|
||
.main-background {
|
||
background-color: #ffffff !important;
|
||
}
|
||
.main-color, .main-color * {
|
||
color: #202020 !important;
|
||
}
|
||
.contrasted-color, .contrasted-color * {
|
||
color: #ffffff !important;
|
||
}
|
||
.second-background {
|
||
background-color: #2a251f !important;
|
||
}
|
||
.second-color, .second-color * {
|
||
color: #9a1abd !important;
|
||
}
|
||
</style>
|
||
|
||
<style type="text/css">
|
||
|
||
@font-face {
|
||
font-family: 'Megrim';
|
||
src: url('public/fonts/customFonts/Megrim-Regular.ttf') format('truetype');
|
||
}
|
||
@font-face {
|
||
font-family: 'Poiret One';
|
||
src: url('public/fonts/customFonts/PoiretOne-Regular.ttf') format('truetype');
|
||
}
|
||
</style>
|
||
<style type="text/css" id="fontClassCSS">
|
||
.title-font, .title-font * {
|
||
font-family: 'Megrim','cursive' ;
|
||
font-size: 200 % !important ;
|
||
}
|
||
.main-font , .main-font * {
|
||
font-family: 'Poiret One','cursive' ;
|
||
font-stretch: ultra-expanded !important;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
</head><body>
|
||
|
||
|
||
|
||
|
||
<nav class="nav menu-background fixed nav-down" id="mainNav" role="navigation" style="z-index: 999">
|
||
<div class=" nav-wrapper container parent-hover">
|
||
<a id="logo-container" href="#" class="brand-logo second-color title-font relative " >
|
||
<img style="height: 59px; width: auto; margin-right: 20px; vertical-align: middle; padding: 0 0 5px 0" src="../medias/5e7d4d1051aad.png" alt="">
|
||
<span id="siteTitle" style="font-size: 1.2em !important;vertical-align: middle" class="">Astroport vous souhaite la bienvenue dans le web libre</span>
|
||
|
||
</a>
|
||
|
||
<ul class="right hide-on-med-and-down" style="max-width : 70%; max-height: 60px; overflow: hidden !important; padding-left: 30px !important; margin-left: -30px !important;">
|
||
|
||
</ul>
|
||
|
||
|
||
</div>
|
||
</nav>
|
||
<div class="" style="margin-top: 64px">
|
||
<section class="relative moduleSectionContainer" id="5e7d36c1cf48d">
|
||
|
||
<div class="parallax-container valign-wrapper module paralax" >
|
||
<div class="section no-pad-bot relative">
|
||
|
||
<div class="container " style="margin-top: 50px !important; margin-bottom: 50px !important;">
|
||
<div class=" row center contrasted-color title-font editable " id="moduleValue-text" style="font-size: 130%">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="parallax"><img id="moduleValue-imgUrl" src="../medias/5e7dd94b716a5.png" alt=""></div>
|
||
</div>
|
||
|
||
|
||
</section>
|
||
|
||
|
||
<section class="relative moduleSectionContainer" id="5e7d36c1cf592">
|
||
|
||
<div class="main-background">
|
||
<div class="container module">
|
||
<div class="section" style="padding-top: 40px !important;padding-bottom: 40px !important;">
|
||
|
||
<!-- Icon Section -->
|
||
<div class="row" style="margin-top: 0; margin-bottom: 20px !important;">
|
||
<div class="col s12 l6 offset-l3 ">
|
||
<div class=" second-color title-font editable center-align" id="moduleValue-title">
|
||
<h4><b>Astroport, c'est quoi ?</b><br /></h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row center-align">
|
||
<div class="three-block ">
|
||
<div class="icon-block center-align" style="width: 100% ; text-align: center">
|
||
<div class="relative row">
|
||
<img src="../medias/5e7d498f59fe0.png" id="moduleValue-imgUrl1" class="responsive-img center-align " alt="">
|
||
</div>
|
||
<div class=" main-color main-font editable center-align" id="moduleValue-content1">
|
||
<h4><u>G1BOT</u> : une banque<br /></h4><h5>Avec les ZEN, indexés sur la G1, vous pourrez acheter du contenu numérique (musqiue, films, logiciels), faire des échanges, donner ou recevoir, contribuer à des projets.<br /></h5>
|
||
</div>
|
||
<div class="second-color main-font editable center-align" id="moduleValue-price1">
|
||
<h5><b>Votre banquier, c'est vous..</b></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="three-block ">
|
||
<div class="icon-block center-align" style="width: 100% ; text-align: center">
|
||
<div class="relative row">
|
||
<img src="../medias/5e7d4486eb030.png" id="moduleValue-imgUrl2" class="responsive-img center-align " alt="">
|
||
</div>
|
||
<div class=" main-color main-font editable center-align" id="moduleValue-content2">
|
||
<h4><u>IPFS</u> :Votre web privé toujours accessible et incensurable<br /></h4><h5>Avec l'IPFS, toutes les données sont décentralisées et cryptées. Confidentialité et sécurité d'un protocole qui n'est pas du http et d'une interface accessible seulement à ses membres...<br /></h5>
|
||
</div>
|
||
<div class="second-color main-font editable center-align" id="moduleValue-price2">
|
||
<h5><b>L'infrastructure P2P, c'est nous tous.</b></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="three-block ">
|
||
<div class="icon-block center-align" style="width: 100% ; text-align: center">
|
||
<div class="relative row">
|
||
<img src="../medias/5e7d422cc4d48.png" id="moduleValue-imgUrl3" class="responsive-img center-align " alt="">
|
||
</div>
|
||
<div class=" main-color main-font editable center-align" id="moduleValue-content3">
|
||
<h4><u>SCUTTLEBUTT</u> : réseau social radicalement différent<br /></h4><h5>Ici, pas de 'mur' ni de narcissisme sous l'oeil de Moscou, mais une communauté hétérogène qui s'assemble par points d'intérêts communs de façon libre et totalement décentralisée.<br /></h5>
|
||
</div>
|
||
<div class="second-color main-font editable center-align" id="moduleValue-price3">
|
||
<h5><b>Réseau social non-invasif et basé sur l'Humain, ne nécessitant pas de modérateurs.<br /></b></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</section>
|
||
|
||
|
||
<section class="relative moduleSectionContainer" id="5e94f0178271b">
|
||
|
||
<div class="main-background">
|
||
<div class="container module ">
|
||
<div class="section" style="padding-top: 40px !important;padding-bottom: 40px !important;">
|
||
<div class="row no-margin">
|
||
<div class="col s12 l2 offset-l1 relative center-align">
|
||
|
||
<img src="../medias/5e94f02cd2aed.png" id="moduleValue-imgUrl" style="overflow: hidden !important; max-height: 200px !important; max-width: 200px !important; " class="center-block responsive-img rounded circle" alt="" >
|
||
|
||
|
||
|
||
</div>
|
||
<div class="col s12 l7 offset-l1">
|
||
<div class="row">
|
||
<div class="col s12 second-color title-font editable " id="moduleValue-title">
|
||
<h4><b>Minetest : interface client 'old school'</b><br /></h4>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
|
||
<div class="col s12 main-color main-font editable" id="moduleValue-content" style="text-align: justify">
|
||
<h5>L'interface client 3D (optionnelle) sera une version customisée de <b>MINETEST</b>. <br /></h5><h5>Chaque utilisateur aura un avatar lié à une clé scuttlebutt et un "monde" privé de 100x100 blocs qu'il pourra relier à son réseau d'amis. Ainsi les mondes s'interpénétreront et formeront un univers différent pour chaque utilisateur... Comment trouver plus facile pour se rencontrer, se parler, et échanger qu'un jeu d'enfant ?<br /></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</section>
|
||
|
||
|
||
<section class="relative moduleSectionContainer" id="5ec3138d0c4cd">
|
||
|
||
<div class="main-background">
|
||
<div class="container module">
|
||
<div class="section" style="padding-top: 40px !important;padding-bottom: 40px !important;">
|
||
|
||
<!-- Icon Section -->
|
||
<div class="row center-align">
|
||
<div class="three-block " style="border-radius: 4px !important; ">
|
||
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
|
||
<div class="card relative shadow-bottom" style="border-radius: 5px !important;">
|
||
<div class="card-image waves-effect waves-block waves-light ">
|
||
<img class="activator" src="../medias/5ec313a559bca.gif" id="moduleValue-imgUrl1" alt="">
|
||
</div>
|
||
<div class="card-content relative second-background" style="padding: 10px">
|
||
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
|
||
<span class=" title-font second-color editable " id="moduleValue-title1" style="display: inline-block; text-align: left !important; max-width: 85% !important;">
|
||
<h5>Monde Minetest privé Neige<br /></h5>
|
||
</span>
|
||
<i class="material-icons right second-color ">
|
||
more_vert</i>
|
||
</div>
|
||
</div>
|
||
<div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
|
||
<div class="card-title">
|
||
<i class="material-icons right second-color ">close</i></span></div>
|
||
|
||
<div class="" style="padding: 20px 10px 10px 10px">
|
||
<div class=" second-color main-font editable center-align" id="moduleValue-content1">
|
||
<p>Exemple de monde minetest privé en 100x100<br /></p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="three-block " style="border-radius: 4px !important; ">
|
||
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
|
||
<div class="card relative shadow-bottom" style="border-radius: 5px !important;">
|
||
<div class="card-image waves-effect waves-block waves-light ">
|
||
<img class="activator" src="../medias/5ec3166e350a5.gif" id="moduleValue-imgUrl2" alt="">
|
||
</div>
|
||
<div class="card-content relative second-background" style="padding: 10px">
|
||
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
|
||
<span class=" title-font second-color editable " id="moduleValue-title2" style="display: inline-block; text-align: left !important; max-width: 85% !important;">
|
||
<h5>Monde Minetest privé Plateau<br /></h5>
|
||
</span>
|
||
<i class="material-icons right second-color ">
|
||
more_vert</i>
|
||
</div>
|
||
</div>
|
||
<div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
|
||
<div class="card-title">
|
||
<i class="material-icons right second-color ">close</i></span></div>
|
||
|
||
<div class="" style="padding: 20px 10px 10px 10px">
|
||
<div class=" second-color main-font editable center-align" id="moduleValue-content2">
|
||
<p>Exemple de monde minetest privé en 100x100</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="three-block " style="border-radius: 4px !important; ">
|
||
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
|
||
<div class="card relative shadow-bottom" style="border-radius: 5px !important;">
|
||
<div class="card-image waves-effect waves-block waves-light ">
|
||
<img class="activator" src="../medias/5ec3174422a78.gif" id="moduleValue-imgUrl3" alt="">
|
||
</div>
|
||
<div class="card-content relative second-background" style="padding: 10px">
|
||
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
|
||
<span class=" title-font second-color editable " id="moduleValue-title3" style="display: inline-block; text-align: left !important; max-width: 85% !important;">
|
||
<h5>Monde minetest privé Forêt<br /></h5>
|
||
</span>
|
||
<i class="material-icons right second-color ">
|
||
more_vert</i>
|
||
</div>
|
||
</div>
|
||
<div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
|
||
<div class="card-title">
|
||
<i class="material-icons right second-color ">close</i></span></div>
|
||
|
||
<div class="" style="padding: 20px 10px 10px 10px">
|
||
<div class=" second-color main-font editable center-align" id="moduleValue-content3">
|
||
<p>Exemple de monde minetest privé en 100x100</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</section>
|
||
|
||
|
||
<section class="relative moduleSectionContainer" id="5ec30c044b46d">
|
||
|
||
<div class="main-background">
|
||
<div class="container module ">
|
||
<div class="section" style="padding-top: 40px !important;padding-bottom: 40px !important;">
|
||
<div class="row no-margin">
|
||
<div class="col s12 l2 offset-l1 relative center-align">
|
||
|
||
<img src="../medias/5ec30cc93ba29.jpeg" id="moduleValue-imgUrl" style="overflow: hidden !important; max-height: 200px !important; max-width: 200px !important; " class="center-block responsive-img rounded circle" alt="" >
|
||
|
||
|
||
|
||
</div>
|
||
<div class="col s12 l7 offset-l1">
|
||
<div class="row">
|
||
<div class="col s12 second-color title-font editable " id="moduleValue-title">
|
||
<h4><b>Les Saveurs</b><br /></h4>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
|
||
<div class="col s12 main-color main-font editable" id="moduleValue-content" style="text-align: justify">
|
||
<h5>Chaque station astroport hébergée pourra avoir différentes "saveurs", c'est à dire différents logiciels interconnectés avec elle.</h5><h5>La base est un crystal à trois branches, c'est la <b>clé Lapunta</b> dans "Le Chateau dans le ciel": G1 + SSB + IPFS. La clé Lapunta est <b>l'identité numérique responsable qui permet de démarer son #swamr0 relativiste et le moteur d'Astroport.</b></h5><h5>On peut ensuite rajouter des 'saveurs' à la base qui devient alors un <b>Metavers</b> (le Metavers est l'expérience propre à chacun de l'interconnexion de ses canaux d'information) : G1sms, Nextcloud, G1Dab, G1Tx, Cesium, Gchange, Transiscope, Oasis, Feedless, Youtube, Torrent, Minetest, etc... On pourra même ajouter de nouvelles application simplement !! C'est chacun ses goûts dans le Metavers !<br /></h5><h5>Ces saveurs sont comme des portes qu'on ouvre ou qu'on ferme aux flux de données grâce à l'astroport, par ses Stations (x64, Rpi, VirtualBox) et ses clefs.</h5><h5>La saveur Minetest, par exemple, vous téléportera dans les univers numériques privés de vos amis Scuttlebutt.</h5><h5>La saveur Nextcloud vous permettra un stockage quasi infini dans l'IPFS.</h5><h5><b>Les applications connectées à Astroport auront soit un scraper, soit une API, soit seront totalement dans le réseau IPFS.</b></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</section>
|
||
|
||
|
||
<section class="relative moduleSectionContainer" id="5e7dc5adb2f3d">
|
||
|
||
<div class="module main-background">
|
||
<div class="container ">
|
||
<div class="section" style="padding-top: 40px !important;padding-bottom: 40px !important;">
|
||
<div class="row ">
|
||
|
||
<div class="col s12 xl5" style="padding: 0 20px !important;">
|
||
<div class="row">
|
||
<div class="col s12 second-color title-font editable " id="moduleValue-title">
|
||
<h4><b>astroport, pourquoi faire ?</b><br /></h4>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col s12 main-color main-font editable" id="moduleValue-content" style="text-align: justify">
|
||
<h5>Avec les Big Datas et la mise en place de gigantesques nasses privatives, les GAFAM et leurs nombreux amis ont accès à tout notre contenu numérique.</h5><h5> Tout ? Non, un petit village résiste encore et toujours à l'envahisseur : c'est le camp du Logiciel Libre, qui se bat pour nos libertés depuis maintenant 30 ans.</h5><h5>Avec Astroport, nous voulons créer un outil mutitache qui permette de faire plein de choses : tchatter, s'organiser, partager, échanger avec une monnaie libre.<br /></h5><h5> Astroport ne s'appuie que sur du code source Libre, son réseau IPFS crypté et totalement décentralisé associé à celui de scuttlebutt vous garantissent sécurité et confidentialité. Avec l'IPFS, le data-center, c'est nous. Et la somme de nos petites machines avec leurs capacités de stockage et de calcul interconnectés est stupéfiante.<br /></h5><h5> Côté monétaire, le ZEN adossé à la Monnaie Libre permet d'échanger faciliement avec les autres membres sans utiliser d'euros ou autre "monnaie dette". Une monnaie d'échange connectée, mais déconnectée des marchés et non convertible dans un établissement bancaire. <br /></h5><h5><b>Un data-center libre, un réseau social libre, une monnaie libre, ça change tout pour tous.</b></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 l8 xl7 relative" style="padding: 0 20px">
|
||
<div class="light-shadow second-background relative " style="border-radius: 5px; padding: 20px 20px 15px 20px;" >
|
||
<div class="row no-margin center-align" id="caroutextImgFocus-5e7dc5adb2f3d" >
|
||
<img src="../medias/5e7d4033de055.png" class="responsive-img" id="moduleValue-imgUrl1" alt="">
|
||
|
||
</div>
|
||
<div class="row no-margin">
|
||
<div class="flexImagesContainer hidden" id="flexImagesContainer-5e7dc5adb2f3d">
|
||
<div class="relative zoomIn">
|
||
|
||
<img src="../medias/5e7d4033de055.png" class="caroutextImage " id="moduleValue-imgUrl0" alt="">
|
||
</div>
|
||
|
||
<div class="relative zoomIn">
|
||
|
||
<img src="../medias/5e7d3f453a39d.svg" class="caroutextImage " id="moduleValue-imgUrl1" alt="">
|
||
</div>
|
||
|
||
<div class="relative zoomIn">
|
||
|
||
<img src="../medias/5e7d4d1051aad.png" class="caroutextImage " id="moduleValue-imgUrl2" alt="">
|
||
</div>
|
||
|
||
<div class="relative zoomIn">
|
||
|
||
<img src="../medias/5e7d422cc4d48.png" class="caroutextImage " id="moduleValue-imgUrl3" alt="">
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</section>
|
||
|
||
|
||
<section class="relative moduleSectionContainer" id="5ec30ec1838e4">
|
||
|
||
<div class="main-background relative module" style="overflow: hidden">
|
||
|
||
<img class="absolute " id="moduleValue-imgUrl" src="" alt="" style="width: 100% ; height: auto; top: 0; right: 0">
|
||
<div class="container ">
|
||
<div class="section relative" style="padding-top: 40px !important;padding-bottom: 40px !important; z-index: 10">
|
||
<div class="row">
|
||
|
||
<div class="col s12 second-color title-font editable center" id="moduleValue-text" style="text-align: justify; margin-bottom: 00px !important; font-size: 130%">
|
||
<h4><b>en savoir plus<br /></b></h4><h5>pour découvrir Astroport plus en profondeur<br /></h5><br />
|
||
</div>
|
||
|
||
</div>
|
||
<div class="row center-align relative">
|
||
<span class="relative" style="width: content-box">
|
||
<a target="_blank" class="btn-large second-color second-background waves-effect waves-light" id="btnModuleBtn-5ec30ec1838e4" href="https://oasis.astroport.com">Je me lance !</a>
|
||
|
||
</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</section>
|
||
|
||
|
||
<section class="relative moduleSectionContainer" id="5e7e980525e08">
|
||
|
||
<div class="main-background">
|
||
<div class="container module ">
|
||
<div class="section" style="padding-top: 40px !important;padding-bottom: 20px !important;">
|
||
<div class="row">
|
||
<div class="col s12 xl4 relative " style="padding-bottom: 30px">
|
||
<div class=" main-color main-font editable relative " id="moduleValue-text" style="width: 100%; ">
|
||
<h4 style="text-align:center;"> Contactez nous :</h4><h5 style="text-align:center;">Vous voulez plus d'infos, adhérer, contribuer ou simplement nous parler ?</h5><h5 style="text-align:center;">N'hésitez pas, ce petit formulaire est là pour ça, nous vous répondrons dans les meilleurs délais.<br /></h5>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col s12 xl8 main-color " style="background-color: rgba(0,0,0,0.16); border-radius: 4px !important;">
|
||
<form action="contact" method="post" class="relative" id="contactForm"
|
||
style="padding: 30px !important; margin: 0 !important; ">
|
||
<input type="text" name="sectionId" value="5e7e980525e08" class="displaynone">
|
||
<div class="input-field col s12 l6 ">
|
||
<input type="text" id="contactForm-name" name="name" required>
|
||
<label for="contactForm-name" class="main-font">Votre nom</label>
|
||
</div>
|
||
<div class="input-field col s12 l6 ">
|
||
<input type="email" id="contactForm-email" name="email" required>
|
||
<label for="contactForm-email" class="main-font">Votre adresse email</label>
|
||
</div>
|
||
<div class="input-field col s12 ">
|
||
<textarea name="content" id="contactForm-content" class="materialize-textarea" required></textarea>
|
||
<label for="contactForm-content" class="main-font">Votre Message</label>
|
||
</div>
|
||
<div class="col s12">
|
||
<div class="row">
|
||
|
||
<div class="input-field col s12 m7" style="padding-right: 0 !important;">
|
||
<input type="text" id="no-robot" name="no-robot" required>
|
||
<label for="no-robot" class="main-font">Anti-spam : Combien font deux fois deux ?</label>
|
||
</div>
|
||
<div class="col s12 m5 center-align" style="padding-left: 0 !important;">
|
||
<button type="submit" class="btn-large second-background second-color " style="margin: 20px -20px 0 0 !important;">
|
||
<i class="material-icons left">send</i>envoyer
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</section>
|
||
|
||
|
||
<section class="relative moduleSectionContainer" id="5e7d36c1cf6dd">
|
||
|
||
<div class="main-background relative module" style="overflow: hidden">
|
||
|
||
<img class="absolute " id="moduleValue-imgUrl" src="" alt="" style="width: 100% ; height: auto; top: 0; right: 0">
|
||
<div class="container ">
|
||
<div class="section relative" style="padding-top: 40px !important;padding-bottom: 40px !important; z-index: 10">
|
||
<div class="row">
|
||
|
||
<div class="col s12 second-color title-font editable center" id="moduleValue-text" style="text-align: justify; margin-bottom: 00px !important; font-size: 130%">
|
||
<p style="text-align:center;">Vous avez des compétences en développement et une grosse envie de contribuer ?</p><p style="text-align:center;">Des idées pour améliorer cet outil ?</p><h5 style="text-align:center;">Rejoignez-nous sur notre gitlab, c’est ouvert à toutes et à tous !</h5><p></p>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="row center-align relative">
|
||
<span class="relative" style="width: content-box">
|
||
<a target="_blank" class="btn-large second-color second-background waves-effect waves-light" id="btnModuleBtn-5e7d36c1cf6dd" href="https://git.p2p.legal/axiom-team/astroport">Contribuer à cet outil !</a>
|
||
|
||
</span>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<section class="relative moduleSectionContainer module" id="footer">
|
||
<footer class="page-footer second-background base ">
|
||
<div class="container main-color">
|
||
<div class="row">
|
||
|
||
<div class="col m12 l5 s12 relative" >
|
||
<div class="editable main-font second-color relative" id="moduleValue-leftText" style="margin: 0 20px !important;">
|
||
<h5 class="second-color">ASTROPORT</h5><p class="second-color">Made with love by <b>FRED, MANU, POKA & CHAMALLOW</b></p>
|
||
</div>
|
||
</div>
|
||
<div class="col m8 l4 s12 relative " >
|
||
|
||
<div class="editable main-font second-color relative" id="moduleValue-rightText" style="margin: 0 20px !important;" >
|
||
<p class="second-color">Avec le soutien d'AXIOM-TEAM <a href="https://axiom-team.fr"><span>https://axiom-team.fr</span></a> et de l'équipe SCUTTLEBUTT<br /></p>
|
||
</div>
|
||
</div>
|
||
<div class="col m4 l3 s12">
|
||
<ul>
|
||
<li class="center-align"><a class=" modal-trigger white-text small-modal second-color main-font" href="#login-modal" style="text-decoration: underline !important;" >Connexion administrateur</a></li>
|
||
<div id="login-modal" class="modal modal-fixed-header " style=" height: 400px !important;">
|
||
<div class="modal-header" style="z-index: 6001">
|
||
<h5 class="white-text" style="padding: 15px !important; margin: 0 !important; color: white !important;">Connexion Administrateur</h5>
|
||
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat right"><i class="material-icons white-text" style="color:white !important;">clear</i></a>
|
||
</div>
|
||
<div class="modal-content valign-wrapper center-align" style="padding-top: 90px">
|
||
<div class=" col m10 offset-m1 " style="padding: 20px !important;" >
|
||
|
||
<div class="row">
|
||
<form class="col s12 " method="POST" action="authenticate" >
|
||
<div class="row" style="margin-top: 30px">
|
||
<div class="input-field col s12 m6">
|
||
<input id="username" name="username" type="text" required class="validate grey-text text-darken-2" >
|
||
<label class="grey-text text-darken-2" for="username">Nom d'utilisateur</label>
|
||
</div>
|
||
<div class="input-field col s12 m6">
|
||
<input id="password" name="password" type="password" required class="validate grey-text text-darken-2">
|
||
<label class="grey-text text-darken-2" for="password">Mot de passe</label>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col s12 center-align">
|
||
<button type="submit" class="white-text btn-large frama-orange hover-frama-purple waves-effect waves-light btn" style="color: white !important;"><i style="color: white !important;" class="material-icons white-text right">verified_user</i>connexion</button>
|
||
</div>
|
||
</div>
|
||
<p class="center-align" style="font-size: small "> <i class="grey-text text-darken-2">Mot de passe oublié ?<br> Retournez sur <a href="https://frama.site/"><b class="frama-purple-text">frama.site</b></a> puis cliquez sur <b class="grey-text text-darken-4">Paramètres de cette page</b> avant de cliquer sur <b class="grey-text text-darken-4">Editer</b> en face de votre nom pour pouvoir créer un nouveau mot de passe.</i></p>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="" style="background-color: rgba(0,0,0,0.28)">
|
||
<div class="footer-copyright grey-text text-lighten-2 " >
|
||
<div class="container" style="font-size: 0.9em" >
|
||
Hébergé par <a class="grey-text text-lighten-2" href="https://framasoft.org"><b>Framasoft</b></a>. Créé grâce à <a class="grey-text text-lighten-2" href="https://framagit.org/framasoft/PrettyNoemieCMS" > <img src="public/img/logo-final-white.png" class="responsive-img" style="height: 1.6em; margin: auto 0 -1px 5px" alt=""><b>oemieCMS</b></a>. Créez librement et gratuitement votre <a class="grey-text text-lighten-2" href="https://frama.site/"><b>Page Framasite ici</b></a>.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</footer>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
<a class="fixed btn-floating btn-large menu-background waves-effect waves-light tooltipped light-shadow" data-position="left"
|
||
data-delay="350" data-tooltip="retour haut de page" id="ScrollTopBtn" style="opacity : 0; z-index: 200 !important; bottom: 20px; right: 20px ">
|
||
<i class="material-icons second-color medium">arrow_upward</i>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- Scripts-->
|
||
|
||
<script src="public/js/jquery-2.1.1.min.js"></script>
|
||
<script src="public/js/materialize.min.js"></script>
|
||
|
||
|
||
|
||
<script>
|
||
SiteOptions = {"font":{"name":"Artistic","title":{"name":"Megrim","local":"Megrim","css1":"Megrim","css2":"cursive"},"main":{"name":"Poiret One","local":"PoiretOne","css1":"Poiret One","css2":"cursive"}},"theme":{"name":"Custom","menu_background":"#000000","main_background":"#ffffff","main_color":"#202020","contrasted_color":"#ffffff","second_background":"#2a251f","second_color":"#9a1abd"},"params":{"title":"Astroport vous souhaite la bienvenue dans le web libre","titleSize":"medium","favIcon":"..\/medias\/5e7d40179170d.png","siteLogo":"..\/medias\/5e7d4d1051aad.png","lang":"fr_FR","description":"Astroport ouvre les portes du web Libre","keywords":"scuttlebut, ipfs, G1","isPublished":"true"}};
|
||
CSRFToken= ''
|
||
isAdminPage =""
|
||
scrollFireOptions = []
|
||
</script>
|
||
|
||
<script src="public/js/init.js"></script>
|
||
<script src="app/views/base/nav/nav.js"></script>
|
||
<script src="app/views/base/footer/footer.js" ></script>
|
||
<script src="public/js/adminEditScripts.js"></script>
|
||
|
||
|
||
<script src="app/views/modules/paralax/show.js"></script>
|
||
<script src="app/views/modules/products/show.js"></script>
|
||
<script src="app/views/modules/photo_cv/show.js"></script>
|
||
<script src="app/views/modules/three_cards/show.js"></script>
|
||
<script src="app/views/modules/caroutext/show.js"></script>
|
||
<script src="app/views/modules/button/show.js"></script>
|
||
<script src="app/views/modules/contact/show.js"></script>
|
||
<script>
|
||
$(document).ready(function () {
|
||
|
||
Materialize.scrollFire(scrollFireOptions);
|
||
|
||
})
|
||
</script>
|
||
<div id="modalCroppingImage" class="modal big-modal modal-fixed-header" style="z-index: 12000">
|
||
<div class="modal-header" style="z-index: 6001">
|
||
<h5 class="white-text" style="padding: 15px !important; margin: 0 !important;">Recadrer l'image <i>(optionnel)</i></h5>
|
||
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat right"><i class="material-icons white-text">clear</i></a>
|
||
</div>
|
||
|
||
<div class="modal-content relative" id="croppingModalContainer" style="padding: 0 !important;">
|
||
|
||
</div>
|
||
</div></body>
|
||
</html>
|