mirror of https://github.com/dani/vroom.git
Video conf based on SimpleWebRTC https://vroom.fws.fr/documentation
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
90 lines
3.4 KiB
90 lines
3.4 KiB
% title $self->l('WELCOME');
|
|
%= include 'header'
|
|
%= include 'public_toolbar'
|
|
|
|
<div class="container-fluid">
|
|
<div class="well" id="createRoomContainer">
|
|
<h2>
|
|
<center>
|
|
<%=l 'CREATE_ROOM' %>
|
|
</center>
|
|
</h2>
|
|
<form id="createRoom" class="form-inline" action="<%= $self->get_url('/create') %>" method="post">
|
|
<fieldset>
|
|
<div class="control-group">
|
|
<div class="input-group input-group-lg">
|
|
<span class="input-group-addon hidden-xs">
|
|
<strong class="text-muted">
|
|
<%
|
|
my $url = $self->url_for('/')->to_abs;
|
|
$url =~ s/^https?:\/\///;
|
|
$url .= ($url =~ m/\/$/)? '':'/';
|
|
%>
|
|
<%= $url %>
|
|
</strong>
|
|
</span>
|
|
<input id="roomName" name="roomName" type="text" pattern="[\w\-]{0,49}" placeholder="<%=l 'ROOM_NAME' %>" class="form-control help" data-toggle="tooltip" data-placement="bottom" title="<%=l 'RANDOM_IF_EMPTY' %>" autofocus>
|
|
<span class="input-group-btn">
|
|
<button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-log-in"></span></button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</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="carouselIndex" class="carousel slide" data-ride="carousel">
|
|
<ol class="carousel-indicators">
|
|
<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>
|
|
</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">
|
|
<p>
|
|
<%=l 'P2P_COMMUNICATION' %>
|
|
</p>
|
|
<div class="carousel-caption carouselIndexCaption">
|
|
<h1>
|
|
<%=l 'SECURE' %>
|
|
</h1>
|
|
</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">
|
|
<p>
|
|
<%=l 'MODERN_BROWSERS' %>
|
|
</p>
|
|
<div class="carousel-caption carouselIndexCaption">
|
|
<h1>
|
|
<%=l 'WORKS_EVERYWHERE' %>
|
|
</h1>
|
|
</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">
|
|
<p>
|
|
<%=l 'THE_LIMIT_IS_YOUR_PIPE' %>
|
|
</p>
|
|
<div class="carousel-caption carouselIndexCaption">
|
|
<h1>
|
|
<%=l 'MULTI_USER' %>
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="left carousel-control" href="#carouselIndex" data-slide="prev">
|
|
<span class="glyphicon glyphicon-chevron-left"></span>
|
|
</a>
|
|
<a class="right carousel-control" href="#carouselIndex" data-slide="next">
|
|
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
%= include 'js_common'
|
|
%= include 'footer'
|
|
|