integration/image.html
changeset 3 3c62d8c7fb39
parent 2 4354d94c6d85
child 8 c64d503ebba7
equal deleted inserted replaced
2:4354d94c6d85 3:3c62d8c7fb39
    83                     </div>
    83                     </div>
    84                 </div>
    84                 </div>
    85                 <div class="fullwidth">
    85                 <div class="fullwidth">
    86                     <div class="column column-half">
    86                     <div class="column column-half">
    87                         <h2>Fragments de cette image</h2>
    87                         <h2>Fragments de cette image</h2>
    88                         <div class="fullwidth">
    88                         <ul class="fullwidth">
    89                             <div class="subcol subcol-half-fourth">
    89                             <li class="subcol subcol-half-fourth">
    90                                 <div class="img-eighth placeholder"></div>
    90                                 <div class="center-image">
       
    91                                     <div class="image-and-fragment">
       
    92                                         <img src="img/empty.gif" width="110" height="82" class="placeholder" />
       
    93                                         <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none">
       
    94                                             <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" />
       
    95                                         </svg>
       
    96                                     </div>
       
    97                                 </div>
    91                                 <h3>Titre du fragment</h3>
    98                                 <h3>Titre du fragment</h3>
    92                                 <p>Annoté par <strong>Julien75</strong></p>
    99                                 <p>Annoté par <strong>Julien75</strong></p>
    93                             </div>
   100                             </li>
    94                             <div class="subcol subcol-half-fourth">
   101                             <li class="subcol subcol-half-fourth">
    95                                 <div class="img-eighth placeholder"></div>
   102                                 <div class="center-image">
       
   103                                     <div class="image-and-fragment">
       
   104                                         <img src="img/empty.gif" width="110" height="82" class="placeholder" />
       
   105                                         <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none">
       
   106                                             <path d="M .2 .5 L .7 .2 L .8 .7 Z" stroke="red" stroke-width=".02" fill="red" fill-opacity=".3" />
       
   107                                         </svg>
       
   108                                     </div>
       
   109                                 </div>
    96                                 <h3>Titre du fragment</h3>
   110                                 <h3>Titre du fragment</h3>
    97                                 <p>Annoté par <strong>Julien75</strong></p>
   111                                 <p>Annoté par <strong>Julien75</strong></p>
    98                             </div>
   112                             </li>
    99                             <div class="subcol subcol-half-fourth">
   113                             <li class="subcol subcol-half-fourth">
   100                                 <div class="img-eighth placeholder"></div>
   114                                 <div class="center-image">
       
   115                                     <div class="image-and-fragment">
       
   116                                         <img src="img/empty.gif" width="110" height="82" class="placeholder" />
       
   117                                         <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none">
       
   118                                             <path d="M .3 .1 L .55 .15 L .6 .6 Z" stroke="red" stroke-width=".02" fill="red" fill-opacity=".3" />
       
   119                                         </svg>
       
   120                                     </div>
       
   121                                 </div>
   101                                 <h3>Titre du fragment</h3>
   122                                 <h3>Titre du fragment</h3>
   102                                 <p>Annoté par <strong>Julien75</strong></p>
   123                                 <p>Annoté par <strong>Julien75</strong></p>
   103                             </div>
   124                             </li>
   104                             <div class="subcol subcol-half-fourth">
   125                             <li class="subcol subcol-half-fourth">
   105                                 <div class="img-eighth placeholder"></div>
   126                                 <div class="center-image">
       
   127                                     <div class="image-and-fragment">
       
   128                                         <img src="img/empty.gif" width="110" height="82" class="placeholder" />
       
   129                                         <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none">
       
   130                                             <path d="M .2 .5 L .7 .2 L .8 .7 Z" stroke="red" stroke-width=".02" fill="red" fill-opacity=".3" />
       
   131                                         </svg>
       
   132                                     </div>
       
   133                                 </div>
   106                                 <h3>Titre du fragment</h3>
   134                                 <h3>Titre du fragment</h3>
   107                                 <p>Annoté par <strong>Julien75</strong></p>
   135                                 <p>Annoté par <strong>Julien75</strong></p>
   108                             </div>
   136                             </li>
   109                         </div>
   137                         </ul>
   110                     </div>
   138                     </div>
   111                     <div class="column column-half">
   139                     <div class="column column-half">
   112                         <h2>Renkans utilisant cette image</h2>
   140                         <h2>Renkans utilisant cette image</h2>
   113                         <div class="fullwidth">
   141                         <ul class="fullwidth">
   114                             <div class="subcol subcol-half-fourth">
   142                             <li class="subcol subcol-half-fourth">
   115                                 <div class="img-eighth placeholder"></div>
   143                                 <div class="center-image">
       
   144                                     <img src="img/empty.gif" width="110" height="82" class="placeholder" />
       
   145                                 </div>
   116                                 <h3>Titre du Renkan</h3>
   146                                 <h3>Titre du Renkan</h3>
   117                                 <p>Créé par <strong>Julien75</strong></p>
   147                                 <p>Créé par <strong>Julien75</strong></p>
   118                             </div>
   148                             </li>
   119                             <div class="subcol subcol-half-fourth">
   149                             <li class="subcol subcol-half-fourth">
   120                                 <div class="img-eighth placeholder"></div>
   150                                 <div class="center-image">
       
   151                                     <img src="img/empty.gif" width="110" height="82" class="placeholder" />
       
   152                                 </div>
   121                                 <h3>Titre du Renkan</h3>
   153                                 <h3>Titre du Renkan</h3>
   122                                 <p>Créé par <strong>Julien75</strong></p>
   154                                 <p>Créé par <strong>Julien75</strong></p>
   123                             </div>
   155                             </li>
   124                             <div class="subcol subcol-half-fourth">
   156                             <li class="subcol subcol-half-fourth">
   125                                 <div class="img-eighth placeholder"></div>
   157                                 <div class="center-image">
       
   158                                     <img src="img/empty.gif" width="110" height="82" class="placeholder" />
       
   159                                 </div>
   126                                 <h3>Titre du Renkan</h3>
   160                                 <h3>Titre du Renkan</h3>
   127                                 <p>Créé par <strong>Julien75</strong></p>
   161                                 <p>Créé par <strong>Julien75</strong></p>
   128                             </div>
   162                             </li>
   129                             <div class="subcol subcol-half-fourth">
   163                             <li class="subcol subcol-half-fourth">
   130                                 <div class="img-eighth placeholder"></div>
   164                                 <div class="center-image">
       
   165                                     <img src="img/empty.gif" width="110" height="82" class="placeholder" />
       
   166                                 </div>
   131                                 <h3>Titre du Renkan</h3>
   167                                 <h3>Titre du Renkan</h3>
   132                                 <p>Créé par <strong>Julien75</strong></p>
   168                                 <p>Créé par <strong>Julien75</strong></p>
   133                             </div>
   169                             </li>
   134                         </div>
   170                         </ul>
   135                     </div>
   171                     </div>
   136                 </div>
   172                 </div>
   137                 
   173                 
   138                 <footer class="fullwidth">
   174                 <footer class="fullwidth">
   139                     <ul class="footer-list">
   175                     <ul class="footer-list">