welcome page

This commit is contained in:
Olivier Lambert
2012-12-25 21:39:22 +01:00
parent 019f4a4beb
commit 1b83a15b25
2 changed files with 103 additions and 13 deletions

View File

@@ -1,4 +1,39 @@
.navbar .brand
{
//padding: .38em 1em ;
}
.leaderboard {
padding: 60px;
margin-bottom: 30px;
background-color: #eee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.leaderboard h1 {
font-size: 40px;
margin-bottom: 5px;
line-height: 1;
letter-spacing: -1px;
color:#D40000;
}
.leaderboard p {
font-size: 18px;
font-weight: 200;
line-height: 27px;
}
.span4 {
background-color: #eee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.span4 h2 {
text-align: center;
}
.span4 p {
text-align: center;
}

View File

@@ -46,25 +46,34 @@ require(__DIR__.'/../bootstrap.php');
<!--<li class="active"><a href="#">Home</a></li>-->
<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-hdd"></i> Vm <b class="caret"></b> </a>
<ul class="dropdown-menu">
<li><a href="#">Add new...</a></li>
<li><a href="#">Manage</a></li>
<li><a href="#">Templates</a></li>
<li><a href="#">List</a></li>
<li><a href="#"><i class="icon-reorder"></i> List</a></li>
<li><a href="#"><i class="icon-plus"></i> Add new...</a></li>
<li><a href="#"><i class="icon-cog"></i> Manage</a></li>
<li><a href="#"><i class="icon-file"></i> Templates</a></li>
<li class="divider"></li>
<li><a href="#">Options...</a></li>
<li><a href="#"><i class="icon-wrench"></i> Options...</a></li>
</ul>
</li>
<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-reorder"></i> Server <b class="caret"></b> </a>
<ul class="dropdown-menu">
<li><a href="#">Add new...</a></li>
<li><a href="#">Manage</a></li>
<li><a href="#">List</a></li>
<li><a href="#"><i class="icon-reorder"></i> List</a></li>
<li><a href="#"><i class="icon-plus"></i> Add new...</a></li>
<li><a href="#"><i class="icon-cog"></i> Manage</a></li>
<li class="divider"></li>
<li><a href="#">Options...</a></li>
<li><a href="#"><i class="icon-wrench"></i> Options...</a></li>
</ul>
</li>
<li><a href="#pools"><i class="icon-cloud"></i> Pool</a></li>
<li><a href="#pools"><i class="icon-wrench"></i> Configure</a></li>
<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-cloud"></i> Pool <b class="caret"></b> </a>
<ul class="dropdown-menu">
<li><a href="#"><i class="icon-reorder"></i> List</a></li>
<li><a href="#"><i class="icon-plus"></i> Add new...</a></li>
<li><a href="#"><i class="icon-cog"></i> Manage</a></li>
<li class="divider"></li>
<li><a href="#"><i class="icon-wrench"></i> Options...</a></li>
</ul>
</li>
<li class="divider-vertical"></li>
<li><a href="#pools"><i class="icon-wrench"></i> Admin</a></li>
</ul>
<ul class="nav pull-right">
<li><a href="/users/sign_up">Register</a></li>
@@ -99,9 +108,55 @@ require(__DIR__.'/../bootstrap.php');
<div class="container">
<h1>Overview</h1>
<p>XCP overview</p>
<div class="leaderboard">
<h1>Welcome on XO!</h1>
<p>Add an XCP host or a Pool master, and start to use the magic of Xen Orchestra.</p>
<p><a class="btn btn-success btn-large"><i class="icon-magic"></i> Let's go!</a></p>
</div>
<div class="row">
<div class="span4">
<h2>Todo</h2>
<p>
<ul class="unstyled">
<li><i class="icon-ok"></i> Add a single server or a pool master</li>
<li><i class="icon-ok"></i> Add or Edit users</li>
<li><i class="icon-ok"></i> Add or Edit VM</li>
</ul>
</p>
<p><a class="btn btn-info btn-large" href="#"><i class="icon-info-sign"></i> Learn more</a></p>
</div>
<div class="span4">
<h2>Get involved!</h2>
<p>Go to our GitHub page and get involved in the project!</p>
<p><a class="btn btn-success btn-large" href="#"><i class="icon-beaker"></i> Project page</a></p>
</div>
<div class="span4">
<h2>Who we are?</h2>
<p>We are Vates!</p>
<p><a class="btn btn-large" href="#"><i class="icon-circle-arrow-right"></i> Go on our website!</a></p>
</div>
</div>
<div class="modal hide fade" id="infos">
<div class="modal-header"> <a class="close" data-dismiss="modal">×</a>
<h3>Initial configuraton</h3>
</div>
<div class="modal-body">
<p>Please add a XCP server or a Pool master.</p>
</div>
<div class="modal-footer"> <a class="btn btn-info" data-dismiss="modal">Close</a> </div>
</div>
<a class="btn btn-info" data-toggle="modal" href="#infos" ><i class="icon-info-sign"></i> Initial configuration</a>
</div> <!-- /container -->
<footer class="footer" style="background-color:#c2c2c2">
</footer>
<!-- Le javascript
================================================== -->