186 lines
9.6 KiB
HTML
186 lines
9.6 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<title>Jean-Cloud - Le cloud lent et local</title>
|
|||
|
|
<meta charset="utf-8" />
|
|||
|
|
<!-- <link rel="stylesheet" href="css/helios.css" /> -->
|
|||
|
|
<!--<link rel="stylesheet" href="css/solid-state.css" />-->
|
|||
|
|
<link rel="stylesheet" href="css/main.css" />
|
|||
|
|
</head>
|
|||
|
|
<body class="homepage is-preload">
|
|||
|
|
<!-- Header -->
|
|||
|
|
<div id="header">
|
|||
|
|
<div class="background"></div>
|
|||
|
|
|
|||
|
|
<!-- Inner -->
|
|||
|
|
<div class="inner">
|
|||
|
|
<header>
|
|||
|
|
<h1><a href="index.html" id="logo">Jean-Cloud</a></h1>
|
|||
|
|
<hr />
|
|||
|
|
<p>Le cloud lent, hébergé près de chez vous !</p>
|
|||
|
|
</header>
|
|||
|
|
<footer>
|
|||
|
|
<a href="#jeanqui" class="button circled scrolly">Découvrir !</a>
|
|||
|
|
</footer>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Nav -->
|
|||
|
|
<!-- Todo – drop down list in css -->
|
|||
|
|
<nav id="nav">
|
|||
|
|
<div id="content">
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<a href="#header">Accueil</a>
|
|||
|
|
</li>
|
|||
|
|
<!--<li>
|
|||
|
|
<a href="#">Dropdown</a>
|
|||
|
|
<ul class="dropdown">
|
|||
|
|
<li><a href="#">Lorem ipsum dolor</a></li>
|
|||
|
|
<li><a href="#">Magna phasellus</a></li>
|
|||
|
|
<li><a href="#">Etiam dolore nisl</a></li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#">And a submenu …</a>
|
|||
|
|
<ul class="submenu">
|
|||
|
|
<li><a href="#">Lorem ipsum dolor</a></li>
|
|||
|
|
<li><a href="#">Phasellus consequat</a></li>
|
|||
|
|
<li><a href="#">Magna phasellus</a></li>
|
|||
|
|
<li><a href="#">Etiam dolore nisl</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><a href="#">Veroeros feugiat</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>-->
|
|||
|
|
<li><a href="#services">Nos services</a></li>
|
|||
|
|
<li><a href="#contact">Nous contacter</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</nav>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<main>
|
|||
|
|
<section id="jeanqui" class="main">
|
|||
|
|
<h2>Qui est Jean-Cloud ?</h2>
|
|||
|
|
<p>
|
|||
|
|
Jean-Cloud est un ensemble de services à destination de chaque personne soucieuse de sa vie privée…
|
|||
|
|
L’accès à chaque service se fait sur demande via notre <a href="#contact">formulaire de contact</a>
|
|||
|
|
<!--Ces services sont gérés par une association loi 1901 : Jean-Cloud.-->
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
Nous bâtissons un morceau d’internet avec uniquement des logiciels libres, par respect pour nos utilisateurs.
|
|||
|
|
Le projet d’hébergement vert permetra dès 2020 de réduire les impacts écologiques et sociaux du numérique pour ne garder que le meilleur de l’internet !
|
|||
|
|
</p>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section id="services" class="main">
|
|||
|
|
<h2>Nos services</h3>
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<span class="icon">
|
|||
|
|
<img src="img/cloud.svg">
|
|||
|
|
</span>
|
|||
|
|
<a href="https://nuage.jean-cloud.net">Le nuage</a> pour stocker ses fichiers. (Avec Nextcloud)
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<span class="icon">
|
|||
|
|
<img src="img/git.svg">
|
|||
|
|
</span>
|
|||
|
|
<a href="https://git.jean-cloud.net">La forge git</a> pour stocker ses projets et travailler collaborativement. (Avec Gitea)
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<span class="icon">
|
|||
|
|
<img src="img/latex.svg">
|
|||
|
|
</span>
|
|||
|
|
<a href="https://latex.jean-cloud.net">L’éditeur de Latex</a> pour stocker ses documents Latex et les éditer collaborativement. (Avec ShareLatex)
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<span class="icon">
|
|||
|
|
<img src="img/video.svg">
|
|||
|
|
</span>
|
|||
|
|
<a href="https://videos.jean-cloud.net">La plateforme vidéo</a> À VENIR pour partager et visioner les vidéos du réseau <a href="https://joinpeertube.org">PeerTube</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<footer>
|
|||
|
|
<p>L’utilisation de tous ces services est soumise à nos <a href="cgu.html">Conditions générales d’utilisation</a></p>
|
|||
|
|
<p>Nous pouvons ajouter des services à cette liste sur votre demande via le <a href="#contact">formulaire de contact</a></p>
|
|||
|
|
</footer>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section id="hosting" class="main">
|
|||
|
|
<h2>L’hébergement sur internet</h2>
|
|||
|
|
<p>
|
|||
|
|
Jean-Cloud peut héberger vos services sur son réseau de machines pour garantir une empreinte écologique minimal !
|
|||
|
|
Nos serveurs seront hébergés sous peu dans la toute nouvelle salle machine associative à Grenoble ainsi que chez certains particuliers volontaires.
|
|||
|
|
<footer>
|
|||
|
|
<!--<a href=«"hosting.html">En savoir plus</a>-->
|
|||
|
|
</footer>
|
|||
|
|
</p>
|
|||
|
|
<!--
|
|||
|
|
<section>
|
|||
|
|
<h3>Alertes</h3>
|
|||
|
|
<p>Pour être averti en cas de panne du service : <a href="#">liste mail d’alertes</a></p>
|
|||
|
|
</section>
|
|||
|
|
<section>
|
|||
|
|
<h3>Nouveautés</h3>
|
|||
|
|
<p>Pour recevoir nos publications : <a href="#">liste mail des nouveautés</a></p>
|
|||
|
|
</section>
|
|||
|
|
-->
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section id="trust" class="main">
|
|||
|
|
<h2>Ils nous font confiance</h2>
|
|||
|
|
<p>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="https://leida.fr">leida.fr</a></li>
|
|||
|
|
<!--<li><a href="https://feteducourt.jean-cloud.net">feteducourt.jean-cloud.net</a></li>-->
|
|||
|
|
<li><a href="https://lalis.fr">lalis.fr</a></li>
|
|||
|
|
<li><a href="https://rpnow.jean-cloud.net">rpnow.jean-cloud.net</a></li>
|
|||
|
|
<li><a href="https://velov.jean-cloud.net">velov.jean-cloud.net</a></li>
|
|||
|
|
<li><a href="https://oma-radio.fr">oma-radio.fr</a></li>
|
|||
|
|
<li><span>Et d’autres anonymes…</span></li>
|
|||
|
|
</ul>
|
|||
|
|
</p>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- Contact -->
|
|||
|
|
<section id="contact">
|
|||
|
|
<h2>Nous contacter</h2>
|
|||
|
|
<form method="post" action="/contact">
|
|||
|
|
<div class="fields">
|
|||
|
|
<div class="field">
|
|||
|
|
<label for="address">Adresse mail</label>
|
|||
|
|
<input type="text" name="address" id="address" />
|
|||
|
|
</div>
|
|||
|
|
<div class="field">
|
|||
|
|
<label for="subject">Sujet</label>
|
|||
|
|
<input type="text" name="subject" id="subject" />
|
|||
|
|
</div>
|
|||
|
|
<div class="field">
|
|||
|
|
<label for="content">Message</label>
|
|||
|
|
<textarea name="content" id="content" rows="3"></textarea>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<ul class="actions">
|
|||
|
|
<li><input type="submit" value="Envoyer" /></li>
|
|||
|
|
</ul>
|
|||
|
|
</form>
|
|||
|
|
|
|||
|
|
<div class="social_network">
|
|||
|
|
<h3>Réseaux sociaux</h3>
|
|||
|
|
<ul class="icons">
|
|||
|
|
<li>
|
|||
|
|
<a href="https://hub.docker.com/u/jeancloud">
|
|||
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 172 172"><g><path d="M68.8,30.96v17.2h-34.4v17.2h-17.2v17.2h-13.33c-1.63937,0.02688 -3.02344,1.19594 -3.3325,2.795c0,0 -0.5375,2.94281 -0.5375,6.665c0,2.365 0.24188,4.93156 0.645,7.525c-0.20156,0.05375 -0.47031,0.17469 -0.645,0.215h0.645c0.99438,6.22156 3.27875,12.84625 7.095,19.135c0.01344,0.02688 -0.01344,0.08063 0,0.1075c0.02688,0.06719 0.06719,0.14781 0.1075,0.215c0.17469,0.81969 0.63156,1.54531 1.29,2.0425c0.06719,0.04031 0.14781,0.08063 0.215,0.1075c1.06156,1.53188 2.17688,3.06375 3.44,4.515c9.20469,10.61563 24.14719,18.5975 45.6875,18.5975c35.16594,0 64.90313,-14.98281 81.7,-44.72h31.2825c-3.73562,-0.94062 -11.75781,-2.20375 -10.4275,-7.095c-4.44781,5.14656 -12.91344,5.79156 -19.4575,4.6225c1.24969,-2.365 2.45906,-4.77031 3.5475,-7.31c9.94375,-0.25531 17.07906,-3.45344 21.07,-7.31c4.36719,-4.21937 5.6975,-8.9225 5.6975,-8.9225c0.33594,-1.31687 -0.12094,-2.70094 -1.1825,-3.5475c0,0 -8.69406,-6.3425 -21.715,-4.1925c-3.70875,-12.16094 -13.33,-18.06 -13.33,-18.06c-0.71219,-0.41656 -1.54531,-0.57781 -2.365,-0.43c-0.55094,0.12094 -1.075,0.37625 -1.505,0.7525c0,0 -2.29781,1.96188 -4.1925,5.4825c-1.89469,3.52063 -3.64156,8.88219 -3.01,15.8025c0.29563,3.23844 1.31688,6.31563 2.795,9.245c-0.83312,0.51063 -1.31687,0.94063 -2.6875,1.505c-2.84875,1.1825 -7.00094,2.2575 -12.9,2.2575h-1.72v-17.2h-17.2v-34.4zM75.68,37.84h10.32v10.32h-10.32zM41.28,55.04h10.32v10.32h-10.32zM58.48,55.04h10.32v10.32h-10.32zM75.68,55.04h10.32v10.32h-10.32zM134.4825,55.7925c2.55313,1.89469 7.17563,5.85875 8.815,14.5125c0.17469,0.95406 0.73906,1.77375 1.55875,2.28438c0.81969,0.51062 1.81406,0.65844 2.74125,0.40312c8.77469,-2.40531 13.51813,-0.43 16.125,1.075c-0.49719,1.08844 -0.41656,1.76031 -2.365,3.655c-3.13094,3.02344 -8.43875,6.07375 -18.3825,5.6975c-1.45125,-0.05375 -2.78156,0.80625 -3.3325,2.15c-1.37062,3.42656 -2.95625,6.59781 -4.6225,9.675c-0.51062,-0.29562 -0.94062,-0.645 -1.29,-0.9675c-4.60906,6.67844 -31.34969,4.12531 -33.2175,-1.075c-5.76469,6.7725 -23.67687,6.7725 -29.455,0c-1.86781,5.20031 -28.71594,7.75344 -33.325,1.075c-4.12531,3.87 -20.41156,6.24844 -27.1975,-1.6125c0.645,2.365 -1.02125,3.89688 -3.225,4.945c-0.28219,-1.96187 -0.43,-3.82969 -0.43,-5.59c0,-1.47812 0.1075,-1.6125 0.215,-2.58h104.705c6.7725,0 11.85188,-1.29 15.48,-2.795c3.62813,-1.505 6.20813,-3.3325 6.5575,-3.5475c0.83313,-0.52406 1.3975,-1.37062 1.55875,-2.33812c0.16125,-0.95406 -0.09406,-1.94844 -0.69875,-2.71438c-1.90812,-2.48594 -2.9025,-5.60344 -3.225,-9.1375c-0.49719,-5.54969 0.80625,-9.43312 2.15,-11.9325c0.45688,-0.84656 0.48375,-0.67187 0.86,-1.1825zM24.08,72.24h10.32v10.32h-10.32zM41.28,72.24h10.32v10.32h-10.32zM58.48,72.24h10.32v10.32h-10.32zM75.68,72.24h10.32v10.32h-10.32zM92.88,72.24h10.32v10.32h-10.32zM7.74,99.76h124.7c-15.78906,25.50438 -42.00562,37.84 -73.96,37.84c-18.8125,0 -31.01375,-6.38281 -39.0225,-14.835c15.265,0.72563 27.09,-3.3325 27.09,-3.3325c1.89469,-0.24187 3.25188,-1.97531 3.01,-3.87c-0.24187,-1.89469 -1.97531,-3.25187 -3.87,-3.01c-0.18812,0.02688 -0.36281,0.05375 -0.5375,0.1075c-0.29562,0.04031 -0.57781,0.1075 -0.86,0.215c0,0 -14.06906,4.79719 -30.53,2.4725c-3.09062,-5.09281 -5.03906,-10.54844 -6.02,-15.5875zM55.04,106.64c-1.89469,0 -3.44,1.54531 -3.44,3.44c0,1.89469 1.54531,3.44 3.44,3.44c1.89469,0 3.44,-1.54531 3.44,-3.44c0,-0.47031 -0.04031,-0.88687 -0.215,-1.29c-0.24187,0.43 -0.76594,0.7525 -1.29,0.7525c-0.77937,0 -1.3975,-0.72562 -1.3975,-1.505c0,-0.52406 0.33594,-0.94062 0.7525,-1.1825c-0.38969,-0.14781 -0.84656,-0.215 -1.29,-0.215z"></path></g></svg>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
</main>
|
|||
|
|
<footer>
|
|||
|
|
<p>Conditions générales d’utilisation : <a href="cgu.html">disponibles ici</a></p>
|
|||
|
|
<p>Design : <a href="http://html5up.net">HTML5 UP</a> modifié par nos soins</p>
|
|||
|
|
</footer>
|
|||
|
|
</body>
|
|||
|
|
</html>
|