--- a/integration/article.html Mon Oct 15 16:40:39 2012 +0200
+++ b/integration/article.html Tue Oct 16 14:23:59 2012 +0200
@@ -8,7 +8,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Article</title>
-
+
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />
@@ -28,8 +28,8 @@
<p >
<a href="#" class="photo"></a>
<input name="recherche" placeholder="Rechercher" class="input-recherche" type="text" />
- <input type="submit" value="" class="recherche-submit"/>
- <a class="plus-button" href="#"> </a>
+ <input type="submit" title="Rechercher" value="" class="recherche-submit"/>
+ <a class="plus-button" title="Annoter" href="#"> </a>
</p>
</form>
</div>
@@ -63,7 +63,7 @@
<h2>MES DOSSIERS</h2>
<ul>
<li class="clearfix">
- <a href="#">
+ <a title="Voir le dossier" href="#">
<img src="img/documentaire-visuel.jpg" alt="" />
<span class="documentaire-texte">
<h3>Terrorisme</h3>
@@ -72,7 +72,7 @@
</a>
</li>
<li class="clearfix">
- <a href="#">
+ <a title="Voir le dossier" href="#">
<img src="img/documentaire-visuel.jpg" alt="" />
<span class="documentaire-texte">
<h3>Terrorisme</h3>
@@ -81,7 +81,7 @@
</a>
</li>
<li class="clearfix">
- <a href="#">
+ <a title="Voir le dossier" href="#">
<img src="img/documentaire-visuel.jpg" alt="" />
<span class="documentaire-texte">
<h3>Terrorisme</h3>
@@ -90,7 +90,7 @@
</a>
</li>
<li class="clearfix">
- <a href="#">
+ <a title="Nouveau dossier documentaire" href="#">
<img src="img/documentaire-nouveau-dossier.jpg" alt="" />
<span class="documentaire-texte">
<h3>NOUVEAU DOSSIER</h3>
@@ -100,11 +100,11 @@
</li>
</ul>
- <a class="documentaire-lien" href="#"></a>
+ <a class="documentaire-lien" title="Voir les dossiers" href="#"></a>
<h2></h2>
<ul>
<li class="clearfix">
- <a href="#">
+ <atitle="Voir le dossier" href="#">
<img src="img/documentaire-visuel.jpg" alt="" />
<span class="documentaire-texte">
<h3>Terrorisme</h3>
@@ -113,7 +113,7 @@
</a>
</li>
<li class="clearfix">
- <a href="#">
+ <a title="Voir le dossier" href="#">
<img src="img/documentaire-visuel.jpg" alt="" />
<span class="documentaire-texte">
<h3>Terrorisme</h3>
@@ -122,17 +122,15 @@
</a>
</li>
</ul>
- <a class="documentaire-lien" href="#"></a>
+ <a class="documentaire-lien" title="Voir les dossiers" href="#"></a>
</div>
</div><!--dossier-documentaire-->
</div><!-- header -->
<div class="content-wrap clearfix">
<div class="frise">
- <div id="slider-range">
- <div class="voile-left"></div>
- <div class="voile-right"></div>
- </div>
+ <div class="streamgraph"></div>
+ <div id="slider-range"></div>
</div><!-- frise -->
<div class="cluster-wrap">
<a href="#" class="cluster-arrow arrow-left"></a>
@@ -141,18 +139,18 @@
<div class="cluster-visible">
<ul class="cluster">
- <li><a href="#">Début</a></li>
- <li><a href="#">affaire de Karachi</a></li>
- <li><a href="#">Syrie</a></li>
- <li><a href="#">affaire de Karachi</a></li>
- <li><a href="#">Syrie</a></li>
- <li><a href="#">affaire de Karachi</a></li>
- <li><a href="#">Syrie</a></li>
- <li><a href="#">affaire de Karachi</a></li>
- <li><a href="#">Syrie</a></li>
- <li><a href="#">affaire de Karachi</a></li>
- <li><a href="#">Syrie</a></li>
- <li><a href="#">Fin</a></li>
+ <li><a title="Afficher le cluster" href="#">Début</a></li>
+ <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li>
+ <li><a title="Afficher le cluster" href="#">Syrie</a></li>
+ <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li>
+ <li><a title="Afficher le cluster" href="#">Syrie</a></li>
+ <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li>
+ <li><a title="Afficher le cluster" href="#">Syrie</a></li>
+ <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li>
+ <li><a title="Afficher le cluster" href="#">Syrie</a></li>
+ <li><a title="Afficher le cluster" href="#">affaire de Karachi</a></li>
+ <li><a title="Afficher le cluster" href="#">Syrie</a></li>
+ <li><a title="Afficher le cluster" href="#">Fin</a></li>
</ul>
</div>
</div>
@@ -171,7 +169,7 @@
<form action="#" method="">
<p class="clearfix">
<input type="text" name="" placeholder="Rechercher" />
- <input type="submit" value="" />
+ <input type="submit" title="Rechercher" value="" />
</p>
</form>
</div>
@@ -223,8 +221,8 @@
<div class="widget-inner">
<ul class="clearfix">
- <li><a class="treemap active" href="#"><span class="visuel"></span><span class="fonction">Treemap</span> </a></li>
- <li><a class="liste" href="#"><span class="visuel"></span><span class="fonction">Liste</span> </a></li>
+ <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 -->
@@ -237,7 +235,7 @@
<div class="article">
<div class="inner-article clearfix">
- <h2><a href="#"> Affaire Lorem »</a></h2>
+ <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
<p class="author">
<a href="#">23 JANVIER 2024</a><br/>
by <a href="#">Jean Dujardin</a>
@@ -253,7 +251,7 @@
</div><!--article -->
<div class="article">
<div class="inner-article clearfix">
- <h2><a href="#"> Affaire Lorem »</a></h2>
+ <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
<p class="author">
<a href="#">23 JANVIER 2024</a><br/>
by <a href="#">Jean Dujardin</a>
@@ -268,7 +266,7 @@
</div><!--article -->
<div class="article">
<div class="inner-article clearfix">
- <h2><a href="#"> Affaire Lorem »</a></h2>
+ <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
<p class="author">
<a href="#">23 JANVIER 2024</a><br/>
by <a href="#">Jean Dujardin</a>
@@ -284,7 +282,7 @@
</div><!--article -->
<div class="article">
<div class="inner-article clearfix">
- <h2><a href="#"> Affaire Lorem »</a></h2>
+ <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
<p class="author">
<a href="#">23 JANVIER 2024</a><br/>
by <a href="#">Jean Dujardin</a>
@@ -299,7 +297,7 @@
</div><!--article -->
<div class="article">
<div class="inner-article clearfix">
- <h2><a href="#"> Affaire Lorem »</a></h2>
+ <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
<p class="author">
<a href="#">23 JANVIER 2024</a><br/>
by <a href="#">Jean Dujardin</a>
@@ -315,7 +313,7 @@
</div><!--article -->
<div class="article">
<div class="inner-article clearfix">
- <h2><a href="#"> Affaire Lorem »</a></h2>
+ <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
<p class="author">
<a href="#">23 JANVIER 2024</a><br/>
by <a href="#">Jean Dujardin</a>
@@ -330,7 +328,7 @@
</div><!--article -->
<div class="article">
<div class="inner-article clearfix">
- <h2><a href="#"> Affaire Lorem »</a></h2>
+ <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
<p class="author">
<a href="#">23 JANVIER 2024</a><br/>
by <a href="#">Jean Dujardin</a>
@@ -346,7 +344,7 @@
</div><!--article -->
<div class="article">
<div class="inner-article clearfix">
- <h2><a href="#"> Affaire Lorem »</a></h2>
+ <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
<p class="author">
<a href="#">23 JANVIER 2024</a><br/>
by <a href="#">Jean Dujardin</a>
@@ -361,7 +359,7 @@
</div><!--article -->
<div class="article">
<div class="inner-article clearfix">
- <h2><a href="#"> Affaire Lorem »</a></h2>
+ <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
<p class="author">
<a href="#">23 JANVIER 2024</a><br/>
by <a href="#">Jean Dujardin</a>
@@ -377,7 +375,7 @@
</div><!--article -->
<div class="article">
<div class="inner-article clearfix">
- <h2><a href="#"> Affaire Lorem »</a></h2>
+ <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
<p class="author">
<a href="#">23 JANVIER 2024</a><br/>
by <a href="#">Jean Dujardin</a>
@@ -437,8 +435,11 @@
<script src="js/vendor/jquery-1.8.0.min.js"></script>
<script src="js/vendor/jquery-ui-1.8.24.custom.min.js"></script>
<script src="js/vendor/dragslider.js"></script>
+ <script src="js/lib/raphael-min.js"></script>
+ <script src="js/lib/underscore-min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
+ <script src="js/streamgraph.js"></script>
</body>
</html>