--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/v2/01-home.html Tue Jun 18 17:37:24 2013 +0200
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="description" content="eGonomy">
+ <title>eGonomy</title>
+
+ <link rel="stylesheet" href="css/reset.css">
+ <link rel="stylesheet" href="css/fonts.css">
+ <link rel="stylesheet" href="css/style.css">
+ <script src="js/vendor/modernizr-2.6.2.min.js"></script>
+</head>
+<body>
+
+ <div class="wrap">
+ <header class="clearfix">
+ <h1><a href="#">egonomy</a></h1>
+ <div class="col-right">
+ <ul class="head-login clearfix">
+ <li>
+ <form method="GET" action="/egonomy/allpictures/">
+ <p>
+ <input id="id_search" type="text" placeholder="Rechercher dans le site">
+ <select class="search-type">
+ <option selected="" value="/egonomy/allpictures/">Images</option>
+ <option value="/egonomy/allfragments/">Fragments</option>
+ </select>
+ </p>
+ <input type="hidden" name="field" value="all">
+ </form>
+ </li>
+ <li class="hello-user">Bonjour Anthony Ly</li>
+ <li><span class="dot-6"></span></li>
+ <li><a class="login" href="#">Déconnexion</a></li>
+ </ul>
+ <nav>
+ <ul class="nav clearfix">
+ <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">explorer</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">collectionner</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">créer</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">mon profil</a></li>
+ </ul>
+ </nav>
+ </div>
+ </header>
+ <section>
+ <div class="title-page">
+ <h2 class="w650">
+ egonomy est le service d'échange
+ et de collection d'images de la rmn.
+ Naviguez dans les 250 000 images du site, annotez
+ les, commentez les, fragmenter les toutes!
+ </h2>
+ </div>
+ <p class="our-images">Découvrez les images</p>
+ <div id="home-images" class="home-images clearfix">
+ <a href="#home-images" class="home-arrow"></a>
+ <div class="col-left">
+ <div class="box-black box-1 uppercase">
+ explorez
+ </div>
+ <div class="box-white box-2">
+ <span class="bold">plus de</span>
+ <span class="number">250 000</span>
+ <span class="bold">images d’oeuvres</span>
+ </div>
+ <div class="box-white box-3">Retrouvez les collections des plus grands musées, découvrez leurs auteurs, annotez les, regroupez les, documentez les à votre tour! </div>
+ <img src="img/home-image-left.png" alt="">
+ </div>
+ <div class="col-right">
+ <img src="img/home-image-right.png" alt="">
+ <img src="img/home-image-right-2.png" alt="">
+ </div>
+ </div>
+ <ul class="list-projets clearfix">
+ <li>
+ <div class="fragment">
+ <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+ <defs>
+ <clipPath id="fragment-clip68">
+ <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+ </clipPath>
+ </defs>
+ <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ </svg>
+ </div><!-- ./fragment -->
+ <div>
+ <h3>Annotez, échangez réagissez</h3>
+ <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
+ <a href="#">Créer une collection</a>
+ </div>
+ </li>
+ <li>
+ <div class="fragment">
+ <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+ <defs>
+ <clipPath id="fragment-clip68">
+ <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+ </clipPath>
+ </defs>
+ <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ </svg>
+ </div><!-- ./fragment -->
+ <div>
+ <h3>Annotez, échangez réagissez</h3>
+ <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
+ <a href="#">Créer une collection</a>
+ </div>
+ </li>
+ <li>
+ <div class="fragment">
+ <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+ <defs>
+ <clipPath id="fragment-clip68">
+ <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+ </clipPath>
+ </defs>
+ <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ </svg>
+ </div><!-- ./fragment -->
+ <div>
+ <h3>Annotez, échangez réagissez</h3>
+ <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
+ <a href="#">Créer une collection</a>
+ </div>
+ </li>
+ <li>
+ <div class="fragment">
+ <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+ <defs>
+ <clipPath id="fragment-clip68">
+ <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+ </clipPath>
+ </defs>
+ <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ </svg>
+ </div><!-- ./fragment -->
+ <div>
+ <h3>Annotez, échangez réagissez</h3>
+ <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
+ <a href="#">Créer une collection</a>
+ </div>
+ </li>
+ </ul>
+ </section>
+ <footer class="clearfix">
+ <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
+ <p>Mai 2013</p>
+ </footer>
+ </div><!-- /.wrap -->
+
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/masonry.min.js"></script>
+ <script src="js/main.js"></script>
+</body>
+</html>
--- a/integration/v2/01.html Tue Jun 18 13:29:25 2013 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,170 +0,0 @@
-<!DOCTYPE html>
-<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
-<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
-<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
-<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
-<head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="description" content="eGonomy">
- <title>eGonomy</title>
-
- <link rel="stylesheet" href="css/reset.css">
- <link rel="stylesheet" href="css/fonts.css">
- <link rel="stylesheet" href="css/style.css">
- <script src="js/vendor/modernizr-2.6.2.min.js"></script>
-</head>
-<body>
-
- <div class="wrap">
- <header class="clearfix">
- <h1><a href="#">egonomy</a></h1>
- <div class="col-right">
- <ul class="head-login clearfix">
- <li>
- <form method="GET" action="/egonomy/allpictures/">
- <p>
- <input id="id_search" type="text" placeholder="Rechercher dans le site">
- <select class="search-type">
- <option selected="" value="/egonomy/allpictures/">Images</option>
- <option value="/egonomy/allfragments/">Fragments</option>
- </select>
- </p>
- <input type="hidden" name="field" value="all">
- </form>
- </li>
- <li class="hello-user">Bonjour Anthony Ly</li>
- <li><span class="dot-6"></span></li>
- <li><a class="login" href="#">Déconnexion</a></li>
- </ul>
- <nav>
- <ul class="nav clearfix">
- <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">explorer</a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">collectionner</a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">créer</a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">mon profil</a></li>
- </ul>
- </nav>
- </div>
- </header>
- <section>
- <div class="title-page">
- <h2 class="w650">
- egonomy est le service d'échange
- et de collection d'images de la rmn.
- Naviguez dans les 250 000 images du site, annotez
- les, commentez les, fragmenter les toutes!
- </h2>
- </div>
- <p class="our-images">Découvrez les images</p>
- <div id="home-images" class="home-images clearfix">
- <a href="#home-images" class="home-arrow"></a>
- <div class="col-left">
- <div class="box-black box-1 uppercase">
- explorez
- </div>
- <div class="box-white box-2">
- <span class="bold">plus de</span>
- <span class="number">250 000</span>
- <span class="bold">images d’oeuvres</span>
- </div>
- <div class="box-white box-3">Retrouvez les collections des plus grands musées, découvrez leurs auteurs, annotez les, regroupez les, documentez les à votre tour! </div>
- <img src="img/home-image-left.png" alt="">
- </div>
- <div class="col-right">
- <img src="img/home-image-right.png" alt="">
- <img src="img/home-image-right-2.png" alt="">
- </div>
- </div>
- <ul class="list-projets clearfix">
- <li>
- <div class="fragment">
- <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
- <defs>
- <clipPath id="fragment-clip68">
- <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
- </clipPath>
- </defs>
- <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
- <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
- </svg>
- </div><!-- ./fragment -->
- <div>
- <h3>Annotez, échangez réagissez</h3>
- <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
- <a href="#">Créer une collection</a>
- </div>
- </li>
- <li>
- <div class="fragment">
- <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
- <defs>
- <clipPath id="fragment-clip68">
- <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
- </clipPath>
- </defs>
- <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
- <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
- </svg>
- </div><!-- ./fragment -->
- <div>
- <h3>Annotez, échangez réagissez</h3>
- <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
- <a href="#">Créer une collection</a>
- </div>
- </li>
- <li>
- <div class="fragment">
- <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
- <defs>
- <clipPath id="fragment-clip68">
- <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
- </clipPath>
- </defs>
- <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
- <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
- </svg>
- </div><!-- ./fragment -->
- <div>
- <h3>Annotez, échangez réagissez</h3>
- <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
- <a href="#">Créer une collection</a>
- </div>
- </li>
- <li>
- <div class="fragment">
- <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
- <defs>
- <clipPath id="fragment-clip68">
- <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
- </clipPath>
- </defs>
- <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
- <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
- </svg>
- </div><!-- ./fragment -->
- <div>
- <h3>Annotez, échangez réagissez</h3>
- <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
- <a href="#">Créer une collection</a>
- </div>
- </li>
- </ul>
- </section>
- <footer class="clearfix">
- <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
- <p>Mai 2013</p>
- </footer>
- </div><!-- /.wrap -->
-
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
- <script src="js/masonry.min.js"></script>
- <script src="js/main.js"></script>
-</body>
-</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/v2/02-collectionner.html Tue Jun 18 17:37:24 2013 +0200
@@ -0,0 +1,280 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="description" content="eGonomy">
+ <title>eGonomy</title>
+
+ <link rel="stylesheet" href="css/reset.css">
+ <link rel="stylesheet" href="css/fonts.css">
+ <link rel="stylesheet" href="css/style.css">
+ <script src="js/vendor/modernizr-2.6.2.min.js"></script>
+</head>
+<body>
+
+ <div class="wrap">
+ <header class="clearfix">
+ <h1><a href="#">egonomy</a></h1>
+ <div class="col-right">
+ <ul class="head-login clearfix">
+ <li>
+ <form method="GET" action="/egonomy/allpictures/">
+ <p>
+ <input id="id_search" type="text" placeholder="Rechercher dans le site">
+ <select class="search-type">
+ <option selected="" value="/egonomy/allpictures/">Images</option>
+ <option value="/egonomy/allfragments/">Fragments</option>
+ </select>
+ </p>
+ <input type="hidden" name="field" value="all">
+ </form>
+ </li>
+ <li class="hello-user">Bonjour Anthony Ly</li>
+ <li><span class="dot-6"></span></li>
+ <li><a class="login" href="#">Déconnexion</a></li>
+ </ul>
+ <nav>
+ <ul class="nav clearfix">
+ <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">explorer</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">collectionner</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">créer</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">mon profil</a></li>
+ </ul>
+ </nav>
+ </div>
+ </header>
+ <section>
+ <div class="title-page">
+ <h2>Partez à la découverte des collections</h2>
+ </div>
+ <div class="bar-tools clearfix">
+ <h3>Les dernières collections</h3>
+ <ul class="clearfix">
+ <li><a href="#">voir toutes les collections</a></li>
+ </ul>
+ </div>
+
+ <ul class="list-projets-2 clearfix">
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
+ </div>
+ </li>
+
+ </ul>
+
+ <ul class="list-projets clearfix">
+ <li class="item-projet">
+ <img src="img/225x225.png" alt="">
+ <div>
+ <h3>Annotez, échangez réagissez</h3>
+ <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
+ <a href="#">Créer une collection</a>
+ </div>
+ </li>
+ <li>
+ <img src="img/225x225.png" alt="">
+ <div>
+ <h3>Annotez, échangez réagissez</h3>
+ <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
+ <a href="#">Créer une collection</a>
+ </div>
+ </li>
+ <li>
+ <img src="img/225x225.png" alt="">
+ <div>
+ <h3>Annotez, échangez réagissez</h3>
+ <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
+ <a href="#">Créer une collection</a>
+ </div>
+ </li>
+ <li>
+ <img src="img/225x225.png" alt="">
+ <div>
+ <h3>Annotez, échangez réagissez</h3>
+ <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
+ <a href="#">Créer une collection</a>
+ </div>
+ </li>
+ </ul>
+ </section>
+ <footer class="clearfix">
+ <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
+ <p>Mai 2013</p>
+ </footer>
+ </div><!-- /.wrap -->
+
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/masonry.min.js"></script>
+ <script src="js/main.js"></script>
+</body>
+</html>
--- a/integration/v2/02.html Tue Jun 18 13:29:25 2013 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,279 +0,0 @@
-<!DOCTYPE html>
-<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
-<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
-<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
-<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
-<head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="description" content="eGonomy">
- <title>eGonomy</title>
-
- <link rel="stylesheet" href="css/reset.css">
- <link rel="stylesheet" href="css/fonts.css">
- <link rel="stylesheet" href="css/style.css">
- <script src="js/vendor/modernizr-2.6.2.min.js"></script>
-</head>
-<body>
-
- <div class="wrap">
- <header class="clearfix">
- <h1><a href="#">egonomy</a></h1>
- <div class="col-right">
- <ul class="head-login clearfix">
- <li>
- <form method="GET" action="/egonomy/allpictures/">
- <p>
- <input id="id_search" type="text" placeholder="Rechercher dans le site">
- <select class="search-type">
- <option selected="" value="/egonomy/allpictures/">Images</option>
- <option value="/egonomy/allfragments/">Fragments</option>
- </select>
- </p>
- <input type="hidden" name="field" value="all">
- </form>
- </li>
- <li class="hello-user">Bonjour Anthony Ly</li>
- <li><span class="dot-6"></span></li>
- <li><a class="login" href="#">Déconnexion</a></li>
- </ul>
- <nav>
- <ul class="nav clearfix">
- <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">explorer</a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">collectionner</a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">créer</a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">mon profil</a></li>
- </ul>
- </nav>
- </div>
- </header>
- <section>
- <div class="title-page">
- <h2>Partez à la découverte des collections</h2>
- </div>
- <div class="bar-tools clearfix">
- <h3>Les dernières collections</h3>
- <ul class="clearfix">
- <li><a href="#">voir toutes les collections</a></li>
- </ul>
- </div>
-
- <ul class="list-projets-2 clearfix">
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
- </div>
- </li>
- </ul>
-
- <ul class="list-projets clearfix">
- <li class="item-projet">
- <img src="img/225x225.png" alt="">
- <div>
- <h3>Annotez, échangez réagissez</h3>
- <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
- <a href="#">Créer une collection</a>
- </div>
- </li>
- <li>
- <img src="img/225x225.png" alt="">
- <div>
- <h3>Annotez, échangez réagissez</h3>
- <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
- <a href="#">Créer une collection</a>
- </div>
- </li>
- <li>
- <img src="img/225x225.png" alt="">
- <div>
- <h3>Annotez, échangez réagissez</h3>
- <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
- <a href="#">Créer une collection</a>
- </div>
- </li>
- <li>
- <img src="img/225x225.png" alt="">
- <div>
- <h3>Annotez, échangez réagissez</h3>
- <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
- <a href="#">Créer une collection</a>
- </div>
- </li>
- </ul>
- </section>
- <footer class="clearfix">
- <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
- <p>Mai 2013</p>
- </footer>
- </div><!-- /.wrap -->
-
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
- <script src="js/masonry.min.js"></script>
- <script src="js/main.js"></script>
-</body>
-</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/v2/03-collection_non_connecte.html Tue Jun 18 17:37:24 2013 +0200
@@ -0,0 +1,188 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="description" content="eGonomy">
+ <title>eGonomy</title>
+
+ <link rel="stylesheet" href="css/reset.css">
+ <link rel="stylesheet" href="css/fonts.css">
+ <link rel="stylesheet" href="css/style.css">
+ <script src="js/vendor/modernizr-2.6.2.min.js"></script>
+</head>
+<body>
+
+ <div class="wrap">
+ <header class="clearfix">
+ <h1><a href="#">egonomy</a></h1>
+ <div class="col-right">
+ <ul class="head-login clearfix">
+ <li>
+ <form method="GET" action="/egonomy/allpictures/">
+ <p>
+ <input id="id_search" type="text" placeholder="Rechercher dans le site">
+ <select class="search-type">
+ <option selected="" value="/egonomy/allpictures/">Images</option>
+ <option value="/egonomy/allfragments/">Fragments</option>
+ </select>
+ </p>
+ <input type="hidden" name="field" value="all">
+ </form>
+ </li>
+ <li class="hello-user">Bonjour Anthony Ly</li>
+ <li><span class="dot-6"></span></li>
+ <li><a class="login" href="#">Déconnexion</a></li>
+ </ul>
+ <nav>
+ <ul class="nav clearfix">
+ <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">explorer</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">collectionner</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">créer</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">mon profil</a></li>
+ </ul>
+ </nav>
+ </div>
+ </header>
+ <section>
+ <div class="title-page">
+ <h2>collection n°1 / <span>par Hubert Trucchose</span></h2>
+ <ul class="sub-nav title-menu clearfix">
+ <li><a href="#" class="active">argumentaire</a></li>
+ <li><span class="dot-6"></span></li>
+ <li><a href="#">mosaïque</a></li>
+ <li><span class="dot-6"></span></li>
+ <li><a href="#">géographique</a></li>
+ <li><span class="dot-6"></span></li>
+ <li><a href="#">envoyer vers collage</a></li>
+ </ul>
+ </div>
+ <div class="bar-tools clearfix">
+ <ul class="clearfix">
+ <li><a href="#">imprimer en PDF</a></li>
+ <li><a href="#">lire le diaporama</a></li>
+ <li><a class="icon save" href="#">enregistrer sous</a></li>
+ </ul>
+ </div>
+
+ <ul class="list-projets-3 clearfix">
+ <li class="clearfix horizontal item">
+ <div class="col-left">
+ <img src="img/225x297.png" alt="">
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
+ <li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
+ <li><a title="Supprimer" class="tool trash" href="#"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-right">
+ <div class="project-title">
+ <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
+ <h3>Sapho</h3>
+ <h4>Théodore Chasseriau</h4>
+ </div>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
+ </div>
+ </li>
+ <li class="item">
+ <div class="col-left">
+ <img src="img/469x295.png" alt="">
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
+ <li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
+ <li><a title="Supprimer" class="tool trash" href="#"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-right">
+ <div class="project-title">
+ <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
+ <h3>Sapho</h3>
+ <h4>Théodore Chasseriau</h4>
+ </div>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
+ </div>
+ </li>
+ <li class="clearfix horizontal item">
+ <div class="col-left">
+ <img src="img/225x297.png" alt="">
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
+ <li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
+ <li><a title="Supprimer" class="tool trash" href="#"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-right">
+ <div class="project-title">
+ <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
+ <h3>Sapho</h3>
+ <h4>Théodore Chasseriau</h4>
+ </div>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
+ </div>
+ </li>
+ <li class="item">
+ <div class="col-left">
+ <img src="img/469x295.png" alt="">
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
+ <li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
+ <li><a title="Supprimer" class="tool trash" href="#"></a></li>
+ </ul>
+ </div>
+ </div>
+ <div class="col-right">
+ <div class="project-title">
+ <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
+ <h3>Sapho</h3>
+ <h4>Théodore Chasseriau</h4>
+ </div>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
+ </div>
+ </li>
+ </ul>
+
+
+ </section>
+ <footer class="clearfix">
+ <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
+ <p>Mai 2013</p>
+ </footer>
+ </div><!-- /.wrap -->
+
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/masonry.min.js"></script>
+ <script src="js/main.js"></script>
+</body>
+</html>
--- a/integration/v2/03.html Tue Jun 18 13:29:25 2013 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,188 +0,0 @@
-<!DOCTYPE html>
-<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
-<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
-<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
-<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
-<head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="description" content="eGonomy">
- <title>eGonomy</title>
-
- <link rel="stylesheet" href="css/reset.css">
- <link rel="stylesheet" href="css/fonts.css">
- <link rel="stylesheet" href="css/style.css">
- <script src="js/vendor/modernizr-2.6.2.min.js"></script>
-</head>
-<body>
-
- <div class="wrap">
- <header class="clearfix">
- <h1><a href="#">egonomy</a></h1>
- <div class="col-right">
- <ul class="head-login clearfix">
- <li>
- <form method="GET" action="/egonomy/allpictures/">
- <p>
- <input id="id_search" type="text" placeholder="Rechercher dans le site">
- <select class="search-type">
- <option selected="" value="/egonomy/allpictures/">Images</option>
- <option value="/egonomy/allfragments/">Fragments</option>
- </select>
- </p>
- <input type="hidden" name="field" value="all">
- </form>
- </li>
- <li class="hello-user">Bonjour Anthony Ly</li>
- <li><span class="dot-6"></span></li>
- <li><a class="login" href="#">Déconnexion</a></li>
- </ul>
- <nav>
- <ul class="nav clearfix">
- <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">explorer</a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">collectionner</a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">créer</a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">mon profil</a></li>
- </ul>
- </nav>
- </div>
- </header>
- <section>
- <div class="title-page">
- <h2>collection n°1 / <span>par Hubert Trucchose</span></h2>
- <ul class="sub-nav title-menu clearfix">
- <li><a href="#" class="active">argumentaire</a></li>
- <li><span class="dot-6"></span></li>
- <li><a href="#">mosaïque</a></li>
- <li><span class="dot-6"></span></li>
- <li><a href="#">géographique</a></li>
- <li><span class="dot-6"></span></li>
- <li><a href="#">envoyer vers collage</a></li>
- </ul>
- </div>
- <div class="bar-tools clearfix">
- <ul class="clearfix">
- <li><a href="#">imprimer en PDF</a></li>
- <li><a href="#">lire le diaporama</a></li>
- <li><a class="save" href="#">enregistrer sous</a></li>
- </ul>
- </div>
-
- <ul class="list-projets-3 clearfix">
- <li class="clearfix horizontal item">
- <div class="col-left">
- <img src="img/225x297.png" alt="">
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-add.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-cut.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-trash.png" alt=""></a></li>
- </ul>
- </div>
- </div>
- <div class="col-right">
- <div class="project-title">
- <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
- <h3>Sapho</h3>
- <h4>Théodore Chasseriau</h4>
- </div>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
- </div>
- </li>
- <li class="item">
- <div class="col-left">
- <img src="img/469x295.png" alt="">
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-add.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-cut.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-trash.png" alt=""></a></li>
- </ul>
- </div>
- </div>
- <div class="col-right">
- <div class="project-title">
- <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
- <h3>Sapho</h3>
- <h4>Théodore Chasseriau</h4>
- </div>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
- </div>
- </li>
- <li class="clearfix horizontal item">
- <div class="col-left">
- <img src="img/225x297.png" alt="">
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-add.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-cut.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-trash.png" alt=""></a></li>
- </ul>
- </div>
- </div>
- <div class="col-right">
- <div class="project-title">
- <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
- <h3>Sapho</h3>
- <h4>Théodore Chasseriau</h4>
- </div>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
- </div>
- </li>
- <li class="item">
- <div class="col-left">
- <img src="img/469x295.png" alt="">
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-add.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-cut.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-trash.png" alt=""></a></li>
- </ul>
- </div>
- </div>
- <div class="col-right">
- <div class="project-title">
- <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
- <h3>Sapho</h3>
- <h4>Théodore Chasseriau</h4>
- </div>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
- </div>
- </li>
- </ul>
-
-
- </section>
- <footer class="clearfix">
- <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
- <p>Mai 2013</p>
- </footer>
- </div><!-- /.wrap -->
-
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
- <script src="js/masonry.min.js"></script>
- <script src="js/main.js"></script>
-</body>
-</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/v2/05-home_connecte.html Tue Jun 18 17:37:24 2013 +0200
@@ -0,0 +1,394 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="description" content="eGonomy">
+ <title>eGonomy</title>
+
+ <link rel="stylesheet" href="css/reset.css">
+ <link rel="stylesheet" href="css/fonts.css">
+ <link rel="stylesheet" href="css/style.css">
+ <script src="js/vendor/modernizr-2.6.2.min.js"></script>
+</head>
+<body>
+
+ <div class="wrap">
+ <header class="clearfix">
+ <h1><a href="#">egonomy</a></h1>
+ <div class="col-right">
+ <ul class="head-login clearfix">
+ <li>
+ <form method="GET" action="/egonomy/allpictures/">
+ <p>
+ <input id="id_search" type="text" placeholder="Rechercher dans le site">
+ <select class="search-type">
+ <option selected="" value="/egonomy/allpictures/">Images</option>
+ <option value="/egonomy/allfragments/">Fragments</option>
+ </select>
+ </p>
+ <input type="hidden" name="field" value="all">
+ </form>
+ </li>
+ <li class="hello-user">Bonjour Anthony Ly</li>
+ <li><span class="dot-6"></span></li>
+ <li><a class="login" href="#">Déconnexion</a></li>
+ </ul>
+ <nav>
+ <ul class="nav clearfix">
+ <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">explorer</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">collectionner</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">créer</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">mon profil</a></li>
+ </ul>
+ <ul class="sub-nav clearfix">
+ <li><span class="dot-6"></span></li>
+ <li><a href="#" class="active">mes collections</a></li>
+ <li><span class="dot-6"></span></li>
+ <li><a href="#">mes collages</a></li>
+ <li><span class="dot-6"></span></li>
+ <li><a href="#">mon profil</a></li>
+ </ul>
+ </nav>
+ </div>
+ </header>
+ <section>
+ <div class="title-page">
+ <h2>bienvenue dans egonomy</h2>
+ </div>
+
+ <div class="bar-tools clearfix">
+ <h3>Les dernières collections</h3>
+ <ul class="clearfix">
+ <li><a href="#">voir toutes les collections</a></li>
+ </ul>
+ </div>
+
+ <ul class="list-projets-2 clearfix no-border-bot">
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ </li>
+ </ul>
+
+ <div class="bar-tools clearfix">
+ <h3>Images les plus annotées</h3>
+ <ul class="clearfix">
+ <li><a href="#">voir toutes les images</a></li>
+ </ul>
+ </div>
+
+ <ul class="list-projets-4 clearfix">
+ <li>
+ <div class="fragment">
+ <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+ <defs>
+ <clipPath id="fragment-clip68">
+ <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+ </clipPath>
+ </defs>
+ <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ </svg>
+ </div><!-- ./fragment -->
+ <div class="content">
+ <h3>Colonne </h3>
+ <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
+ </div>
+ <div class="tools-2">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
+ <li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
+ </ul>
+ </div>
+ </li>
+ <li>
+ <div class="fragment">
+ <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+ <defs>
+ <clipPath id="fragment-clip68">
+ <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+ </clipPath>
+ </defs>
+ <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ </svg>
+ </div><!-- ./fragment -->
+ <div class="content">
+ <h3>Colonne </h3>
+ <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
+ </div>
+ <div class="tools-2">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
+ <li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
+ </ul>
+ </div>
+ </li>
+ <li>
+ <div class="fragment">
+ <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+ <defs>
+ <clipPath id="fragment-clip68">
+ <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+ </clipPath>
+ </defs>
+ <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ </svg>
+ </div><!-- ./fragment -->
+ <div class="content">
+ <h3>Colonne </h3>
+ <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
+ </div>
+ <div class="tools-2">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
+ <li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
+ </ul>
+ </div>
+ </li>
+ <li>
+ <div class="fragment">
+ <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+ <defs>
+ <clipPath id="fragment-clip68">
+ <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+ </clipPath>
+ </defs>
+ <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ </svg>
+ </div><!-- ./fragment -->
+ <div class="content">
+ <h3>Colonne </h3>
+ <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
+ </div>
+ <div class="tools-2">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
+ <li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
+ </ul>
+ </div>
+ </li>
+
+ </ul>
+
+ <div class="bar-tools clearfix">
+ <h3>Images les plus annotées</h3>
+ <ul class="clearfix">
+ <li><a href="#">voir tous les fragments</a></li>
+ </ul>
+ </div>
+
+ <ul class="list-projets-4 clearfix">
+ <li>
+ <div class="fragment">
+ <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+ <defs>
+ <clipPath id="fragment-clip68">
+ <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+ </clipPath>
+ </defs>
+ <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ </svg>
+ </div><!-- ./fragment -->
+ <div class="content">
+ <h3>Colonne </h3>
+ <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
+ </div>
+ <div class="tools-2">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
+ <li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
+ </ul>
+ </div>
+ </li>
+ <li>
+ <div class="fragment">
+ <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+ <defs>
+ <clipPath id="fragment-clip68">
+ <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+ </clipPath>
+ </defs>
+ <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ </svg>
+ </div><!-- ./fragment -->
+ <div class="content">
+ <h3>Colonne </h3>
+ <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
+ </div>
+ <div class="tools-2">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
+ <li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
+ </ul>
+ </div>
+ </li>
+ <li>
+ <div class="fragment">
+ <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+ <defs>
+ <clipPath id="fragment-clip68">
+ <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+ </clipPath>
+ </defs>
+ <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ </svg>
+ </div><!-- ./fragment -->
+ <div class="content">
+ <h3>Colonne </h3>
+ <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
+ </div>
+ <div class="tools-2">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
+ <li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
+ </ul>
+ </div>
+ </li>
+ <li>
+ <div class="fragment">
+ <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0.3548 0.232193846154 0.357 0.276812307692" height="100%" width="100%" preserveAspectRatio="none">
+ <defs>
+ <clipPath id="fragment-clip68">
+ <path d="M0.3548 0.2603L0.4172 0.4461L0.7053 0.4809L0.7118 0.3532Z"/>
+ </clipPath>
+ </defs>
+ <image opacity=".3" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ <image clip-path="url(#fragment-clip68)" height="1" width="1" preserveAspectRatio="none" y="0" x="0" xlink:href="http://egonomy.iri-research.org/static/media/images/27/99-007715.jpg"/>
+ </svg>
+ </div><!-- ./fragment -->
+ <div class="content">
+ <h3>Colonne </h3>
+ <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
+ </div>
+ <div class="tools-2">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
+ <li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
+ </ul>
+ </div>
+ </li>
+ </ul>
+ </section>
+ <footer class="clearfix">
+ <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
+ <p>Mai 2013</p>
+ </footer>
+ </div><!-- /.wrap -->
+
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/masonry.min.js"></script>
+ <script src="js/main.js"></script>
+</body>
+</html>
--- a/integration/v2/05.html Tue Jun 18 13:29:25 2013 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,311 +0,0 @@
-<!DOCTYPE html>
-<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
-<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
-<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
-<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
-<head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="description" content="eGonomy">
- <title>eGonomy</title>
-
- <link rel="stylesheet" href="css/reset.css">
- <link rel="stylesheet" href="css/fonts.css">
- <link rel="stylesheet" href="css/style.css">
- <script src="js/vendor/modernizr-2.6.2.min.js"></script>
-</head>
-<body>
-
- <div class="wrap">
- <header class="clearfix">
- <h1><a href="#">egonomy</a></h1>
- <div class="col-right">
- <ul class="head-login clearfix">
- <li>
- <form method="GET" action="/egonomy/allpictures/">
- <p>
- <input id="id_search" type="text" placeholder="Rechercher dans le site">
- <select class="search-type">
- <option selected="" value="/egonomy/allpictures/">Images</option>
- <option value="/egonomy/allfragments/">Fragments</option>
- </select>
- </p>
- <input type="hidden" name="field" value="all">
- </form>
- </li>
- <li class="hello-user">Bonjour Anthony Ly</li>
- <li><span class="dot-6"></span></li>
- <li><a class="login" href="#">Déconnexion</a></li>
- </ul>
- <nav>
- <ul class="nav clearfix">
- <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">explorer</a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">collectionner</a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">créer</a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">mon profil</a></li>
- </ul>
- <ul class="sub-nav clearfix">
- <li><span class="dot-6"></span></li>
- <li><a href="#" class="active">mes collections</a></li>
- <li><span class="dot-6"></span></li>
- <li><a href="#">mes collages</a></li>
- <li><span class="dot-6"></span></li>
- <li><a href="#">mon profil</a></li>
- </ul>
- </nav>
- </div>
- </header>
- <section>
- <div class="title-page">
- <h2>bienvenue dans egonomy</h2>
- </div>
-
- <div class="bar-tools clearfix">
- <h3>Les dernières collections</h3>
- <ul class="clearfix">
- <li><a href="#">voir toutes les collections</a></li>
- </ul>
- </div>
-
- <ul class="list-projets-2 clearfix no-border-bot">
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
- </div>
- </li>
- </ul>
-
- <div class="bar-tools clearfix">
- <h3>Images les plus annotées</h3>
- <ul class="clearfix">
- <li><a href="#">voir toutes les images</a></li>
- </ul>
- </div>
-
- <ul class="list-projets-4 clearfix">
- <li>
- <img src="img/225x297.png" alt="">
- <div class="content">
- <h3>Colonne </h3>
- <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
- </div>
- <div class="tools-2">
- <ul class="clearfix">
- <li><a class="tools-sprite twitter" href="#"></a></li>
- <li><a class="tools-sprite facebook" href="#"></a></li>
- <li><a class="tools-sprite plus" href="#"></a></li>
- <li><a class="tools-sprite cut" href="#"></a></li>
- </ul>
- </div>
- </li>
- <li>
- <img src="img/225x297.png" alt="">
- <div class="content">
- <h3>Colonne </h3>
- <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
- </div>
- <div class="tools-2">
- <ul class="clearfix">
- <li><a class="tools-sprite twitter" href="#"></a></li>
- <li><a class="tools-sprite facebook" href="#"></a></li>
- <li><a class="tools-sprite plus" href="#"></a></li>
- <li><a class="tools-sprite cut" href="#"></a></li>
- </ul>
- </div>
- </li>
- <li>
- <img src="img/225x297.png" alt="">
- <div class="content">
- <h3>Colonne </h3>
- <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
- </div>
- <div class="tools-2">
- <ul class="clearfix">
- <li><a class="tools-sprite twitter" href="#"></a></li>
- <li><a class="tools-sprite facebook" href="#"></a></li>
- <li><a class="tools-sprite plus" href="#"></a></li>
- <li><a class="tools-sprite cut" href="#"></a></li>
- </ul>
- </div>
- </li>
- <li>
- <img src="img/225x297.png" alt="">
- <div class="content">
- <h3>Colonne </h3>
- <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
- </div>
- <div class="tools-2">
- <ul class="clearfix">
- <li><a class="tools-sprite twitter" href="#"></a></li>
- <li><a class="tools-sprite facebook" href="#"></a></li>
- <li><a class="tools-sprite plus" href="#"></a></li>
- <li><a class="tools-sprite cut" href="#"></a></li>
- </ul>
- </div>
- </li>
- </ul>
-
- <div class="bar-tools clearfix">
- <h3>Images les plus annotées</h3>
- <ul class="clearfix">
- <li><a href="#">voir tous les fragments</a></li>
- </ul>
- </div>
-
- <ul class="list-projets-4 clearfix">
- <li>
- <img src="img/225x297.png" alt="">
- <div class="content">
- <h3>Colonne </h3>
- <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
- </div>
- <div class="tools-2">
- <ul class="clearfix">
- <li><a class="tools-sprite twitter" href="#"></a></li>
- <li><a class="tools-sprite facebook" href="#"></a></li>
- <li><a class="tools-sprite plus" href="#"></a></li>
- <li><a class="tools-sprite cut" href="#"></a></li>
- </ul>
- </div>
- </li>
- <li>
- <img src="img/225x297.png" alt="">
- <div class="content">
- <h3>Colonne </h3>
- <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
- </div>
- <div class="tools-2">
- <ul class="clearfix">
- <li><a class="tools-sprite twitter" href="#"></a></li>
- <li><a class="tools-sprite facebook" href="#"></a></li>
- <li><a class="tools-sprite plus" href="#"></a></li>
- <li><a class="tools-sprite cut" href="#"></a></li>
- </ul>
- </div>
- </li>
- <li>
- <img src="img/225x297.png" alt="">
- <div class="content">
- <h3>Colonne </h3>
- <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
- </div>
- <div class="tools-2">
- <ul class="clearfix">
- <li><a class="tools-sprite twitter" href="#"></a></li>
- <li><a class="tools-sprite facebook" href="#"></a></li>
- <li><a class="tools-sprite plus" href="#"></a></li>
- <li><a class="tools-sprite cut" href="#"></a></li>
- </ul>
- </div>
- </li>
- <li>
- <img src="img/225x297.png" alt="">
- <div class="content">
- <h3>Colonne </h3>
- <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
- </div>
- <div class="tools-2">
- <ul class="clearfix">
- <li><a class="tools-sprite twitter" href="#"></a></li>
- <li><a class="tools-sprite facebook" href="#"></a></li>
- <li><a class="tools-sprite plus" href="#"></a></li>
- <li><a class="tools-sprite cut" href="#"></a></li>
- </ul>
- </div>
- </li>
- </ul>
- </section>
- <footer class="clearfix">
- <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
- <p>Mai 2013</p>
- </footer>
- </div><!-- /.wrap -->
-
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
- <script src="js/masonry.min.js"></script>
- <script src="js/main.js"></script>
-</body>
-</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/v2/06-07-mes_collections-popin_nouvelle_collection.html Tue Jun 18 17:37:24 2013 +0200
@@ -0,0 +1,360 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="description" content="eGonomy">
+ <title>eGonomy</title>
+
+ <link rel="stylesheet" href="css/reset.css">
+ <link rel="stylesheet" href="css/fonts.css">
+ <link rel="stylesheet" href="css/style.css">
+ <script src="js/vendor/modernizr-2.6.2.min.js"></script>
+</head>
+<body>
+ <div class="popin-wrap">
+ <div id="new-collection" class="popin popin-new-collection box-shadow">
+ <header>
+ <h2>nouvelle collection</h2>
+ <a href="#" class="close-popin"></a>
+ </header>
+ <section>
+ <form action="#">
+ <p>
+ <label for="collection-name">Nom de la collection :</label>
+ <input type="text" name="" id="collection-name">
+ </p>
+ <p>
+ <label class="block" for="collection-description">Description :</label>
+ <textarea name="" id="collection-description"></textarea>
+ </p>
+ <div class="buttons">
+ <a href="#" class="btn close-popin">Annuler</a>
+ <input class="btn" type="submit" value="Valider">
+ </div>
+ </form>
+ </section>
+ </div>
+ </div>
+
+ <div class="wrap">
+ <header class="clearfix">
+ <h1><a href="#">egonomy</a></h1>
+ <div class="col-right">
+ <ul class="head-login clearfix">
+ <li>
+ <form method="GET" action="/egonomy/allpictures/">
+ <p>
+ <input id="id_search" type="text" placeholder="Rechercher dans le site">
+ <select class="search-type">
+ <option selected="" value="/egonomy/allpictures/">Images</option>
+ <option value="/egonomy/allfragments/">Fragments</option>
+ </select>
+ </p>
+ <input type="hidden" name="field" value="all">
+ </form>
+ </li>
+ <li class="hello-user">Bonjour Anthony Ly</li>
+ <li><span class="dot-6"></span></li>
+ <li><a class="login" href="#">Déconnexion</a></li>
+ </ul>
+ <nav>
+ <ul class="nav clearfix">
+ <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">explorer</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">collectionner</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">créer</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">mon profil</a></li>
+ </ul>
+ <ul class="sub-nav clearfix">
+ <li><span class="dot-6"></span></li>
+ <li><a href="#" class="active">Mes collections</a></li>
+ <li><span class="dot-6"></span></li>
+ <li><a href="#">Mes collages</a></li>
+ <li><span class="dot-6"></span></li>
+ <li><a href="#">Mon profil</a></li>
+ </ul>
+ </nav>
+ </div>
+ </header>
+ <section>
+ <div class="title-page">
+ <h2>MES COLLECTIONS</h2>
+ </div>
+ <div class="bar-tools clearfix">
+ <h3>12 COLLECTIONS</h3>
+ <ul class="clearfix">
+ <li><a class="new-collection" href="#new-collection">Nouvelle collection</a></li>
+ </ul>
+ </div>
+
+ <ul class="list-projets-2 clearfix no-border-bot">
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ </li>
+ <li>
+ <div class="tools toggle">
+ <ul class="clearfix">
+ <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
+ <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
+ <li><a title="Enregistrer" class="tool save" href="#"></a></li>
+ </ul>
+ </div>
+ <div class="top clearfix">
+ <img src="img/113x113.png" alt="">
+ <img src="img/113x113-2.png" alt="">
+ </div>
+ <div class="mid">
+ <h3>Collection n°1</h3>
+ <p>par Hubert Trucchose</p>
+ </div>
+ <div class="bot clearfix">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
+ </div>
+ </li>
+ </ul>
+
+
+ </section>
+ <footer class="clearfix">
+ <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
+ <p>Mai 2013</p>
+ </footer>
+ </div><!-- /.wrap -->
+
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/masonry.min.js"></script>
+ <script src="js/main.js"></script>
+</body>
+</html>
--- a/integration/v2/06-07.html Tue Jun 18 13:29:25 2013 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,358 +0,0 @@
-<!DOCTYPE html>
-<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
-<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
-<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
-<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
-<head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="description" content="eGonomy">
- <title>eGonomy</title>
-
- <link rel="stylesheet" href="css/reset.css">
- <link rel="stylesheet" href="css/fonts.css">
- <link rel="stylesheet" href="css/style.css">
- <script src="js/vendor/modernizr-2.6.2.min.js"></script>
-</head>
-<body>
- <div class="popin-wrap">
- <div id="new-collection" class="popin popin-new-collection box-shadow">
- <header>
- <h2>nouvelle collection</h2>
- <a href="#" class="close-popin"></a>
- </header>
- <section>
- <form action="#">
- <p>
- <label for="collection-name">Nom de la collection :</label>
- <input type="text" name="" id="collection-name">
- </p>
- <p>
- <label class="block" for="collection-description">Description :</label>
- <textarea name="" id="collection-description"></textarea>
- </p>
- <div class="buttons">
- <a href="#" class="btn close-popin">Annuler</a>
- <input class="btn" type="submit" value="Valider">
- </div>
- </form>
- </section>
- </div>
- </div>
-
- <div class="wrap">
- <header class="clearfix">
- <h1><a href="#">egonomy</a></h1>
- <div class="col-right">
- <ul class="head-login clearfix">
- <li>
- <form method="GET" action="/egonomy/allpictures/">
- <p>
- <input id="id_search" type="text" placeholder="Rechercher dans le site">
- <select class="search-type">
- <option selected="" value="/egonomy/allpictures/">Images</option>
- <option value="/egonomy/allfragments/">Fragments</option>
- </select>
- </p>
- <input type="hidden" name="field" value="all">
- </form>
- </li>
- <li class="hello-user">Bonjour Anthony Ly</li>
- <li><span class="dot-6"></span></li>
- <li><a class="login" href="#">Déconnexion</a></li>
- </ul>
- <nav>
- <ul class="nav clearfix">
- <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">explorer</a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">collectionner</a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">créer</a></li>
- <li><span class="dot-10"></span></li>
- <li><a href="#">mon profil</a></li>
- </ul>
- <ul class="sub-nav clearfix">
- <li><span class="dot-6"></span></li>
- <li><a href="#" class="active">Mes collections</a></li>
- <li><span class="dot-6"></span></li>
- <li><a href="#">Mes collages</a></li>
- <li><span class="dot-6"></span></li>
- <li><a href="#">Mon profil</a></li>
- </ul>
- </nav>
- </div>
- </header>
- <section>
- <div class="title-page">
- <h2>MES COLLECTIONS</h2>
- </div>
- <div class="bar-tools clearfix">
- <h3>12 COLLECTIONS</h3>
- <ul class="clearfix">
- <li><a class="new-collection" href="#new-collection">Nouvelle collection</a></li>
- </ul>
- </div>
-
- <ul class="list-projets-2 clearfix no-border-bot">
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
- </div>
- </li>
- <li>
- <div class="tools toggle">
- <ul class="clearfix">
- <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
- <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
- </ul>
- </div>
- <div class="top clearfix">
- <img src="img/113x113.png" alt="">
- <img src="img/113x113-2.png" alt="">
- </div>
- <div class="mid">
- <h3>Collection n°1</h3>
- <p>par Hubert Trucchose</p>
- </div>
- <div class="bot clearfix">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
- </div>
- </li>
- </ul>
-
-
- </section>
- <footer class="clearfix">
- <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
- <p>Mai 2013</p>
- </footer>
- </div><!-- /.wrap -->
-
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
- <script src="js/masonry.min.js"></script>
- <script src="js/main.js"></script>
-</body>
-</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/v2/13-detail_image.html Tue Jun 18 17:37:24 2013 +0200
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="description" content="eGonomy">
+ <title>eGonomy</title>
+
+ <link rel="stylesheet" href="css/reset.css">
+ <link rel="stylesheet" href="css/fonts.css">
+ <link rel="stylesheet" href="css/style.css">
+ <script src="js/vendor/modernizr-2.6.2.min.js"></script>
+</head>
+<body>
+
+ <div class="wrap">
+ <header class="clearfix">
+ <h1><a href="#">egonomy</a></h1>
+ <div class="col-right">
+ <ul class="head-login clearfix">
+ <li>
+ <form method="GET" action="/egonomy/allpictures/">
+ <p>
+ <input id="id_search" type="text" placeholder="Rechercher dans le site">
+ <select class="search-type">
+ <option selected="" value="/egonomy/allpictures/">Images</option>
+ <option value="/egonomy/allfragments/">Fragments</option>
+ </select>
+ </p>
+ <input type="hidden" name="field" value="all">
+ </form>
+ </li>
+ <li class="hello-user">Bonjour Anthony Ly</li>
+ <li><span class="dot-6"></span></li>
+ <li><a class="login" href="#">Déconnexion</a></li>
+ </ul>
+ <nav>
+ <ul class="nav clearfix">
+ <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">explorer</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">collectionner</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">créer</a></li>
+ <li><span class="dot-10"></span></li>
+ <li><a href="#">mon profil</a></li>
+ </ul>
+ </nav>
+ </div>
+ </header>
+ <section>
+ <div class="title-page">
+ <h2>MEDÉE</h2>
+ </div>
+ <div class="bar-tools clearfix">
+ <ul class="clearfix left">
+ <li><a class="icon cut" href="#">Créer un fragment</a></li>
+
+ <li><a class="icon plus" href="#">Ajouter à ma collection</a></li>
+ </ul>
+
+ <ul class="clearfix">
+ <li>
+ <a class="icon cut" href="#">Créer un fragment</a>
+ </li>
+ <li>
+ <a class="icon plus" href="#">Ajouter à ma collection</a>
+ </li>
+ <li>
+ <form action="#">
+ <p>
+ <input class="search-form" id="id_search" type="text" placeholder="Romantisme noir">
+ </p>
+ </form>
+ </li>
+ </ul>
+ </div>
+
+
+ </section>
+ <footer class="clearfix">
+ <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
+ <p>Mai 2013</p>
+ </footer>
+ </div><!-- /.wrap -->
+
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
+ <script src="js/masonry.min.js"></script>
+ <script src="js/main.js"></script>
+</body>
+</html>
--- a/integration/v2/css/style.css Tue Jun 18 13:29:25 2013 +0200
+++ b/integration/v2/css/style.css Tue Jun 18 17:37:24 2013 +0200
@@ -13,7 +13,7 @@
h1{text-transform: uppercase; display:inline-block;padding: 64px 0 0 16px; font-family : 'josefin_sans'; font-weight : 600; font-size:34px;}
.head-login{padding-top: 10px; margin-bottom: 40px; display: inline-block;}
.head-login, .head-login a{font-size: 12px; font-family: 'Lato'; color: #626364;}
-.head-login input{width:140px;background: url(../img/icon-search.png) 150px center no-repeat;font-family: 'Lato'; font-weight : bold; font-style : italic; font-size: 12px; border: 1px solid #D0D0D0; height: 25px; line-height: 25px; padding: 0 26px 0 4px;}
+.head-login input, .search-form{width:140px;background: url(../img/icon-search.png) 150px center no-repeat;font-family: 'Lato'; font-weight : bold; font-style : italic; font-size: 12px; border: 1px solid #D0D0D0; height: 25px; line-height: 25px; padding: 0 26px 0 4px;}
.hello-user{margin-left: 12px;}
.head-login select{ vertical-align: middle;}
.head-login li{float: left; line-height: 27px;}
@@ -25,7 +25,7 @@
.sub-nav{float: right; display: block;}
.sub-nav a{font-size: 14px; font-family: 'Lato'; font-weight: 300; display:inline-block;}
.sub-nav a:first-letter {text-transform: uppercase;}
-.sub-nav a.active, .sub-nav a:hover{font-family: 'Lato';}
+.sub-nav a.active, .sub-nav a:hover{font-family: 'Lato'; font-weight: bold;}
.nav a{font-family: 'josefin_sans'; font-size: 18px; text-transform : uppercase;}
.title-page{margin: 30px 0; position: relative; min-height: 30px;}
@@ -37,10 +37,16 @@
.bar-tools{margin-bottom: 26px; line-height: 26px; font-family: 'Lato'; font-weight: 300; display:block;padding: 10px 0; background-image: url(../img/border-dot-bar.png), url(../img/border-dot-bar.png); background-position: top center, bottom center; background-repeat: no-repeat, no-repeat;}
.bar-tools h3{ font-size: 18px; display: inline-block; text-transform: uppercase;}
.bar-tools ul{float: right;}
+.bar-tools ul.left{float: left;}
.bar-tools li{float: left; margin-left: 10px;}
.bar-tools li a{display: inline-block; font-size: 12px; height: 24px; line-height: 24px; padding: 0 7px; background-color: #DDD;}
+.bar-tools li a:hover{background-color: #eee;}
.bar-tools li a:first-letter {text-transform: uppercase;}
-.bar-tools a.save{padding-left: 30px;background-image: url(../img/icon-save-15.png); background-repeat: no-repeat; background-position: 9px center;}
+.bar-tools a.icon{padding-left: 30px;background-repeat: no-repeat; background-position: 8px center;}
+a.icon.save{background-image: url(../img/icon-save-15.png);}
+a.icon.cut{background-image: url(../img/icon-cut-15.png) ;}
+a.icon.plus{background-image: url(../img/icon-plus-15.png);}
+
/* Home */
.w650{width: 650px;}
.our-images{margin-bottom: 38px; text-align: center; font-size: 12px; font-family: 'Lato'; font-weight : bold; font-style : italic; color: #58595A;}
@@ -80,7 +86,7 @@
li .toggle{display: none;}
li:hover .toggle{ display:block; }
-.tools{ text-align:right; width:100%; position:absolute; bottom:0; left:0; background: rgba(255, 255, 255, .8);}
+.tools{ text-align:right; width:100%; position:absolute; bottom:0; left:0; background: rgba(255, 255, 255, .9);}
.tools ul{ display: inline-block;padding: 6px 10px 6px 0;}
.tools a{display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center;}
.tools li{float: left; margin-left: 6px;}
@@ -112,15 +118,19 @@
.tools-2 a img{vertical-align: middle;}
.tools-2 li{ float: left; margin-right: 6px;}
-.tools-sprite{display:inline-block; width:25px; height: 25px; background-image: url(../img/tools-sprite.png); background-repeat: no-repeat;}
-.tools-sprite.twitter:hover{background-position: 0 0;}
-.tools-sprite.twitter{background-position: 0 -25px;}
-.tools-sprite.facebook{background-position: -30px -25px;}
-.tools-sprite.facebook:hover{background-position: -30px 0;}
-.tools-sprite.plus{background-position: -60px -25px;}
-.tools-sprite.plus:hover{background-position: -60px 0;}
-.tools-sprite.cut{background-position: -90px -25px;}
-.tools-sprite.cut:hover{background-position: -90px 0;}
+.tool{display:inline-block; width:25px; height: 25px; background-image: url(../img/tools-sprite.png); background-repeat: no-repeat; vertical-align: middle;}
+.tool.twitter:hover{background-position: 0 0;}
+.tool.twitter{background-position: 0 -25px;}
+.tool.facebook{background-position: -30px -25px;}
+.tool.facebook:hover{background-position: -30px 0;}
+.tool.plus{background-position: -60px -25px;}
+.tool.plus:hover{background-position: -60px 0;}
+.tool.cut{background-position: -90px -25px;}
+.tool.cut:hover{background-position: -90px 0;}
+.tool.save{background-position: -115px -25px;}
+.tool.save:hover{background-position: -115px 0;}
+.tool.trash{background-position: -140px -25px;}
+.tool.trash:hover{background-position: -140px 0;}
.box-shadow{ -webkit-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);-moz-box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);box-shadow: 1px 1px 5px rgba(50, 50, 50, 0.75);}
.popin-wrap{width: 100%; height: 100%; position: fixed; z-index: 100; background-color:rgba(255,255,255,.7);}
@@ -138,3 +148,5 @@
.btn{cursor:pointer; border: none; vertical-align:middle; display: inline-block; color: #FFF; font-size: 12px; font-family: 'Lato'; height: 25px; line-height: 25px; padding: 0 12px; background-color: #666;}
.block{display: block;}
.popin-wrap, .popin{display: none;}
+
+
Binary file integration/v2/img/icon-cut-15.png has changed
Binary file integration/v2/img/icon-mosaic.png has changed
Binary file integration/v2/img/icon-plus-15.png has changed
Binary file integration/v2/img/tools-sprite.png has changed
