dani
/
vroom
mirror of https://github.com/dani/vroom.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Replace the 3 panels on the index page with a carousel

Browse Source
master
Daniel Berteaud 11 years ago
parent a44ddff81a
commit aba49e1e62
2 changed files with 59 additions and 31 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 13
      public/css/vroom.css
  2. 77
      templates/default/index.html.ep

13
public/css/vroom.css
Unescape View File

@ -192,9 +192,20 @@
text-align: justify; text-align: justify;
text-justify:inter-word; text-justify:inter-word;
} }
.carouselLogo {
margin: auto;
padding: 60px;
}
.carouselIndexItem {
height: 500px !important;
text-align: center;
}
.carouselIndexCaption {
color: grey;
}
.modal-body { .modal-body {
text-align: justify; text-align: justify;
text-justify:inter-word; text-justify: inter-word;
} }
html, html,
body { body {

77
templates/default/index.html.ep
Unescape View File

@ -34,37 +34,54 @@
</div> </div>
<br/><br/> <br/><br/>
<div class="row"> <div class="row">
<div class="col-md-4"> <div id="carouselIndexContainer" class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
<div class="panel panel-default"> <div id="carouselIndex" class="carousel slide" data-ride="carousel">
<div class="panel-body panelIndex"> <ol class="carousel-indicators">
<center> <li data-target="#carouselIndex" data-slide-to="0" class="active"></li>
<img src="/img/lock.png" alt="Secure"> <li data-target="#carouselIndex" data-slide-to="1"></li>
<h1><%=l 'SECURE' %></h1> <li data-target="#carouselIndex" data-slide-to="2"></li>
</center> </ol>
<p><%=l "P2P_COMMUNICATION" %></p> <div id="carouselIndexContent" class="carousel-inner">
</div> <div class="item carouselIndexItem col-xs-10 col-xs-offset-1">
</div> <img class="img-responsive carouselLogo" src="/img/lock.png" alt="Secure">
</div> <p>
<div class="col-md-4"> <%=l 'P2P_COMMUNICATION' %>
<div class="panel panel-default"> </p>
<div class="panel-body panelIndex"> <div class="carousel-caption carouselIndexCaption">
<center> <h1>
<img src="/img/universal.png" alt="Universal"> <%=l 'SECURE' %>
<h1><%=l 'WORKS_EVERYWHERE' %></h1> </h1>
</center> </div>
<p><%=l "MODERN_BROWSERS" %></p> </div>
</div> <div class="item active carouselIndexItem col-xs-10 col-xs-offset-1">
</div> <img class="img-responsive carouselLogo" src="/img/universal.png" alt="Universal">
</div> <p>
<div class="col-md-4"> <%=l 'MODERN_BROWSERS' %>
<div class="panel panel-default"> </p>
<div class="panel-body panelIndex"> <div class="carousel-caption carouselIndexCaption">
<center> <h1>
<img src="/img/share.png" alt="Peer to peer"> <%=l 'WORKS_EVERYWHERE' %>
<h1><%=l 'MULTI_USER' %></h1> </h1>
</center> </div>
<p><%=l "THE_LIMIT_IS_YOUR_PIPE" %></p> </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> </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>
</div> </div>

Write Preview
Loading…
Cancel
Save