a
This commit is contained in:
parent
0eafa87b38
commit
aa932ab781
@ -274,7 +274,7 @@ hr::after {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#contact > section:first-child {
|
#contact > section:first-child {
|
||||||
padding: 4rem 4rem 2rem 4rem;
|
padding: 4rem;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
272
index.html
272
index.html
@ -1,37 +1,37 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Jean-Cloud - Le cloud lent et local</title>
|
<title>Jean-Cloud - Le cloud lent et local</title>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<!-- <link rel="stylesheet" href="css/helios.css" /> -->
|
<!-- <link rel="stylesheet" href="css/helios.css" /> -->
|
||||||
<!--<link rel="stylesheet" href="css/solid-state.css" />-->
|
<!--<link rel="stylesheet" href="css/solid-state.css" />-->
|
||||||
<link rel="stylesheet" href="css/main.css" />
|
<link rel="stylesheet" href="css/main.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="homepage is-preload">
|
<body class="homepage is-preload">
|
||||||
<div id="page-wrapper">
|
<div id="page-wrapper">
|
||||||
|
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<div id="header">
|
<div id="header">
|
||||||
<div class="background"></div>
|
<div class="background"></div>
|
||||||
|
|
||||||
<!-- Inner -->
|
<!-- Inner -->
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<header>
|
<header>
|
||||||
<h1><a href="index.html" id="logo">Jean-Cloud</a></h1>
|
<h1><a href="index.html" id="logo">Jean-Cloud</a></h1>
|
||||||
<hr />
|
<hr />
|
||||||
<p>Le cloud lent, hébergé près de chez vous !</p>
|
<p>Le cloud lent, hébergé près de chez vous !</p>
|
||||||
</header>
|
</header>
|
||||||
<footer>
|
<footer>
|
||||||
<a href="#jeanqui" class="button circled scrolly">Découvrir !</a>
|
<a href="#jeanqui" class="button circled scrolly">Découvrir !</a>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Nav -->
|
<!-- Nav -->
|
||||||
<!-- Todo – drop down list in css -->
|
<!-- Todo – drop down list in css -->
|
||||||
<nav id="nav">
|
<nav id="nav">
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="index.html">Accueil</a></li>
|
<li><a href="index.html">Accueil</a></li>
|
||||||
<!--<li>
|
<!--<li>
|
||||||
<a href="#">Dropdown</a>
|
<a href="#">Dropdown</a>
|
||||||
<ul class="dropdown">
|
<ul class="dropdown">
|
||||||
@ -50,51 +50,51 @@
|
|||||||
<li><a href="#">Veroeros feugiat</a></li>
|
<li><a href="#">Veroeros feugiat</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
-->
|
-->
|
||||||
<li><a href="#services">Nos services</a></li>
|
<li><a href="#services">Nos services</a></li>
|
||||||
<li><a href="#contact">Nous contacter</a></li>
|
<li><a href="#contact">Nous contacter</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<section id="jeanqui">
|
<section id="jeanqui">
|
||||||
<h2>Qui est Jean-Cloud ?</h2>
|
<h2>Qui est Jean-Cloud ?</h2>
|
||||||
<p>
|
<p>
|
||||||
Jean-Cloud est un ensemble de services à destination de chaque personne soucieuse de sa vie privée…
|
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>
|
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.-->
|
<!--Ces services sont gérés par une association loi 1901 : Jean-Cloud.-->
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
Nous bâtissons un morceau d’internet avec uniquement des logiciels libres, par respect pour nos utilisateurs.
|
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 !
|
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>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="services">
|
<section id="services">
|
||||||
<h2>Nos services</h3>
|
<h2>Nos services</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="https://nuage.jean-cloud.net">Le nuage</a> pour stocker ses fichiers. (Avec Nextcloud)</li>
|
<li><a href="https://nuage.jean-cloud.net">Le nuage</a> pour stocker ses fichiers. (Avec Nextcloud)</li>
|
||||||
<li><a href="https://git.jean-cloud.net">La forge git</a> pour stocker ses projets et travailler collaborativement. (Avec Gitea)</li>
|
<li><a href="https://git.jean-cloud.net">La forge git</a> pour stocker ses projets et travailler collaborativement. (Avec Gitea)</li>
|
||||||
<li><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><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><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>
|
<li><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>
|
</ul>
|
||||||
<footer>
|
<footer>
|
||||||
<p>L’utilisation de tous ces services est soumise à nos <a href="cgu.html">Conditions générales d’utilisation</a></p>
|
<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>
|
<p>Nous pouvons ajouter des services à cette liste sur votre demande via le <a href="#contact">formulaire de contact</a></p>
|
||||||
</footer>
|
</footer>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="hosting">
|
<section id="hosting">
|
||||||
<h2>L’hébergement sur internet</h2>
|
<h2>L’hébergement sur internet</h2>
|
||||||
<p>
|
<p>
|
||||||
Jean-Cloud peut héberger vos services sur son réseau de machines pour garantir une empreinte écologique minimal !
|
Jean-Cloud peut héberger vos services sur son réseau de machines pour garantir une empreinte écologique minimal !
|
||||||
Vous bénéficierez de nos services de déploiement continu et de veille technique.
|
Vous bénéficierez de nos services de déploiement continu et de veille technique.
|
||||||
<footer>
|
<footer>
|
||||||
<a href=«"hosting.html">En savoir plus</a>
|
<a href=«"hosting.html">En savoir plus</a>
|
||||||
</footer>
|
</footer>
|
||||||
</p>
|
</p>
|
||||||
<!--
|
<!--
|
||||||
<section>
|
<section>
|
||||||
<h3>Alertes</h3>
|
<h3>Alertes</h3>
|
||||||
@ -104,73 +104,71 @@
|
|||||||
<h3>Nouveautés</h3>
|
<h3>Nouveautés</h3>
|
||||||
<p>Pour recevoir nos publications : <a href="#">liste mail des nouveautés</a></p>
|
<p>Pour recevoir nos publications : <a href="#">liste mail des nouveautés</a></p>
|
||||||
</section>
|
</section>
|
||||||
-->
|
-->
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="trust">
|
<section id="trust">
|
||||||
<h2>Ils nous font confiance</h2>
|
<h2>Ils nous font confiance</h2>
|
||||||
<p>
|
<p>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="https://leida.fr">leida.fr</a></li>
|
<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://feteducourt.jean-cloud.net">feteducourt.jean-cloud.net</a></li>-->
|
||||||
<li><a href="https://lalis.fr">lalis.fr</a></li>
|
<li><a href="https://lalis.fr">lalis.fr</a></li>
|
||||||
<li><a href="https://rpnow.jean-cloud.org">rpnow.jean-cloud.net</a></li>
|
<li><a href="https://rpnow.jean-cloud.org">rpnow.jean-cloud.net</a></li>
|
||||||
<li><a href="https://velov.jean-cloud.net">velov.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><a href="https://oma-radio.fr">oma-radio.fr</a></li>
|
||||||
<li>Et d’autres anonymes…</a>
|
<li>Et d’autres anonymes…</a>
|
||||||
</ul>
|
</ul>
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Contact -->
|
<!-- Contact -->
|
||||||
<section id="contact">
|
<section id="contact">
|
||||||
<h2>Nous contacter</h2>
|
<section class="split contact">
|
||||||
<div>
|
<h2>Nous contacter</h2>
|
||||||
<section class="split contact">
|
<form method="post" action="/contact">
|
||||||
<form method="post" action="/contact">
|
<div class="fields">
|
||||||
<div class="fields">
|
<div class="field">
|
||||||
<div class="field">
|
<label for="address">Email</label>
|
||||||
<label for="address">Email</label>
|
<input type="text" name="address" id="address" />
|
||||||
<input type="text" name="address" id="address" />
|
</div>
|
||||||
</div>
|
<div class="field">
|
||||||
<div class="field">
|
<label for="subject">Sujet</label>
|
||||||
<label for="subject">Sujet</label>
|
<input type="text" name="subject" id="subject" />
|
||||||
<input type="text" name="subject" id="subject" />
|
</div>
|
||||||
</div>
|
<div class="field">
|
||||||
<div class="field">
|
<label for="content">Message</label>
|
||||||
<label for="content">Message</label>
|
<textarea name="content" id="content" rows="3"></textarea>
|
||||||
<textarea name="content" id="content" rows="3"></textarea>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<ul class="actions">
|
||||||
<ul class="actions">
|
<li><input type="submit" value="Send Message" /></li>
|
||||||
<li><input type="submit" value="Send Message" /></li>
|
</ul>
|
||||||
</ul>
|
</form>
|
||||||
</form>
|
</section>
|
||||||
</section>
|
<section class="split contact">
|
||||||
<section class="split contact">
|
<section class="alt">
|
||||||
<section class="alt">
|
<h3>Hébergement des services</h3>
|
||||||
<h3>Hébergement des services</h3>
|
<p>Grenoble, Lyon et alentours</p>
|
||||||
<p>Grenoble, Lyon et alentours</p>
|
</section>
|
||||||
</section>
|
<section class="alt">
|
||||||
<section class="alt">
|
<h3>Email</h3>
|
||||||
<h3>Email</h3>
|
<p><a href="#contact">Via le formulaire ci-contre</a></p>
|
||||||
<p><a href="#contact">Via le formulaire ci-contre</a></p>
|
</section>
|
||||||
</section>
|
<section class="alt">
|
||||||
<section class="alt">
|
<h3>Réseaux sociaux</h3>
|
||||||
<h3>Réseaux sociaux</h3>
|
<ul class="icons alt">
|
||||||
<ul class="icons alt">
|
<li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
|
||||||
<li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
|
<li><a href="https://hub.docker.com/u/jeancloud" class="icon brands alt"><span class="label">Docker Hub</span></a></li>
|
||||||
<li><a href="https://hub.docker.com/u/jeancloud" class="icon brands alt"><span class="label">Docker Hub</span></a></li>
|
</ul>
|
||||||
</ul>
|
</section>
|
||||||
</section>
|
</section>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<p>Conditions générales d’utilisation : <a href="cgu.html">disponibles ici</a></p>
|
<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>
|
<p>Design : <a href="http://html5up.net">HTML5 UP</a> modifié par nos soins</p>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user