--- a/integration/gabarit.html Tue Oct 16 14:31:59 2012 +0200
+++ b/integration/gabarit.html Tue Oct 23 15:13:21 2012 +0200
@@ -12,7 +12,7 @@
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />
- <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.24.custom.css">
+ <link rel="stylesheet" href="css/ui-red/jquery-ui-1.9.0.custom.min.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
</head>
<body>
@@ -21,6 +21,12 @@
<div class="wrap">
<div class="header">
+ <div class="logo">
+ <div class="date">
+ <span class="year">5</span>
+ <span class="text">années archivées</span>
+ </div>
+ </div>
<div class="recherche-wrap">
<h1><img src="img/mediapart-by-periplus.jpg" alt="" /></h1>
@@ -138,19 +144,20 @@
<div class="content-left">
-
- <div class="widget-wrap">
+ <div class="widget-wrapper">
+ <div class="widget-wrap">
- <div class="widget affichage">
- <h3><a href="#">AFFICHAGE</a></h3>
- <div class="widget-inner">
-
- <ul class="clearfix">
- <li><a title="Passer en vue Treemap" class="treemap active" href="#"><span class="visuel"></span><span class="fonction">Treemap</span> </a></li>
- <li><a title="Passer en vue Liste" class="liste" href="#"><span class="visuel"></span><span class="fonction">Liste</span> </a></li>
- </ul>
- </div>
- </div><!-- affichage -->
+ <div class="widget affichage">
+ <h3><a href="#">AFFICHAGE</a></h3>
+ <div class="widget-inner">
+
+ <ul class="clearfix">
+ <li><a title="Passer en vue Treemap" class="treemap active" href="#"><span class="visuel"></span><span class="fonction">Treemap</span> </a></li>
+ <li><a title="Passer en vue Liste" class="liste" href="#"><span class="visuel"></span><span class="fonction">Liste</span> </a></li>
+ </ul>
+ </div>
+ </div><!-- affichage -->
+ </div><!-- widget-wrap -->
</div>
</div>
@@ -160,8 +167,102 @@
<div class="article">
<div class="inner-article clearfix">
<h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
- <p class="author">
- 48 articles
+ <p class="number-article">
+ <a href="#">48 articles</a>
+ </p>
+ <div class="article-content">
+ <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+
+ </p>
+
+ <ul class="links">
+ <ul>
+ <li><a href="#">Karachi crise</a></li>
+ <li><a href="#">Karachi crise</a></li>
+ <li><a href="#">Karachi crise</a></li>
+ </ul>
+ </ul>
+
+ <ul class="annotations clearfix">
+ <li>
+ <a title="xx annotations sur ce cluster" class="comment number" href="#">
+ <span class="number-value">354</span>
+ </a>
+ </li>
+ <li><a title="Ajouter une annotations sur ce cluster" class="comment add" href="#"></a></li>
+ <li><a class="value plus" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:20%;"></span>
+ </a></li>
+ <li><a class="value moins" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:40%;"></span>
+ </a></li>
+ <li><a class="value egal" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:70%;"></span>
+ </a></li>
+ <li><a class="value unknow" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:100%;"></span>
+ </a></li>
+ </ul>
+ </div>
+ </div>
+ </div><!--article -->
+ <div class="article">
+ <div class="inner-article clearfix">
+ <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
+ <p class="number-article">
+ <a href="#">48 articles</a>
+ </p>
+ <div class="article-content">
+ <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+
+ </p>
+
+ <ul class="links">
+ <ul>
+ <li><a href="#">Karachi crise</a></li>
+ <li><a href="#">Karachi crise</a></li>
+ <li><a href="#">Karachi crise</a></li>
+ </ul>
+ </ul>
+
+ <ul class="annotations clearfix">
+ <li>
+ <a title="xx annotations sur ce cluster" class="comment number" href="#">
+ <span class="number-value">354</span>
+ </a>
+ </li>
+ <li><a title="Ajouter une annotations sur ce cluster" class="comment add" href="#"></a></li>
+ <li><a class="value plus" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:20%;"></span>
+ </a></li>
+ <li><a class="value moins" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:40%;"></span>
+ </a></li>
+ <li><a class="value egal" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:70%;"></span>
+ </a></li>
+ <li><a class="value unknow" href="#">
+ <span class="inner-signe"></span>
+ <span class="inner-value" style="height:100%;"></span>
+ </a></li>
+ </ul>
+ </div>
+ </div>
+ </div><!--article -->
+ <div class="article">
+ <div class="inner-article clearfix">
+ <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
+ <p class="number-article">
+ <a href="#">48 articles</a>
</p>
<div class="article-content">
<p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -208,8 +309,8 @@
<div class="article">
<div class="inner-article clearfix">
<h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
- <p class="author">
- 48 articles
+ <p class="number-article">
+ <a href="#">48 articles</a>
</p>
<div class="article-content">
<div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
@@ -286,9 +387,9 @@
<div class="footer-partenaire">
<h2>Partenaires</h2>
<ul>
- <li><a href="#"><img src="img/logo-iri.jpg" alt="" /></a></li>
- <li><a href="#"><img src="img/logo-cea.jpg" alt="" /></a></li>
- <li><a href="#"><img src="img/logo-alcatel.jpg" alt="" /></a></li>
+ <li><a title="iri" href="http://www.iri.centrepompidou.fr/" class="iri"></a></li>
+ <li><a title="cea" href="http://www.cea.fr/" class="cea"></a></li>
+ <li><a title="Alcatel" href="http://www.alcatel-lucent.com" class="alcatel"></a></li>
</ul>
</div>
<div class="footer-texte">