Add a new more slides in the carousel

lib/Vroom/I18N/en.pm

@@ -151,9 +151,7 @@ our %Lexicon = (
   "P2P_COMMUNICATION"                    => "With VROOM, your communication is done peer to peer, and secured. " .
                                             "Our servers are only used for signaling, so that everyone can connect " .
                                             "directly to each other (see it like a virtual meeting point). All your " .
-                                            "important data is sent directly. Only if you are behind a strict firewall, " .
+                                            "important data is sent directly.",
-                                            "streams will be relayed by our servers, as a last resort, but even in this case, " .
-                                            "we will just relay encrypted blobs.",
   "WORKS_EVERYWHERE"                     => "Universal",
   "MODERN_BROWSERS"                      => "VROOM works with modern browsers (Chrome, Mozilla Firefox or Opera), " .
                                             "you don't have to install plugins, codecs, client software, then " .
@@ -164,6 +162,18 @@ our %Lexicon = (
                                             "you can chat with several people at the same time. The only limit " .
                                             "is the capacity of your Internet pipe. Usually, you can chat with " .
                                             "up to 5~6 person without problem",
+  "NO_SIGNIN"                            => "No need to register",
+  "YOU_DONT_HAVE_TO_REGISTER"            => "Tired of creating an account on each and every service you can find, checking " .
+                                            "your friends or coworkers did the same ? Well, great news, with VROOM, you do not need to, " .
+                                            "in fact, you don't have to register at all",
+  "QUICK"                                => "Quick",
+  "STOP_WASTING_TIME"                    => "Stop wasting time checking, installing, explaining. Just click, send a link, and talk. " .
+                                            "It couldn't be simpler or faster",
+  "SHARE_DESKTOP_OR_WINDOW"              => "Share your entire screen, or only a window in a single click, with an great quality. " .
+                                            "With this feature, broadcast any content (images, presententions, documents etc...)",
+  "TEXT_CHAT"                            => "Chat Included",
+  "SECURED_TEXT_CHAT"                    => "Video and audio are not enough ? You can also use the included text chat, and fully secured: " .
+                                            "your discussions are done directly between members and will never be sent on our servers.",
   "SUPPORTED_BROWSERS"                   => "Supported browsers",
   "HELP_BROWSERS_SUPPORTED"              => "VROOM works with any modern, standard compliant browsers, which means any " .
                                             "recent Mozilla Firefox, Google Chrome or Opera.",

lib/Vroom/I18N/fr.pm

@@ -158,18 +158,30 @@ our %Lexicon = (
     "SECURE"                                    => "Sécurisé",
     "P2P_COMMUNICATION"                         => "Avec VROOM, vos communications se font de pair à pair (directement enre utilisateurs), " .
                                                    "et sont sécurisées. " .
-                                                   "Nos serveurs ne servent qu'au signalement, pour que chacun puisse se connecter aux autres " .
+                                                   "Nos serveurs ne sont utilisé que pour le signalement, pour que chacun puisse se connecter " .
-                                                   "(comme un point de rendez-vous virtuel). Seulement si certains d'entre vous se trouvent " .
+                                                   "aux autres ",
-                                                   "derrière des pare feu stricts, les flux seront relayés à travers nos serveurs, en dernier " .
-                                                   "recours, mais même dans ce cas, nous ne relayons que des flux chiffrés, inintelligibles",
     "WORKS_EVERYWHERE"                          => "Universel",
     "MODERN_BROWSERS"                           => "VROOM fonctionne avec les navigateurs modernes (Google Chrome, Mozilla Firefox, Opera), " .
                                                    "vous n'avez aucun plugin à installer, ni codec, ni client logiciel, ni à " .
                                                    "envoyer la doc technique aux autres participants. Vous n'avez qu'à cliquer, et discuter",
     "MULTI_USER"                                => "Multi utilisateurs",
-    "THE_LIMIT_IS_YOUR_PIPE"                    => "VROOM n'impose pas de limite sur le nombre de participants, vous pouvez discuter à " .
+    "THE_LIMIT_IS_YOUR_PIPE"                    => "Avec VROOM, vous n'avez pas de limite de participants, vous pouvez discuter à " .
                                                    "plusieurs en même temps. La seule limite est la capacité de votre connexion Internet. " .
                                                    "En général, vous pouvez discuter à 5~6 personnes sans problème.",
+    "NO_SIGNIN"                                 => "Pas besoin de vous inscrire",
+    "YOU_DONT_HAVE_TO_REGISTER"                 => "Vous êtes fatigués de créer un compte sur tous les services possibles et imaginables, " .
+                                                   "de devoir vérifier que ceux avec qui vous voulez parler ont eux aussi créer un compte ? " .
+                                                   "Ça tombe bien, avec VROOM, vous n'en avez pas besoin: aucun compte à créer",
+    "QUICK"                                     => "Rapide",
+    "STOP_WASTING_TIME"                         => "Ne perdez plus votre temps à vérifier, installer, expliquer. Cliquez, envoyez un lien " .
+                                                   "à qui vous voulez, et discutez. On ne peut pas faire plus simple ou plus rapide.",
+    "SHARE_DESKTOP_OR_WINDOW"                   => "Partagez votre écran entier, ou seulement une fenêtre en un clique avec une qualité " .
+                                                   "exceptionnelle. Grâce à cette fonctionnalité, diffusez n'importe quel contenue " .
+                                                   "(images, présentations, documents etc...)",
+    "TEXT_CHAT"                                 => "Tchat intégré",
+    "SECURED_TEXT_CHAT"                         => "La vidéo et le son ne vous suffisent pas ? Vous pouvez aussi utiliser le tchat intégré et " .
+                                                   "entièrement sécurisé: vos discussions se font directement entre les membres, et ne passent " .
+                                                   "à aucun moment par nos serveurs.",
     "SUPPORTED_BROWSERS"                        => "Navigateurs supportés",
     "HELP_BROWSERS_SUPPORTED"                   => "VROOM fonctionne avec tous les navigateurs modernes et respectueux des standards. " .
                                                    "Les technologies employées (WebRTC) étant très récentes, seules les versions " .

public/css/vroom.css

@@ -190,15 +190,21 @@
 }
 .carouselLogo {
   margin: auto;
-  padding: 60px;
+  padding: 20px;
 }
 .carouselIndexItem {
-  height: 500px !important;
+  height: 350px !important;
   text-align: center;
 }
 .carouselIndexCaption {
   color: grey;
 }
+.carouselIndexIndicator li {
+  background-color: grey;
+}
+.carouselIndexIndicator .active {
+  background-color: red;
+}
 .modal-body {
   text-align: justify;
   text-justify: inter-word;

templates/default/index.html.ep

@@ -34,16 +34,20 @@
   </div>
   <br/><br/>
   <div class="row">
-    <div id="carouselIndexContainer" class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
+    <div id="carouselIndexContainer" class="col-md-8 col-md-offset-2 col-xl-6 col-xl-offset-3">
       <div id="carouselIndex" class="carousel slide" data-ride="carousel">
-        <ol class="carousel-indicators">
+        <ol class="carousel-indicators carouselIndexIndicator">
           <li data-target="#carouselIndex" data-slide-to="0" class="active"></li>
           <li data-target="#carouselIndex" data-slide-to="1"></li>
           <li data-target="#carouselIndex" data-slide-to="2"></li>
+          <li data-target="#carouselIndex" data-slide-to="3"></li>
+          <li data-target="#carouselIndex" data-slide-to="4"></li>
+          <li data-target="#carouselIndex" data-slide-to="5"></li>
+          <li data-target="#carouselIndex" data-slide-to="6"></li>
         </ol>
         <div id="carouselIndexContent" class="carousel-inner">
           <div class="item carouselIndexItem col-xs-10 col-xs-offset-1">
-            <img class="img-responsive carouselLogo" src="/img/lock.png" alt="Secure">
+            <img class="img-responsive carouselLogo" src="/img/lock.png" alt="<%=l 'SECURE' %>">
             <p>
               <%=l 'P2P_COMMUNICATION' %>
             </p>
@@ -54,7 +58,7 @@
             </div>
           </div>
           <div class="item active carouselIndexItem col-xs-10 col-xs-offset-1">
-            <img class="img-responsive carouselLogo" src="/img/universal.png" alt="Universal">
+            <img class="img-responsive carouselLogo" src="/img/universal.png" alt="<%=l 'WORKS_EVERYWHERE' %>">
             <p>
               <%=l 'MODERN_BROWSERS' %>
             </p>
@@ -65,7 +69,7 @@
             </div>
           </div>
           <div class="item carouselIndexItem col-xs-10 col-xs-offset-1">
-            <img class="img-responsive carouselLogo" src="/img/share.png" alt="Multi User">
+            <img class="img-responsive carouselLogo" src="/img/share.png" alt="<%=l 'MULTI_USER' %>">
             <p>
               <%=l 'THE_LIMIT_IS_YOUR_PIPE' %>
             </p>
@@ -75,6 +79,50 @@
               </h1>
             </div>
           </div>
+          <div class="item carouselIndexItem col-xs-10 col-xs-offset-1">
+            <img class="img-responsive carouselLogo" src="/img/signin.png" alt="<%=l 'NO_SIGNIN' %>">
+            <p>
+              <%=l 'YOU_DONT_HAVE_TO_REGISTER' %>
+            </p>
+            <div class="carousel-caption carouselIndexCaption">
+              <h1>
+                <%=l 'NO_SIGNIN' %>
+              </h1>
+            </div>
+          </div>
+          <div class="item carouselIndexItem col-xs-10 col-xs-offset-1">
+            <img class="img-responsive carouselLogo" src="/img/clock.png" alt="<%=l 'QUICK' %>">
+            <p>
+              <%=l 'STOP_WASTING_TIME' %>
+            </p>
+            <div class="carousel-caption carouselIndexCaption">
+              <h1>
+                <%=l 'QUICK' %>
+              </h1>
+            </div>
+          </div>
+          <div class="item carouselIndexItem col-xs-10 col-xs-offset-1">
+            <img class="img-responsive carouselLogo" src="/img/screen.png" alt="<%=l 'SCREEN_SHARING' %>">
+            <p>
+              <%=l 'SHARE_DESKTOP_OR_WINDOW' %>
+            </p>
+            <div class="carousel-caption carouselIndexCaption">
+              <h1>
+                <%=l 'SCREEN_SHARING' %>
+              </h1>
+            </div>
+          </div>
+          <div class="item carouselIndexItem col-xs-10 col-xs-offset-1">
+            <img class="img-responsive carouselLogo" src="/img/chat.png" alt="<%=l 'TEXT_CHAT' %>">
+            <p>
+              <%=l 'SECURED_TEXT_CHAT' %>
+            </p>
+            <div class="carousel-caption carouselIndexCaption">
+              <h1>
+                <%=l 'TEXT_CHAT' %>
+              </h1>
+            </div>
+          </div>
         </div>
         <a class="left carousel-control" href="#carouselIndex" data-slide="prev">
           <span class="glyphicon glyphicon-chevron-left"></span>