integration/image.html
changeset 3 3c62d8c7fb39
parent 2 4354d94c6d85
child 8 c64d503ebba7
--- 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>