Merge pull request #1100 from YunoHost/polish-landpage

Small tweaks and polishing for the landpage

index.md

@@ -31,7 +31,7 @@
 
 <div class="boring-part" markdown="1">
 
-  <h1>YunoHost <small>is a server operating system aiming to make self-hosting accessible to everyone.</small></h1>
+  <h1><small>With</small> YunoHost<small>, you can easily manage a server for your friends, association or enterprise.</small> <a href="/whatsyunohost" style="font-size:0.6em;">Learn more</a></small></h1>
 
   <div class="home-panel">
     <img src="/images/home_panel.jpg" />
@@ -40,12 +40,13 @@
   <div class="call-to-action">
     <a class="btn btn-primary btn-lg" href="/try">Try it</a>
     <a class="btn btn-success btn-lg" href="/install">Get started</a>
-    <p class="text-muted"><small><a href="https://forum.yunohost.org/t/yunohost-3-6-release-sortie-de-yunohost-3-6/8359">YunoHost v3.6</a></small></p>
+    <h2 style="margin-top: 0"><small><a href="https://forum.yunohost.org/c/announcement">Latest news</a></small></h2>
   </div>
 
+
   <div class="row cf">
-    <div class="col-md-7">
+    <div class="col-md-7 text-right">
-      <h1>Install <small>your server with ease, you already have everything at home</small></h1>
+      <h1>Setup <small>your server with ease, you already have everything at home</small></h1>
       <p><br /><a href="/hardware">See the requirements</a></p>
     </div>
     <div class="col-md-4">
@@ -60,25 +61,25 @@
   <div class="row cf">
     <div class="col-md-4">
       <div class="feature-pic">
-        <img src="/images/home_enjoy.jpg" />
+        <img src="/images/webadmin.png" />
       </div>
     </div>
-    <div class="col-md-7 text-right">
+    <div class="col-md-7">
-      <h1>Enjoy <small>your apps and make your little corner of Internet</small></h1>
+      <h1>Manage <small>your server from a clean and simple web interface</small></h1>
-      <p><br /><a href="/apps">List of available apps</a></p>
+      <p><br /><a href="/try">Try the administration</a></p>
     </div>
   </div>
 
   <hr />
 
   <div class="row cf">
-    <div class="col-md-7">
+    <div class="col-md-7 text-right">
-      <h1>Manage <small>your server the way you like: via Web, mobile or command-line</small></h1>
+      <h1>Install <small>applications to build your little corner of Internet</small></h1>
-      <p><br /><a href="/try">Try the administration</a></p>
+      <p><br /><a href="/apps">Browse available apps</a></p>
     </div>
     <div class="col-md-4">
       <div class="feature-pic">
-        <img src="/images/home_manage.jpg" />
+        <img src="/images/home_enjoy.jpg" />
       </div>
     </div>
   </div>
@@ -86,31 +87,17 @@
   <hr />
 
   <div class="row cf">
-    <div class="col-md-4 button-list">
+    <div class="text-center">
-      <a class="btn btn-lg btn-block btn-primary" href="/whatsyunohost">About YunoHost</a>
+    <h1>Hey! We are humans!<br />
-      <a class="btn btn-lg btn-block btn-info" href="/docs">Documentation</a>
+    <small>If you have questions, issues or if you are just an enthusiast, come and leave a message on our forum or chatroom!</small></h1>
-      <a class="btn btn-lg btn-block btn-success" href="/contribute">Get involved</a>
+
-      <a class="btn btn-lg btn-block btn-warning" href="https://forum.yunohost.org/" target="_blank">Forum</a>
+    <div class="col-md-4 col-md-offset-4 button-list">
-      <a class="btn btn-lg btn-block btn-default" href="chat_rooms_en" target="_blank">Chat rooms</a>
+      <a class="btn btn-lg btn-block btn-info" href="/docs"><span class="glyphicon glyphicon-book"></span> Documentation</a>
-      <a class="btn btn-lg btn-block btn-danger" href="https://forum.yunohost.org/c/announcement">Latest news</a>
+      <a class="btn btn-lg btn-block btn-danger btn-support" href="/help_fr"><span class="glyphicon glyphicon-comment"></span> Forum and chat</a>
-      <a class="btn btn-lg btn-block btn-danger btn-support" href="/help_fr">Support</a>
+      <a class="btn btn-lg btn-block btn-success" href="/contribute"><span class="glyphicon glyphicon-heart"></span> Get involved</a>
+      <a class="btn btn-lg btn-block btn-primary" href="https://donate.yunohost.org/" style="background-color: #ffd236; border-color: #ffd236;"><span class="glyphicon glyphicon-usd"></span> Donate</a>
     </div>
