integration/home.html
changeset 3 3c62d8c7fb39
parent 2 4354d94c6d85
--- a/integration/home.html	Fri Jan 18 18:27:32 2013 +0100
+++ b/integration/home.html	Wed Jan 23 12:56:13 2013 +0100
@@ -32,65 +32,98 @@
                 <div class="fullwidth">
                     <div class="column column-third">
                         <h2>Dernières images annotées</h2>
-                        <div class="fullwidth">
-                            <div class="subcol subcol-third-third">
-                                <div class="img-ninth placeholder"></div>
+                        <ul class="fullwidth">
+                            <li class="subcol subcol-third-third">
+                                <div class="center-image">
+                                    <img src="img/empty.gif" width="75" height="75" class="placeholder" />
+                                </div>
                                 <h3>Titre de l'image</h3>
                                 <p>Annotée par <strong>Julien75</strong></p>
-                            </div>
-                            <div class="subcol subcol-third-third">
-                                <div class="img-ninth placeholder"></div>
+                            </li>
+                            <li class="subcol subcol-third-third">
+                                <div class="center-image">
+                                    <img src="img/empty.gif" width="75" height="96" class="placeholder" />
+                                </div>
                                 <h3>Titre de l'image</h3>
                                 <p>Annotée par <strong>Julien75</strong></p>
-                            </div>
-                            <div class="subcol subcol-third-third">
-                                <div class="img-ninth placeholder"></div>
+                            </li>
+                            <li class="subcol subcol-third-third">
+                                <div class="center-image">
+                                    <img src="img/empty.gif" width="96" height="75" class="placeholder" />
+                                </div>
                                 <h3>Titre de l'image</h3>
                                 <p>Annotée par <strong>Julien75</strong></p>
-                            </div>
-                        </div>
+                            </li>
+                        </ul>
                     </div>
                     <div class="column column-third">
                         <h2>Derniers fragments annotés</h2>
-                        <div class="fullwidth">
-                            <div class="subcol subcol-third-third">
-                                <div class="img-ninth placeholder"></div>
+                        <ul class="fullwidth">
+                            <li class="subcol subcol-third-third">
+                                <div class="center-image">
+                                    <div class="image-and-fragment">
+                                        <img src="img/empty.gif" width="75" height="75" 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>
                                 <h4>Fragment de Titre de l'image</h4>
                                 <p>Annoté par <strong>Julien75</strong></p>
-                            </div>
-                            <div class="subcol subcol-third-third">
-                                <div class="img-ninth placeholder"></div>
+                            </li>
+                            <li class="subcol subcol-third-third">
+                                <div class="center-image">
+                                    <div class="image-and-fragment">
+                                        <img src="img/empty.gif" width="75" height="96" 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>
                                 <h4>Fragment de Titre de l'image</h4>
                                 <p>Annoté par <strong>Julien75</strong></p>
-                            </div>
-                            <div class="subcol subcol-third-third">
-                                <div class="img-ninth placeholder"></div>
+                            </li>
+                            <li class="subcol subcol-third-third">
+                                <div class="center-image">
+                                    <div class="image-and-fragment">
+                                        <img src="img/empty.gif" width="96" height="75" 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>
                                 <h4>Fragment de Titre de l'image</h4>
                                 <p>Annoté par <strong>Julien75</strong></p>
-                            </div>
-                        </div>
+                            </li>
+                        </ul>
                     </div>
                     <div class="column column-third">
                         <h2>Derniers renkans créés</h2>
-                        <div class="fullwidth">
-                            <div class="subcol subcol-third-third">
-                                <div class="img-ninth placeholder"></div>
+                        <ul class="fullwidth">
+                            <li class="subcol subcol-third-third">
+                                <div class="center-image">
+                                    <img src="img/empty.gif" width="96" height="40" class="placeholder" />
+                                </div>
                                 <h3>Titre du Renkan</h3>
                                 <p>Créé par <strong>Julien75</strong></p>
-                            </div>
-                            <div class="subcol subcol-third-third">
-                                <div class="img-ninth placeholder"></div>
+                            </li>
+                            <li class="subcol subcol-third-third">
+                                <div class="center-image">
+                                    <img src="img/empty.gif" width="75" height="75" class="placeholder" />
+                                </div>
                                 <h3>Titre du Renkan</h3>
                                 <p>Créé par <strong>Julien75</strong></p>
-                            </div>
-                            <div class="subcol subcol-third-third">
-                                <div class="img-ninth placeholder"></div>
+                            </li>
+                            <li class="subcol subcol-third-third">
+                                <div class="center-image">
+                                    <img src="img/empty.gif" width="96" height="75" class="placeholder" />
+                                </div>
                                 <h3>Titre du Renkan</h3>
                                 <p>Créé par <strong>Julien75</strong></p>
-                            </div>
+                            </li>
                         </div>
                     </div>
                 </div>