--- a/integration/image.html Fri Jan 18 18:27:32 2013 +0100
+++ b/integration/image.html Wed Jan 23 12:56:13 2013 +0100
@@ -85,53 +85,89 @@
<div class="fullwidth">
<div class="column column-half">
<h2>Fragments de cette image</h2>
- <div class="fullwidth">
- <div class="subcol subcol-half-fourth">
- <div class="img-eighth placeholder"></div>
+ <ul class="fullwidth">
+ <li class="subcol subcol-half-fourth">
+ <div class="center-image">
+ <div class="image-and-fragment">
+ <img src="img/empty.gif" width="110" height="82" class="placeholder" />
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none">
+ <path d="M 0 .5 L .5 0 L 1 .5 L .5 1 Z" stroke="red" stroke-width=".02" fill="red" fill-opacity=".3" />
+ </svg>
+ </div>
+ </div>
<h3>Titre du fragment</h3>
<p>Annoté par <strong>Julien75</strong></p>
- </div>
- <div class="subcol subcol-half-fourth">
- <div class="img-eighth placeholder"></div>
+ </li>
+ <li class="subcol subcol-half-fourth">
+ <div class="center-image">
+ <div class="image-and-fragment">
+ <img src="img/empty.gif" width="110" height="82" class="placeholder" />
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none">
+ <path d="M .2 .5 L .7 .2 L .8 .7 Z" stroke="red" stroke-width=".02" fill="red" fill-opacity=".3" />
+ </svg>
+ </div>
+ </div>
<h3>Titre du fragment</h3>
<p>Annoté par <strong>Julien75</strong></p>
- </div>
- <div class="subcol subcol-half-fourth">
- <div class="img-eighth placeholder"></div>
+ </li>
+ <li class="subcol subcol-half-fourth">
+ <div class="center-image">
+ <div class="image-and-fragment">
+ <img src="img/empty.gif" width="110" height="82" class="placeholder" />
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none">
+ <path d="M .3 .1 L .55 .15 L .6 .6 Z" stroke="red" stroke-width=".02" fill="red" fill-opacity=".3" />
+ </svg>
+ </div>
+ </div>
<h3>Titre du fragment</h3>
<p>Annoté par <strong>Julien75</strong></p>
- </div>
- <div class="subcol subcol-half-fourth">
- <div class="img-eighth placeholder"></div>
+ </li>
+ <li class="subcol subcol-half-fourth">
+ <div class="center-image">
+ <div class="image-and-fragment">
+ <img src="img/empty.gif" width="110" height="82" class="placeholder" />
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none">
+ <path d="M .2 .5 L .7 .2 L .8 .7 Z" stroke="red" stroke-width=".02" fill="red" fill-opacity=".3" />
+ </svg>
+ </div>
+ </div>
<h3>Titre du fragment</h3>
<p>Annoté par <strong>Julien75</strong></p>
- </div>
- </div>
+ </li>
+ </ul>
</div>
<div class="column column-half">
<h2>Renkans utilisant cette image</h2>
- <div class="fullwidth">
- <div class="subcol subcol-half-fourth">
- <div class="img-eighth placeholder"></div>
+ <ul class="fullwidth">
+ <li class="subcol subcol-half-fourth">
+ <div class="center-image">
+ <img src="img/empty.gif" width="110" height="82" class="placeholder" />
+ </div>
<h3>Titre du Renkan</h3>
<p>Créé par <strong>Julien75</strong></p>
- </div>
- <div class="subcol subcol-half-fourth">
- <div class="img-eighth placeholder"></div>
+ </li>
+ <li class="subcol subcol-half-fourth">
+ <div class="center-image">
+ <img src="img/empty.gif" width="110" height="82" class="placeholder" />
+ </div>
<h3>Titre du Renkan</h3>
<p>Créé par <strong>Julien75</strong></p>
- </div>
- <div class="subcol subcol-half-fourth">
- <div class="img-eighth placeholder"></div>
+ </li>
+ <li class="subcol subcol-half-fourth">
+ <div class="center-image">
+ <img src="img/empty.gif" width="110" height="82" class="placeholder" />
+ </div>
<h3>Titre du Renkan</h3>
<p>Créé par <strong>Julien75</strong></p>
- </div>
- <div class="subcol subcol-half-fourth">
- <div class="img-eighth placeholder"></div>
+ </li>
+ <li class="subcol subcol-half-fourth">
+ <div class="center-image">
+ <img src="img/empty.gif" width="110" height="82" class="placeholder" />
+ </div>
<h3>Titre du Renkan</h3>
<p>Créé par <strong>Julien75</strong></p>
- </div>
- </div>
+ </li>
+ </ul>
</div>
</div>