mirror of
https://github.com/dani/vroom.git
synced 2024-06-25 18:53:29 +02:00
Add a new more slides in the carousel
This commit is contained in:
Daniel Berteaud
parent
854d7369e7
commit
656ac33b1a
|
|
@ -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, " .
|
||||
"streams will be relayed by our servers, as a last resort, but even in this case, " .
|
||||
"we will just relay encrypted blobs.",
|
||||
"important data is sent directly.",
|
||||
"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.",
|
||||
|
|
|
|||
|
|
@ -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 " .
|
||||
"(comme un point de rendez-vous virtuel). Seulement si certains d'entre vous se trouvent " .
|
||||
"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",
|
||||
"Nos serveurs ne sont utilisé que pour le signalement, pour que chacun puisse se connecter " .
|
||||
"aux autres ",
|
||||
"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 " .
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
BIN
public/img/chat.png
Normal file
BIN
public/img/chat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/img/clock.png
Normal file
BIN
public/img/clock.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
public/img/screen.png
Normal file
BIN
public/img/screen.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/img/signin.png
Normal file
BIN
public/img/signin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user