-    <div class="col-md-7 text-right">
+ </div>
-      <h1>Explore <small>what you can do with a server, and why it is important</small></h1>
-      <p><br /><a href="/docs">Read the documentation</a></p>
-    </div>
-  </div>
-
-  <hr />
-
-  <div class="text-center">
-    <h1>Hey! We are humans!<br /><small> If you have questions, problems or if you are just an enthusiast, leave a message on our chatroom by clicking on the button below &nbsp;<span class="glyphicon glyphicon-share-alt"></span> </small></h1>
-
-   <p class="liberapay">
-     <a href="https://liberapay.com/YunoHost" target="_blank"><img src="/images/liberapay_logo.svg" alt="Donation button" title="Liberapay" /></a>
-    </p>
-
-  </div>
 
 </div><!-- boring-part -->
 
@@ -147,4 +134,3 @@
     });
 
 </script>
-

index_fr.md

@@ -27,7 +27,7 @@
 
 <div class="boring-part" markdown="1">
 
-  <h1>YunoHost <small>est un outil qui vous permet d’installer et d’utiliser facilement votre propre serveur.</small></h1>
+  <h1><small>Avec</small> YunoHost<small>, gères facilement un serveur pour tes amis, ton asso, ton entreprise.</small> <a href="/whatsyunohost" style="font-size:0.6em;">En savoir plus</a></small></h1>
 
   <div class="home-panel">
     <img src="/images/home_panel.jpg" />
@@ -36,13 +36,13 @@
   <div class="call-to-action">
     <a class="btn btn-primary btn-lg" href="/try_fr">Essayer</a>
     <a class="btn btn-success btn-lg" href="/install_fr">Installer</a>
-    <p class="text-muted"><small><a href="https://forum.yunohost.org/t/yunohost-3-6-release-sortie-de-yunohost-3-6/8359">YunoHost v3.6</a></small></p>
+    <h2 style="margin-top: 0"><small><a href="https://forum.yunohost.org/c/announcement">Dernières nouvelles</a></small></h2>
   </div>
 
   <hr />
 
   <div class="row cf">
-    <div class="col-md-7">
+    <div class="col-md-7 text-right">
       <h1>Installez <small>votre serveur simplement, vous avez déjà tout ce qu’il faut à la maison</small></h1>
       <p><a href="/hardware_fr">Voir les prérequis</a></p>
     </div>
@@ -58,25 +58,25 @@
   <div class="row cf">
     <div class="col-md-4">
       <div class="feature-pic">
-        <img src="/images/home_enjoy.jpg" />
+        <img src="/images/webadmin_fr.jpg" />
       </div>
     </div>
-    <div class="col-md-7 text-right">
+    <div class="col-md-7">
-      <h1>Profitez <small>de vos applications web, et fabriquez votre coin d’Internet</small></h1>
+      <h1>Gérez <small>votre serveur depuis une interface web simple et propre</small></h1>
-      <p><br /><a href="/apps_fr">Liste des applications disponibles</a></p>
+      <p><br /><a href="/try_fr">Essayez l’interface d’administration</a></p>
     </div>
   </div>
 
   <hr />
 
   <div class="row cf">
-    <div class="col-md-7">
+    <div class="col-md-7 text-right">
-      <h1>Gérez <small>votre serveur comme vous le voulez : via web, mobile ou ligne de commande</small></h1>
+      <h1>Construisez <small>votre petit bout d'Internet en ajoutant des applications en quelques clics</small></h1>
-      <p><br /><a href="/try_fr">Essayez l’interface d’administration</a></p>
+      <p><br /><a href="/apps">Parcourir les applications disponibles</a></p>
     </div>
     <div class="col-md-4">
       <div class="feature-pic">
-        <img src="/images/home_manage.jpg" />
+        <img src="/images/home_enjoy.jpg" />
       </div>
     </div>
   </div>
@@ -84,32 +84,16 @@
   <hr />
 
   <div class="row cf">
