<div ng-include="'components/navbar/navbar.html'"></div>
<!--<div class="row">-->
-<div ng-style="sectionStyle">
- <carousel interval="myInterval" ng-style="carouselStyle">
- <slide ng-repeat="slide in slides" active="slide.active">
- <img ng-src="{{slide.image}}" ng-style="imgStyle">
- <div class="carousel-caption">
- </div>
- </slide>
- </carousel>
- <div class="col-md-12" ng-style="bannerStyle">
- <div class="btn btn-lg btn-warning col-md-6 col-md-offset-3" style="top:30%; height:40%;" ng-click="scrollTo('projects')">Plus de projets...</div>
- </div>
+<!--<header class="hero-unit" id="banner">
+<div class="container">
+<h1>Bienvenue sur OCRE</h1>
+<p class="lead">L'application Open Source d'aide à la conception et au financement participatif !</p>
+<a class="btn btn-default btn-lg" href="/about">En savoir plus</a>
</div>
-<!--</div>-->
+</header>-->
+
+<carousel class="hero-unit" id="banner" interval="myInterval">
+ <slide ng-repeat="slide in slides" active="slide.active">
+ <h1>{{slide.title}}</h1>
+ <p class="lead">{{slide.text}}</p>
+ <a class="btn btn-default btn-lg" href="{{slide.about}}">En savoir plus</a>
+ <div style="height:30px"></div>
+ </slide>
+</carousel>
-<div id="projects" class="container">
+<div class="container-fluid">
<div class="row">
- <div id="projects" class="col-md-12">
- <h1 class="page-header">Projets:</h1>
- <div class="col-md-3" style="height:200px;" ng-repeat="project in projects">
- <div class="panel panel-default">
- <div class="panel-heading">
- <h3 class="panel-title">{{project.title}}</h3>
- <p style="font-size:10px">Par {{project.author}}</p>
- </div>
- <div class="panel-body">
- <a href={{project.url}} class="thumbnail">
- <img src={{project.image}} alt="...">
- </a>
+ <div class="col-md-9">
+ <div class="page-header">
+ <h2>Projets populaires <span class="pull-right"><a class="btn btn-default" href="#projects">Tout afficher</a></span></h2>
+ </div>
+
+ <div class="row">
+ <div class="col-md-4" ng-repeat="cfProject in cfProjects">
+ <div class="panel panel-warning">
+ <!-- Default panel contents -->
+ <div class="panel-heading">{{cfProject.title}} <em class="pull-right">( <a href="" ng-click="goto2('user_profile', cfProject.profile_id)">{{cfProject.author}}</a> )</em></div>
+ <div class="panel-body panel-fixed">
+ <p class="text-center">
+ <img src="{{cfProject.image}}" class="img-rounded" alt="...">
+ </p>
+ <p>
+ <span ng-repeat="category in cfProject.categories">
+ <a href="#" class="label label-warning">{{category}}</a>
+ </span>
+ </p>
+ <p class="description" style="text-align:justify">
+ {{cfProject.shortDescription}}
+ </p>
+ <p class="text-right"><em><a href="" ng-click="goto('project_view', cfProject._id)">En savoir plus</a></em></p>
+ </div>
+ <div class="panel-footer">
+ <div class="progress">
+ <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="{{cfProject.currentDonations/cfProject.askedDonations*100}}" aria-valuemin="0" aria-valuemax="100" style="width: {{cfProject.currentDonations/cfProject.askedDonations*100}}%;">
+ <span class="sr-only">{{cfProject.currentDonations/cfProject.askedDonations*100}}% Complete</span>
+ </div>
+ </div>
+ <span class="pull-left"><em>Objectif : {{cfProject.currentDonations}} / {{cfProject.askedDonations}} €</em></span>
+ <span class="pull-right"><em>Fin : {{convertToLocaleDate(cfProject.endingDate)}}</em></span>
+ <div class="clearfix"></div>
+ </div>
</div>
- <div class="panel-footer">
+ </div>
+ </div>
+
+ <div class="page-header">
+ <h2>Projets en développement <span class="pull-right"><a class="btn btn-default" href="#projects">Tout afficher</a></span></h2>
+ </div>
+ <div class="row">
+ <div class="col-md-4" ng-repeat="csProject in csProjects">
+ <div class="panel panel-warning">
+ <!-- Default panel contents -->
+ <div class="panel-heading">{{csProject.title}} <em class="pull-right">( <a href="" ng-click="goto2('user_profile', csProject.profile_id)">{{csProject.author}}</a> )</em></div>
+ <div class="panel-body panel-fixed">
+ <p class="text-center">
+ <img src="{{csProject.image}}" class="img-rounded" alt="...">
+ </p>
+ <p>
+ <span ng-repeat="category in csProject.categories">
+ <a href="#" class="label label-warning">{{category}}</a>
+ </span>
+ </p>
+ <p class="description" style="text-align:justify">
+ {{csProject.shortDescription}}
+ </p>
+ <p class="text-right"><em><a href="" ng-click="goto('project_view', csProject._id)">En savoir plus</a></em></p>
+ </div>
+ <div class="panel-footer">
+ <p class="pull-left"><strong>{{csProject.ideas}} idées</strong></p>
+ <a class="btn btn-warning pull-right" href="#">Proposez la votre !</a>
+ <div class="clearfix"></div>
+ </div>
</div>
</div>
</div>
</div>
- </div>
-<!-- <form class="thing-form">
- <label>Syncs in realtime across clients</label>
- <p class="input-group">
- <input type="text" class="form-control" placeholder="Add a new thing here." ng-model="newThing">
- <span class="input-group-btn">
- <button type="submit" class="btn btn-ochre" ng-click="addThing()">Add New</button>
- </span>
- </p>
- </form>-->
-</div>
+ <div class="col-md-3">
+ <h2 class="page-header h3">Catégories</h2>
+ <p>
+ <a href="#" class="label label-warning">Default</a>
+ <a href="#" class="label label-warning">Dummy</a>
+ <a href="#" class="label label-warning">Tag</a>
+ <a href="#" class="label label-warning">Fun</a>
+ <a href="#" class="label label-warning">TooLongTagToRead</a>
+ <a href="#" class="label label-warning">Other</a>
+ </p>
+ <p class="text-center">
+ <a class="btn btn-default" href="#">Voir toutes les catégories</a>
+ </p>
-<footer class="footer">
- <div class="container">
- <p>Projet OCRE |
- <a href="https://bitbucket.org/genonin/ocre" target="_blank">Participer</a></p>
+ <h2 class="page-header h3">Rechercher</h2>
+ <form>
+ <div class="input-group">
+ <input type="text" class="form-control" placeholder="Rechercher">
+ <span class="input-group-btn">
+ <button class="btn btn-default" type="button"><i class="fa fa-search"></i></button>
+ </span>
+ </div><!-- /input-group -->
+ <a href="#" class="pull-right">Recherche avancée</a>
+ </form>
+
+ <h2 class="page-header h3">Statistiques</h2>
+ <dl class="dl-horizontal">
+ <dt>Projets</dt>
+ <dd>Deux</dd>
+ <dt>Idées</dt>
+ <dd>Plein</dd>
+ <dt>Donations</dt>
+ <dd>Vin 3 Milliards de Dollars</dd>
+ </dl>
+ </div>
</div>
-</footer>
+</div>
+
+
+<div ng-include="'components/footer/footer.html'"></div>
+