--- a/integration/css/article.css Thu Jan 24 16:58:55 2013 +0100
+++ b/integration/css/article.css Tue Jan 29 13:29:21 2013 +0100
@@ -7,7 +7,14 @@
.article{
padding: 12px 0 6px 0;
float: left;
- border-bottom: 1px solid #e0dde0;
+}
+
+.article:nth-child(4n+1) {
+ clear: left;
+}
+
+.article:nth-child(n+4) {
+ border-top: 1px solid #e0dde0;
}
.articles .tooltip{
width: 209px;
@@ -19,7 +26,7 @@
text-align: center;
display: none;
}
-.article:hover{
+.article:hover, .article.selected{
background-color: #eee;
}
.inner-article{
--- a/integration/css/common.css Thu Jan 24 16:58:55 2013 +0100
+++ b/integration/css/common.css Tue Jan 29 13:29:21 2013 +0100
@@ -340,7 +340,7 @@
line-height: 18px;
display: block;
}
-.cluster li a:hover{
+.cluster li a:hover, .cluster li a.selected{
background-color: #c51810;
color: #FFF;
}
--- a/integration/css/home.css Thu Jan 24 16:58:55 2013 +0100
+++ b/integration/css/home.css Tue Jan 29 13:29:21 2013 +0100
@@ -25,7 +25,7 @@
.inner-actu h2{
color: #FFF;
line-height: 40px;
- font-size: 24px;
+ font-size: 20px;
padding-left: 10px;
}
.inner-actu h2 a{
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/data/requete_filtre_2008.json Tue Jan 29 13:29:21 2013 +0100
@@ -0,0 +1,151 @@
+{
+ "query": {
+ "picture": "",
+ "text": "",
+ "from_date": "2008-01-01T00:00:00.0Z",
+ "query_id": 3399447552,
+ "to_date": "2008-08-01T00:00:00.0Z",
+ "categories": []
+ },
+ "clusters": [
+ {
+ "documents": [
+ {
+ "category": "France",
+ "weight": 0.860128,
+ "title": "Jean-Pierre Mignard (D\u00e9sirs d'avenir): \u00abLa pr\u00e9sidence Sarkozy a-t-elle encore un sens?\u00bb",
+ "url_document": "http://www.mediapart.fr/journal/france/230408/jean-pierre-mignard-desirs-d-avenir-la-presidence-sarkozy-a-t-elle-encore-un-s",
+ "date": "2008-04-24T13:07:30.0Z",
+ "url_image": "",
+ "id": 12169
+ }
+ ],
+ "weight": "1",
+ "title": "PS",
+ "abstract": "Proche de S\u00e9gol\u00e8ne Royal, Fran\u00e7ois Rebsamen a un temps envisag\u00e9 de faire le trait-d'union avec les amis de Fran\u00e7ois Hollande pour renverser Martine Aubry de la direction du PS. Rentr\u00e9 dans le rang",
+ "annotations": [],
+ "documents_number": 2,
+ "url_image": "http://static.mediapart.fr/files/imagecache/300_pixels/St%C3%A9phane%20Alli%C3%A8s/ResizedImage383255-IMG0707.JPG",
+ "id": 0
+ }, {
+ "documents": [
+ {
+ "category": "France",
+ "weight": 0.93065299999999995,
+ "title": "Municipales : notre barom\u00e8tre pour comprendre les r\u00e9sultats de dimanche",
+ "url_document": "http://www.mediapart.fr/journal/france/140308/municipales-notre-barometre-pour-comprendre-les-resultats-de-dimanche",
+ "date": "2008-03-15T16:09:36.0Z",
+ "url_image": "",
+ "id": 423
+ }, {
+ "category": "France",
+ "weight": 0.92409200000000002,
+ "title": "Le socialisme dans un seul village",
+ "url_document": "http://www.mediapart.fr/journal/france/160308/le-socialisme-dans-un-seul-village",
+ "date": "2008-07-02T16:42:58.0Z",
+ "url_image": "",
+ "id": 603
+ }
+ ],
+ "weight": "0.970595",
+ "title": "\u00e9lections r\u00e9gionales",
+ "abstract": "Lot de consolation pour la droite : La Guyane basculerait. Selon des chiffres encore",
+ "annotations": [],
+ "documents_number": 2,
+ "url_image": "http://static.mediapart.fr/files/imagecache/300_pixels/La%20r%C3%A9daction%20Mediapart/rejet.png",
+ "id": 1
+ }, {
+ "documents": [
+ {
+ "category": "France",
+ "weight": 0.92646499999999998,
+ "title": "Une semaine sociale dans tous ses \u00e9tats",
+ "url_document": "http://www.mediapart.fr/journal/france/160608/une-semaine-sociale-dans-tous-ses-etats",
+ "date": "2008-06-16T10:11:05.0Z",
+ "url_image": "",
+ "id": 16313
+ }, {
+ "category": "France",
+ "weight": 0.87840700000000005,
+ "title": "Constitution: le PS inflexible, malgr\u00e9 l'appel de Sarkozy",
+ "url_document": "http://www.mediapart.fr/journal/france/170708/constitution-le-ps-inflexible-malgre-l-appel-de-sarkozy",
+ "date": "2008-07-17T14:28:17.0Z",
+ "url_image": "http://static.mediapart.fr/files/Mathilde Mathieu/Image 2_2.png",
+ "id": 18705
+ }, {
+ "category": "France",
+ "weight": 0.86514199999999997,
+ "title": "Constitution: comment se repasser le mistigri de l'\u00e9chec",
+ "url_document": "http://www.mediapart.fr/journal/france/010708/constitution-comment-se-repasser-le-mistigri-de-l-echec",
+ "date": "2008-07-09T12:51:55.0Z",
+ "url_image": "http://static.mediapart.fr/files/Mathilde Mathieu/Image 6_3.png",
+ "id": 17508
+ }
+ ],
+ "weight": "0.961693",
+ "title": "gouvernement UMP",
+ "abstract": "Du changement de statut de La Poste, il n'a \u00e9t\u00e9 que peu question durant la campagne des \u00e9lections europ\u00e9ennes, comme si la r\u00e9forme avait pris du retard ou n'\u00e9tait plus d'actualit\u00e9. Et pourtant, il n'en est rien",
+ "annotations": [],
+ "documents_number": 7,
+ "url_image": "http://static.mediapart.fr/files/Laurent Mauduit/Image 8_13.png",
+ "id": 2
+ }, {
+ "documents": [
+ {
+ "category": "France",
+ "weight": 0.84832700000000005,
+ "title": "L'UMP et le PS en faux jumeaux",
+ "url_document": "http://www.mediapart.fr/journal/france/300308/l-ump-et-le-ps-en-faux-jumeaux",
+ "date": "2008-03-30T18:29:32.0Z",
+ "url_image": "",
+ "id": 9624
+ }
+ ],
+ "weight": "0.914044",
+ "title": "UMP",
+ "abstract": "L'UMP et le PS sont des jumeaux dizygotes. Ils ne sont pas issus du m\u00eame",
+ "annotations": [],
+ "documents_number": 2,
+ "url_image": "http://static.mediapart.fr/files/imagecache/475_pixels/Marine%20Turchi/2083.jpg",
+ "id": 5
+ }, {
+ "documents": [
+ {
+ "category": "Economie",
+ "weight": 0.81102099999999999,
+ "title": "Les Etats-Unis sont-ils d\u00e9j\u00e0 en faillite?",
+ "url_document": "http://www.mediapart.fr/journal/economie/150408/les-etats-unis-sont-ils-deja-en-faillite",
+ "date": "2008-04-16T12:54:59.0Z",
+ "url_image": "http://cache.20minutes.fr/img/photos/20mn/2008-10/2008-10-07/article_krach14.jpg",
+ "id": 11333
+ }
+ ],
+ "weight": "0.851838",
+ "title": "panique financi\u00e8re",
+ "abstract": "En pleine panique financi\u00e8re, les responsables politiques retrouvent la parole. Apr\u00e8s la r\u00e9union de crise ce ",
+ "annotations": [],
+ "documents_number": 1,
+ "url_image": "/home/cea/WebLab/dist/run/mss/images/3883",
+ "id": 8
+ }, {
+ "documents": [
+ {
+ "category": "France",
+ "weight": 0.95304,
+ "title": "Afghanistan: l'Elys\u00e9e conc\u00e8de un d\u00e9bat aux d\u00e9put\u00e9s",
+ "url_document": "http://www.mediapart.fr/journal/france/270308/afghanistan-l-elysee-concede-un-debat-aux-deputes",
+ "date": "2008-03-28T17:43:04.0Z",
+ "url_image": "http://upload.wikimedia.org/wikipedia/commons/thumb/1/19/Afghanistan_%28orthographic_projection%29.svg/220px-Afghanistan_%28orthographic_projection%29.svg.png",
+ "id": 5581
+ }
+ ],
+ "weight": "0.95304",
+ "title": "etc.",
+ "abstract": "No summary available",
+ "annotations": [],
+ "documents_number": 1,
+ "url_image": "/home/cea/WebLab/dist/run/mss/images/3883",
+ "id": 9
+ }
+ ]
+}
\ No newline at end of file
--- a/integration/home.html Thu Jan 24 16:58:55 2013 +0100
+++ b/integration/home.html Tue Jan 29 13:29:21 2013 +0100
@@ -33,7 +33,7 @@
<form action="#">
<p >
<a data-trace-id="" data-trace-type="search" data-trace-view="head-search-snap" href="#" class="photo"></a>
- <input data-trace-id="" data-trace-type="search" data-trace-view="head-search-query" name="recherche" placeholder="Rechercher" class="input-recherche" type="text" />
+ <input data-trace-id="" data-trace-type="search" data-trace-view="head-search-query" name="recherche" placeholder="Rechercher" class="input-recherche" type="text" value="Présidentielles Sarkozy Hollande" />
<input data-trace-id="" data-trace-type="search" data-trace-view="head-search-submit" type="submit" value="" class="recherche-submit"/>
<a class="plus-button home" title="Annoter" href="#"> </a>
</p>
@@ -50,7 +50,7 @@
</ul>
<div class="login-wrap">
- <h2>CONNECTER VOUS</h2>
+ <h2>SE CONNECTER</h2>
<form action="#">
<p><input data-trace-id="" data-trace-type="login" data-trace-view="login-login" type="text" name="identifiant" placeholder="Identifiant" /></p>
<p class="submit-wrap">
@@ -181,16 +181,6 @@
</div>
</div><!-- affichage -->
- <div class="widget classer">
- <h3><a href="#">CLASSER</a></h3>
- <div class="widget-inner">
- <form action="#" class="filtre-categorie">
- <p><input type="checkbox"> <label for="">International</label> </p>
- <p><input type="checkbox"> <label for="">International</label> </p>
- <p><input type="checkbox"> <label for="">International</label> </p>
- </form>
- </div>
- </div><!-- classer -->
<div class="widget filtre">
<h3><a href="#">FILTRES</a></h3>
<div class="widget-inner">
@@ -206,20 +196,21 @@
</form>
<h4>Catégories :</h4>
<form action="#" class="filtre-categorie">
- <p><input type="checkbox"> <label for="">International</label> </p>
- <p><input type="checkbox"> <label for="">International</label> </p>
- <p><input type="checkbox"> <label for="">International</label> </p>
+ <p><input type="checkbox" checked> <label for="">International</label> </p>
+ <p><input type="checkbox" checked> <label for="">France</label> </p>
+ <p><input type="checkbox" checked> <label for="">Economie</label> </p>
+ <p><input type="checkbox" checked> <label for="">Culture</label> </p>
</form>
</div>
</div><!-- filtre -->
<div class="widget links">
- <h3><a href="#">DOSSIER ASSOCIES</a></h3>
+ <h3><a href="#">DOSSIERS ASSOCIES</a></h3>
<div class="widget-inner">
<ul>
+<!-- <li><a href="#">« Corruption »</a></li>
<li><a href="#">« Corruption »</a></li>
<li><a href="#">« Corruption »</a></li>
- <li><a href="#">« Corruption »</a></li>
- <li><a href="#">« Corruption »</a></li>
+ <li><a href="#">« Corruption »</a></li> -->
</ul>
</div>
</div><!-- links -->
--- a/integration/js/streamgraph.js Thu Jan 24 16:58:55 2013 +0100
+++ b/integration/js/streamgraph.js Tue Jan 29 13:29:21 2013 +0100
@@ -4,32 +4,14 @@
var VMARGIN = 3,
YEARSHEIGHT = 20,
- STARTTIME = new Date(2007,5,1),
- ENDTIME = new Date(),
+ STARTTIME = new Date(data.from_date),
+ ENDTIME = new Date(data.to_date),
DATASTART = new Date(data.from_date),
DATAEND = new Date(data.to_date),
CURVE = .25,
DATEPADDING = 10,
- COLORS = [ "#943a23", "#fbee97", "#cfbb95", "#da9761", "#ba5036" ],
- SELECTEDCOLOR = "#007dad";
-
- /* Generating random data
-
- var data = [],
- clustercount = 12,
- slicecount = 20,
- maxdata = 10,
- randpart = 4,
- dampfactor = .333;
- for (var i = 0; i < clustercount; i++) {
- var line = [],
- peaktime = Math.floor(Math.random() * slicecount);
- for (var j = 0; j < slicecount; j++) {
- var point = Math.min(maxdata, Math.max(0, (Math.random() - .5) * randpart + Math.max(0, maxdata * (1 - dampfactor * Math.abs(j - peaktime)))));
- line.push(point);
- }
- data.push(line);
- }
+ COLORS = [ "#51585E", "#12161C", "#457DAD", "#899DAA", "#0781BD" ],
+ SELECTEDCOLOR = "#c51810";
/* Calculating scales and positions */
@@ -104,9 +86,8 @@
var paper = new Raphael($selector[0]);
- paper.path("M0 " + centery + "L" + width + " " + centery).attr({
- stroke: "#000",
- "stroke-width": .25
+ paper.path("M0 " + (1+centery) + "L" + width + " " + (1+centery)).attr({
+ stroke: "#000"
})
_(coords).each(function(line, index) {
--- a/integration/js/treemap.js Thu Jan 24 16:58:55 2013 +0100
+++ b/integration/js/treemap.js Tue Jan 29 13:29:21 2013 +0100
@@ -1,36 +1,3 @@
-/* SOURCE : http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript */
-
-/**
- * Converts an HSV color value to RGB. Conversion formula
- * adapted from http://en.wikipedia.org/wiki/HSV_color_space.
- * Assumes h, s, and v are contained in the set [0, 1] and
- * returns r, g, and b in the set [0, 255].
- *
- * @param Number h The hue
- * @param Number s The saturation
- * @param Number v The value
- * @return Array The RGB representation
- */
-function hsvToRgb(h, s, v){
- var r, g, b;
-
- var i = Math.floor(h * 6);
- var f = h * 6 - i;
- var p = v * (1 - s);
- var q = v * (1 - f * s);
- var t = v * (1 - (1 - f) * s);
-
- switch(i % 6){
- case 0: r = v, g = t, b = p; break;
- case 1: r = q, g = v, b = p; break;
- case 2: r = p, g = v, b = t; break;
- case 3: r = p, g = q, b = v; break;
- case 4: r = t, g = p, b = v; break;
- case 5: r = v, g = p, b = q; break;
- }
-
- return _([r * 255, g * 255, b * 255]).map(Math.floor);
-}
$(function(){
@@ -135,12 +102,42 @@
'<p class="abstract"><%= abstract %></p>'+
'</div>'
).template();
+
+ /* Templates pour la vue liste */
+
+ var clusterListeTemplate = _(
+ '<div class="article" data-cluster-id="<%= id %>">'+
+ '<div class="inner-article clearfix">'+
+ '<h2><a title="Lire l\'article" href="#"> <%= title %> »</a></h2>'+
+ '<p class="number-article">'+
+ '<a href="#"><%= documents_number %> articles | <%= annotations.length %> annotations </a>'+
+ '<a title="ajouter une annotation" class="add-annotation" href="#"></a>'+
+ '</p>'+
+ '<div class="article-annotations">'+
+ '<a title="48 annotations" class="blue" href="#" style="width:20%;"></a>'+
+ '<a title="title" class="green" href="#" style="width:20%;"></a>'+
+ '<a title="title" class="red" href="#" style="width:40%;"></a>'+
+ '<a title="title" class="empty" href="#" style="width:20%;"></a>'+
+ '</div>'+
+ '<div class="article-content">'+
+ '<p class="resume"><%= abstract %></p>'+
+ '<ul class="links">'+
+ '<ul>'+
+ '<% _(documents).each(function(d) { print("<li><a href=\'" + d.url_document + "\'>" + d.title.replace(/(^.{30,60})[\s].+$/m,\'$1…\') + "</a></li>"); }) %>'+
+ '</ul>'+
+ '</ul>'+
+ '</div>'+
+ '</div>'+
+ '</div>'
+ ).template();
var hTreemap = 600;//à définir
$('#treemap').height(hTreemap);
function showResults(results) {
+ $(".articles").html(_(results.clusters).reduce(function(mem, c) { return mem + clusterListeTemplate(c) },''));
+
var data = _(results.clusters).map(function(cluster, i) {
var hue = (parseInt(cluster.id)%6)/6
return {
@@ -148,7 +145,6 @@
label: cluster.title,
abstract : cluster.abstract,
value: parseFloat(cluster.weight),
- color: "rgb(" + hsvToRgb(hue,.8,.8).join(",") + ")",
annotation_count: cluster.annotations.length,
image_url: cluster.url_image || false,
articles: cluster.documents.filter(function(article) {
@@ -202,7 +198,11 @@
});
});
- $(".actu").hover(
+ $(".cluster").html(data.reduce(function(mem, c) {
+ return mem + '<li><a href="#" title="Afficher le cluster" data-cluster-id="' + c.id + '">' + c.label + '</a></li>'
+ }, ''));
+
+ $(".actu, .cluster a, .article").hover(
function() {
$("body").trigger("select-cluster", $(this).attr("data-cluster-id"));
},
@@ -211,10 +211,10 @@
}
)
$("body").on("select-cluster", function(e, clusterid) {
- $(".actu[data-cluster-id='" + clusterid + "']").addClass("selected");
+ $(".actu[data-cluster-id='" + clusterid + "'], .cluster a[data-cluster-id='" + clusterid + "'], .article[data-cluster-id='" + clusterid + "']").addClass("selected");
});
$("body").on("unselect-cluster", function(e, clusterid) {
- $(".actu[data-cluster-id='" + clusterid + "']").removeClass("selected");
+ $(".actu[data-cluster-id='" + clusterid + "'], .cluster a[data-cluster-id='" + clusterid + "'], .article[data-cluster-id='" + clusterid + "']").removeClass("selected");
});
}
@@ -222,20 +222,7 @@
$.getJSON(url, showResults);
}
- renderJson("data/requete.json");
-
- $(".header-menu a").click(function() {
- if ($(this).text() == "INTERNATIONAL") {
- renderJson("data/requete_filtre_international.json");
- }
- if ($(this).text() == "FRANCE") {
- renderJson("data/requete_filtre_france.json");
- }
- if ($(this).hasClass("home")) {
- renderJson("data/requete.json")
- }
- return false;
- });
+ renderJson("data/requete_filtre_2008.json");
$("#liste").hide();
--- a/integration/liste-article.html Thu Jan 24 16:58:55 2013 +0100
+++ b/integration/liste-article.html Tue Jan 29 13:29:21 2013 +0100
@@ -31,7 +31,7 @@
<form action="#">
<p>
<a href="#" class="photo"></a>
- <input name="recherche" placeholder="Rechercher" class="input-recherche" type="text" />
+ <input name="recherche" placeholder="Rechercher" class="input-recherche" type="text" value="Présidentielles Sarkozy Hollande" />
<input type="submit" title="Rechercher" value="" class="recherche-submit"/>
<a class="plus-button" title="Annoter" href="#"> </a>
</p>
@@ -48,7 +48,7 @@
</ul>
<div class="login-wrap">
- <h2>CONNECTER VOUS</h2>
+ <h2>SE CONNECTER</h2>
<form action="#">
<p><input type="text" name="identifiant" placeholder="Identifiant" /></p>
<p class="submit-wrap">
@@ -143,18 +143,16 @@
<div class="cluster-visible">
<ul class="cluster">
- <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>
+ <li><a class="selected" href="#" title="Afficher le cluster" data-cluster-id="0">PS</a></li>
+ <li><a class="" href="#" title="Afficher le cluster" data-cluster-id="1">élections régionales</a></li>
+ <li><a class="" href="#" title="Afficher le cluster" data-cluster-id="2">gouvernement UMP</a></li>
+ <li><a href="#" title="Afficher le cluster" data-cluster-id="9">etc.</a></li>
+ <li><a href="#" title="Afficher le cluster" data-cluster-id="3">affaire de Karachi</a></li>
+ <li><a class="" href="#" title="Afficher le cluster" data-cluster-id="4">campagne des européennes</a></li>
+ <li><a href="#" title="Afficher le cluster" data-cluster-id="5">UMP</a></li>
+ <li><a href="#" title="Afficher le cluster" data-cluster-id="6">livre</a></li>
+ <li><a href="#" title="Afficher le cluster" data-cluster-id="7">Nouveau Centre Modem</a></li>
+ <li><a href="#" title="Afficher le cluster" data-cluster-id="8">panique financière</a></li>
</ul>
</div>
</div>
@@ -165,7 +163,7 @@
<div class="content-left">
- <h2> Affaire Bettencourt »</h2>
+ <h2>PS »</h2>
<div class="widget-wrapper">
<div class="widget-wrap">
<div class="widget recherche">
@@ -179,16 +177,6 @@
</form>
</div>
</div><!-- recherche -->
- <div class="widget classer">
- <h3><a href="#">CLASSER</a></h3>
- <div class="widget-inner">
- <form action="#" class="filtre-categorie">
- <p><input type="checkbox"> <label for="">International</label> </p>
- <p><input type="checkbox"> <label for="">International</label> </p>
- <p><input type="checkbox"> <label for="">International</label> </p>
- </form>
- </div>
- </div><!-- classer -->
<div class="widget filtre">
<h3><a href="#">FILTRES</a></h3>
<div class="widget-inner">
@@ -204,20 +192,21 @@
</form>
<h4>Catégories :</h4>
<form action="#" class="filtre-categorie">
- <p><input type="checkbox"> <label for="">International</label> </p>
- <p><input type="checkbox"> <label for="">International</label> </p>
- <p><input type="checkbox"> <label for="">International</label> </p>
+ <p><input type="checkbox" checked> <label for="">International</label> </p>
+ <p><input type="checkbox" checked> <label for="">France</label> </p>
+ <p><input type="checkbox" checked> <label for="">Economie</label> </p>
+ <p><input type="checkbox" checked> <label for="">Culture</label> </p>
</form>
</div>
</div><!-- filtre -->
<div class="widget links">
- <h3><a href="#">DOSSIER ASSOCIES</a></h3>
+ <h3><a href="#">DOSSIERS ASSOCIES</a></h3>
<div class="widget-inner">
<ul>
+<!-- <li><a href="#">« Corruption »</a></li>
<li><a href="#">« Corruption »</a></li>
<li><a href="#">« Corruption »</a></li>
- <li><a href="#">« Corruption »</a></li>
- <li><a href="#">« Corruption »</a></li>
+ <li><a href="#">« Corruption »</a></li> -->
</ul>
</div>
</div><!-- links -->
@@ -226,8 +215,8 @@
<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>
+ <li><a title="Passer en vue Treemap" class="treemap" href="#"><span class="visuel"></span><span class="fonction">Treemap</span> </a></li>
+ <li><a title="Passer en vue Liste" class="liste active" href="#"><span class="visuel"></span><span class="fonction">Liste</span> </a></li>
</ul>
</div>
</div><!-- affichage -->
@@ -241,46 +230,14 @@
<div class="article">
<div class="inner-article clearfix">
- <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
+ <h2><a title="Lire l'article" href="http://www.mediapart.fr/journal/france/080609/francois-rebsamen-quand-n-pas-de-leader-pas-de-strategie-et-pas-d-organisation">François Rebsamen: «Quand on n’a pas de leader, pas de stratégie et pas d’organisation, il ne reste plus que le travail» »</a></h2>
<p class="author">
- <a href="#">23 JANVIER 2024</a><br/>
- by <a href="#">Jean Dujardin</a>
+ <a href="#">08 juin 2009</a><br/>
+ by <a href="#">Stéphane Alliès</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>
-
- </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="author">
- <a href="#">23 JANVIER 2024</a><br/>
- by <a href="#">Jean Dujardin</a>
- </p>
- <div class="article-content">
- <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
-
- <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur adipisicing
- </p>
- </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="author">
- <a href="#">23 JANVIER 2024</a><br/>
- by <a href="#">Jean Dujardin</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 class="resume">
+ Proche de Ségolène Royal, François Rebsamen a un temps envisagé de faire le trait-d'union avec les amis de François Hollande pour renverser Martine Aubry de la direction du PS.
</p>
</div>
@@ -288,30 +245,28 @@
</div><!--article -->
<div class="article">
<div class="inner-article clearfix">
- <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
+ <h2><a title="Lire l'article" href="#">Ségolène Royal veut rester sur le côté des polémiques socialistes »</a></h2>
<p class="author">
- <a href="#">23 JANVIER 2024</a><br/>
- by <a href="#">Jean Dujardin</a>
+ <a href="#">22 juillet 2009</a><br/>
+ by <a href="#">Stéphane Alliès</a>
</p>
<div class="article-content">
- <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
-
- <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur adipisicing
+ <p class="resume">
+ L'échange épistolaire entre Martine Aubry et Manuel Valls a ouvert la compétition des égos au PS. Mais la présidente de la région Poitou-Charentes affiche ses distances avec ces polémiques.
</p>
</div>
</div>
</div><!--article -->
<div class="article">
<div class="inner-article clearfix">
- <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
+ <h2><a title="Lire l'article" href="#">Face aux députés PS, Martine Aubry soigne sa gauche »</a></h2>
<p class="author">
- <a href="#">23 JANVIER 2024</a><br/>
- by <a href="#">Jean Dujardin</a>
+ <a href="#">02 décembre 2008</a><br/>
+ by <a href="#">Mathilde Mathieu</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 class="resume">
+ Mardi 2 décembre, dans un sous-sol de l'Assemblée nationale, Martine Aubry a délivré une feuille de route toute fraîche aux députés socialistes. «On redémarre, on est en marche», a déclaré la première secrétaire du PS, pressé de marquer le nouvel «ancrage à gauche» du parti.
</p>
</div>
@@ -319,77 +274,14 @@
</div><!--article -->
<div class="article">
<div class="inner-article clearfix">
- <h2><a title="Lire l'article" href="#"> Affaire Lorem »</a></h2>
+ <h2><a title="Lire l'article" href="#">Razzy Hammadi: «La sincérité du scrutin est mise en cause» »</a></h2>
<p class="author">
- <a href="#">23 JANVIER 2024</a><br/>
- by <a href="#">Jean Dujardin</a>
- </p>
- <div class="article-content">
- <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
-
- <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur adipisicing
- </p>
- </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="author">
- <a href="#">23 JANVIER 2024</a><br/>
- by <a href="#">Jean Dujardin</a>
+ <a href="#">25 octobre 2008</a><br/>
+ by <a href="#">Stéphane Alliès</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>
-
- </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="author">
- <a href="#">23 JANVIER 2024</a><br/>
- by <a href="#">Jean Dujardin</a>
- </p>
- <div class="article-content">
- <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
-
- <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur adipisicing
- </p>
- </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="author">
- <a href="#">23 JANVIER 2024</a><br/>
- by <a href="#">Jean Dujardin</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>
-
- </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="author">
- <a href="#">23 JANVIER 2024</a><br/>
- by <a href="#">Jean Dujardin</a>
- </p>
- <div class="article-content">
- <div class="article-visuel-wrap"><img class="article-visuel" src="img/visuel-article.jpg" alt="" /></div>
-
- <p class="resume">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodLorem ipsum dolor sit amet, consectetur adipisicing
+ <p class="resume">
+ Les débats s'enchaînent au PS, sans que les équilibres internes ne paraissent évoluer. L'incertitude persiste, aucune des trois motions favorites (Royal, Aubry, Delanoë) n'émerge, et nombreux sont ceux qui craignent un démobilisation militante.
</p>
</div>
</div>