-    <div class="col-md-4 button-list">
+    <div class="text-center">
-
+    <h1>Hey ! Nous sommes humains !<br />
-      <a class="btn btn-lg btn-block btn-primary" href="/whatsyunohost_fr">Qu’est-ce que YunoHost ?</a>
+    <small>Si vous avez une question, un problème, ou que vous êtes tout simplement intéressé, passez dire « Bonjour » sur notre forum ou le chat!</small></h1>
-      <a class="btn btn-lg btn-block btn-info" href="/docs_fr">Documentation</a>
-      <a class="btn btn-lg btn-block btn-success" href="/contribute_fr">Comment contribuer</a>
-      <a class="btn btn-lg btn-block btn-warning" href="https://forum.yunohost.org" target="_blank">Forum</a>
-      <a class="btn btn-lg btn-block btn-default" href="chat_rooms_fr" target="_blank">Salons de discussions</a>
-      <a class="btn btn-lg btn-block btn-danger" href="https://forum.yunohost.org/c/announcement">Dernières nouvelles</a>
-      <a class="btn btn-lg btn-block btn-danger btn-support" href="/help_fr">Support</a>
-
-    </div>
-    <div class="col-md-7 text-right">
-      <h1>Explorez <small>les possibilités de votre serveur, et apprenez pourquoi c’est important</small></h1>
-      <p><br /><a href="/docs_fr">Lire la documentation</a></p>
-    </div>
-  </div>
-
-  <hr />
-
-  <div class="text-center">
-    <h1>Hey ! Nous sommes humains !<br /><small> Si vous avez une question, un problème, ou que vous êtes tout simplement intéressé, passez dire « Bonjour » sur notre salon de discussion en cliquant sur le bouton en bas &nbsp;<span class="glyphicon glyphicon-share-alt"></span> </small></h1>
-
-<p class="liberapay">
-      <a href="https://liberapay.com/YunoHost" target="_blank"><img src="/images/liberapay_logo.svg" alt="Donation button" title="Liberapay" /></a>
-    </p>
 
+    <div class="col-md-4 col-md-offset-4 button-list">
+      <a class="btn btn-lg btn-block btn-info" href="/docs"><span class="glyphicon glyphicon-book"></span> Documentation</a>
+      <a class="btn btn-lg btn-block btn-danger btn-support" href="/help_fr"><span class="glyphicon glyphicon-comment"></span> Forum et chat</a>
+      <a class="btn btn-lg btn-block btn-success" href="/contribute"><span class="glyphicon glyphicon-heart"></span> Contribuer</a>
+      <a class="btn btn-lg btn-block btn-primary" href="https://donate.yunohost.org/" style="background-color: #ffd236; border-color: #ffd236;"><span class="glyphicon glyphicon-usd"></span> Faire un don</a>
+     </div>
   </div>
 
 </div><!-- boring-part -->

whatsyunohost.md

@@ -3,24 +3,21 @@ What is YunoHost?
 
 <img src="/images/YunoHost_logo_vertical.png" width=400>
 
