--- a/integration/v2/13-detail_image.html Tue Jun 18 17:38:17 2013 +0200
+++ b/integration/v2/13-detail_image.html Wed Jun 19 15:14:32 2013 +0200
@@ -7,11 +7,12 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="eGonomy">
- <title>eGonomy</title>
+ <title>eGonomy : Détail image</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css">
+ <link rel="stylesheet" href="css/slideshow.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
@@ -58,11 +59,9 @@
</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>
+ <li><a class="go-to mosaic" href="#"></a></li>
+ <li><a class="go-to search" href="#"></a></li>
</ul>
-
<ul class="clearfix">
<li>
<a class="icon cut" href="#">Créer un fragment</a>
@@ -79,7 +78,47 @@
</li>
</ul>
</div>
-
+ <article class="edition">
+ <div class="slideshow box-edition">
+ <div class="image-wrap">
+ <img src="img/378x600.png" alt="">
+ </div>
+ <div class="arrow-wrap left-arrow">
+ <a class="arrow" href="#"></a>
+ </div>
+ <div class="arrow-wrap right-arrow">
+ <a class="arrow" href="#"></a>
+ </div>
+ <ul class="share">
+ <li><a title="Partager sur Twitter" href="#" class="tool twitter"></a></li>
+ <li><a title="Partager sur Facebook" href="#" class="tool facebook"></a></li>
+ </ul>
+ </div>
+ <div class="info box-edition">
+ <table>
+ <tbody>
+ <tr>
+ <th>Auteur :</th>
+ <td>Delacroix Eugène (1798-1863)</td>
+ </tr>
+ <tr>
+ <th>Période :</th>
+ <td>Période contemporaine de 1789 à 1914,19e siècle,</td>
+ </tr>
+ <tr>
+ <th>Description :</th>
+ <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In sapiente consectetur amet ipsam rem quae culpa voluptatem excepturi aperiam pariatur eaque explicabo. Voluptates natus nulla repellat dolorem animi ut voluptate.</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <div class=" box-edition">
+ <h3>Mots clés :</h3>
+ <ul class="list-key-search">
+ <li><a href="#"></a></li>
+ </ul>
+ </div>
+ </article>
</section>
<footer class="clearfix">