-Goal
+YunoHost is an **operating system** aiming to simplify as much as possibly the administration of a **server** and therefore democratize [self-hosting](selfhosting), while making sure it stays reliable, secure, ethical and lightweight. It is a free software project maintained exclusively by volunteers. Technically, it can be seen as a distribution based on [Debian GNU/Linux](https://debian.org) and can be installed on [many kinds of hardware](install).
-----
-
-YunoHost is a **server operating system** aiming to make [self-hosting](selfhosting) accessible to as many people as possible, without taking away from the quality and reliability of the software. YunoHost supports [several kinds of hardware](install). It is based on and fully compatible with [Debian GNU/Linux](https://debian.org).
 
 Features
 --------
 
 - <img src="/images/icon-debian.png" width=32 style="margin-right:5px"> based on Debian ;
-- <img src="/images/icon-tools.png" width=32 style="margin-right:5px" width=64> administrate your server through a **friendly web admin** ;
+- <img src="/images/icon-tools.png" width=32 style="margin-right:5px" width=64> administrate your server through a **friendly web interface** ;
-- <img src="/images/icon-package.png" width=32 style="margin-right:5px"> easily **install applications** on your server ;
+- <img src="/images/icon-package.png" width=32 style="margin-right:5px"> deploy **applications in just a few clicks** ;
 - <img src="/images/icon-users.png" width=32 style="margin-right:5px"> manage **users** <small>(based on LDAP)</small>;
-- <img src="/images/icon-globe.png" width=32 style="margin-right:5px"> manage **domains** ;
+- <img src="/images/icon-globe.png" width=32 style="margin-right:5px"> manage **domain names** ;
 - <img src="/images/icon-medic.png" width=32 style="margin-right:5px"> create and restore **backups** ;
 - <img src="/images/icon-door.png" width=32 style="margin-right:5px"> connect to all apps simultaneously through the **user portal** <small>(nginx, SSOwat)</small> ;
 - <img src="/images/icon-mail.png" width=32 style="margin-right:5px"> includes a **full email stack** <small>(Postfix, Dovecot, Rspamd, DKIM)</small> ;
 - <img src="/images/icon-messaging.png" width=32 style="margin-right:5px"> ... as well as **an instant messaging server** <small>(XMPP)</small> ;
-- <img src="/images/icon-lock.png" width=32 style="margin-right:5px"> ... a **SSL certificate** management system <small>(intergrated with Let's Encrypt)</small> ;
+- <img src="/images/icon-lock.png" width=32 style="margin-right:5px"> manages **SSL certificates** <small>(based on Let's Encrypt)</small> ;
 - <img src="/images/icon-shield.png" width=32 style="margin-right:5px"> ... and **security systems** <small>(fail2ban, yunohost-firewall)</small> ;
 
 Origin
@@ -35,27 +32,9 @@ All that was needed was an administration interface for Beudbeud's server to mak
 
 Noting the growing enthusiasm around YunoHost and around self-hosting in general, the original developers along with new contributors decided to start work on version 2, more extensible, more powerful, more easy-to-use, and one that makes a nice cup of fair-trade coffee for the elves of Lapland.
 
-Name
+The name **YunoHost** comes from the jargon "Y U NO Host". The [Internet meme](https://en.wikipedia.org/wiki/Internet_meme) should illustrate it:
-----
-
-**YunoHost** comes from the jargon "Y U NO Host". The [Internet meme](https://en.wikipedia.org/wiki/Internet_meme) should illustrate it:
 <div class="text-center"><img style="border-radius: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.15);" src="/images/dude_yunohost.jpg"></div>
 
-Development
------------
-
-YunoHost is developed to be as **simple** and minimally-intrusive as possible, to retain compatibility with Debian. It merely proposes a package of automatic configurations for existing software, and is configurable via simple interfaces.
-
-YunoHost is **entirely** a free software project. The philosophy of self-hosting is, to us, incompatible with any other model of software development.
-
-Do not hesitate to visit the ["contribute" page](/contribute).
-
-Security
---------
-
-The utmost effort is made to keep YunoHost secure, and **communications encrypted**. You can read more about this subject on the related page:
-[https://yunohost.org/security](/security)
-
 What YunoHost is not?
 ---------------------
 

whatsyunohost_fr.md

@@ -3,24 +3,21 @@ Qu'est-ce que YunoHost ?
 
 <img src="/images/YunoHost_logo_vertical.png" width=400>
 
-Objectif
+YunoHost est un **système d’exploitation** qui vise à simplifier autant que possible l'administration d'un **serveur** pour ainsi démocratiser [l’auto-hébergement](selfhosting_fr) tout en restant fiable, sécurisé, éthique et léger. C'est un projet de logiciel libre maintenu exclusivement par des bénévoles. Techniquement, il peut être vu comme une distribution basé sur [Debian GNU/Linux](https://debian.org) et peut s'installer sur [de nombreux types de matériel](install_fr).
---------
-
-YunoHost est un **système d’exploitation serveur** visant à rendre accessible [l’auto-hébergement](selfhosting_fr) à autant de personne que possible, sans délaisser la qualité et la fiabilité du logiciel. YunoHost supporte [plusieurs types de matériel](install_fr) et est basé et compatible avec [Debian GNU/Linux](https://debian.org).
 
 Fonctionnalités
 ---------------
 
 - <img src="/images/icon-debian.png" width=32 style="margin-right:5px"> basé sur Debian ;
-- <img src="/images/icon-tools.png" width=32 style="margin-right:5px"> administration via une **gentille interface web** ;
+- <img src="/images/icon-tools.png" width=32 style="margin-right:5px"> administration via une **interface web simple et claire** ;
-- <img src="/images/icon-package.png" width=32 style="margin-right:5px"> déployez facilement des **applications** ;
+- <img src="/images/icon-package.png" width=32 style="margin-right:5px"> déployez des **applications en quelques clics** ;
-- <img src="/images/icon-users.png" width=32 style="margin-right:5px"> gérez des **utilisateurs** <small>(gérés via LDAP)</small> ;
+- <img src="/images/icon-users.png" width=32 style="margin-right:5px"> ajoutez des **utilisateurs** <small>(gérés via un annuaire LDAP)</small> ;
-- <img src="/images/icon-globe.png" width=32 style="margin-right:5px"> gérez des **domaines** ;
+- <img src="/images/icon-globe.png" width=32 style="margin-right:5px"> gérez des **noms de domaine** ;
 - <img src="/images/icon-medic.png" width=32 style="margin-right:5px"> créez et restaurez des **sauvegardes** ;
 - <img src="/images/icon-door.png" width=32 style="margin-right:5px"> connexion simultanée à toutes les apps via un **portail utilisateur** <small>(nginx, SSOwat)</small> ;
 - <img src="/images/icon-mail.png" width=32 style="margin-right:5px"> fourni avec un **serveur mail complet** <small>(Postfix, Dovecot, Rspamd, DKIM)</small> ;
 - <img src="/images/icon-messaging.png" width=32 style="margin-right:5px"> ... ainsi qu'un **serveur de messagerie instantanée** <small>(XMPP)</small> ;
-- <img src="/images/icon-lock.png" width=32 style="margin-right:5px"> ... un système de gestion de **certificats SSL** <small>(integration de Let's Encrypt)</small> ;
+- <img src="/images/icon-lock.png" width=32 style="margin-right:5px"> gères les **certificats SSL** <small>(basé sur Let's Encrypt)</small> ;
 - <img src="/images/icon-shield.png" width=32 style="margin-right:5px"> ... et des **systèmes de sécurité** <small>(fail2ban, yunohost-firewall)</small> ;
 
 Origine
@@ -35,33 +32,9 @@ Il ne manquait en fait qu’une interface d’administration au serveur de Beudb
 
 Constatant l’engouement croissant autour de YunoHost et de l’auto-hébergement en général, les développeurs et les nouveaux contributeurs ont alors décidé de prendre le cap d’une version 2, plus accessible, plus extensible, plus puissante, et qui prépare du bon café commerce équitable pour les lutins de Laponie.
 
-But
+Le nom **YunoHost** vient de l’argot Internet anglais « Y U NO Host » signifiant approximativement « Pourquoi toi ne pas héberger ». Le [mème Internet](http://fr.wikipedia.org/wiki/M%C3%A8me_Internet) qui l’illustre est à peu près celui-ci :
----
-
-Le but de YunoHost est de rendre accessibles au plus grand nombre l’installation et l’administration d’un serveur, sans délaisser la qualité et la fiabilité du logiciel. 
-
-Tous les efforts sont faits pour simplifier le déploiement sur le plus d’appareils possible et dans toutes les conditions (chez soi, sur son serveur dédié ou sur un VPS).
-
-Nom
----
-
-**YunoHost** vient de l’argot Internet anglais « Y U NO Host » signifiant approximativement « Pourquoi toi ne pas héberger ». Le [mème Internet](http://fr.wikipedia.org/wiki/M%C3%A8me_Internet) qui l’illustre est à peu près celui-ci :
 <div class="text-center"><img style="border-radius: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.15);" src="/images/dude_yunohost.jpg"></div>
 
-Développement
--------------
-
-YunoHost est développé pour être le plus **simple** et le moins intrusif possible pour garder la compatibilité avec Debian. Il propose uniquement un ensemble de configurations automatiques et opère via des interfaces accessibles.
-
-Le tout est bien entendu **entièrement libre**. La philosophie de l’[auto-hébergement](selfhosting_fr) étant à nos yeux incompatible avec tout autre modèle de développement logiciel.
-
-N’hésitez pas à visiter la page « [contribuez](/contribute_fr) ».
-
-Sécurité
---------
-
-Tous les efforts ont été déployés pour sécuriser YunoHost, et **chiffrer tous les protocoles**. Une explication plus détaillée est disponible [ici](/security_fr).
-
 Qu’est-ce que YunoHost n’est pas ?
 ----------------------------------