--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/fragment-edit-create-v1.html Mon Jan 28 18:49:51 2013 +0100
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html lang="fr">
+ <head>
+ <meta charset="utf-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+ <title>eGonomy » Edit or Create Fragment</title>
+
+ <link rel="stylesheet" type="text/css" href="css/egonomy.css" />
+ <script type="text/javascript" src="lib/jquery.min.js"></script>
+ <script type="text/javascript" src="lib/raphael-min.js"></script>
+ <script type="text/javascript" src="js/cutout.js"></script>
+ </head>
+
+ <body>
+ <div class="header-wrap fullwidth">
+ <header>
+ <h1 class="column column-third">TagItAll by eGonomy</h1>
+ <form class="column column-third">
+ <input class="search-field" type="search" placeholder="Rechercher" />
+ </form>
+ <nav class="column column-third">
+ <a href="#">Se connecter</a>
+ </nav>
+ </header>
+ </div>
+ <div class="main-wrap fullwidth">
+
+ <div class="main">
+ <div class="fullwidth">
+ <form action="#">
+ <div class="column column-half">
+ <a href="#" class="head-button clear-fragment" title="Effacer le tracé">×</a>
+ <a href="#" class="head-button reset-fragment" title="Revenir au tracé d'origine">↺</a>
+ <h2>Nouveau fragment :</h2>
+ <div class="image-and-fragment">
+ <img src="img/empty.gif" width="476" height="350" class="placeholder" />
+ <div class="cutout-canvas"></div>
+ </div>
+ <input id="fragment-path" type="text" class="fragment-path" value="M 0 .5 L .5 0 L 1 .5 L .5 1 Z" />
+ </div>
+ <div class="column column-half">
+ <table class="image-metadata">
+ <tr>
+ <th>Image source :</th>
+ <td><a href="image-v1.html">Titre de l'image source</a></td>
+ </tr>
+ <tr>
+ <th>Titre :</th>
+ <td><input type="text" class="fragment-title" placeholder="Titre du fragment" /></td>
+ </tr>
+ <tr>
+ <th>Description :</th>
+ <td><textarea class="fragment-description">Lorem Ipsum description du fragment</textarea></td>
+ </tr>
+ <tr>
+ <th>Mots-clés Utilisateurs</th>
+ <td><textarea class="user-keywords">Modernité, Ready-made</textarea></td>
+ </tr>
+ <tr>
+ <th> </th>
+ <td></td>
+ </tr>
+ <tr>
+ <th>Dernière modification :</th>
+ <td>le 23 janvier 2013 par Utilisateur17</td>
+ </tr>
+ </table>
+ <div class="fullwidth">
+ <input class="user-submit" type="submit" value="Enregistrer le fragment" />
+ </div>
+ </div>
+ </form>
+ </div>
+ <div class="fullwidth">
+ <div class="column column-full">
+ <h2>Fragments de cette image</h2>
+ <ul class="fullwidth">
+ <li class="subcol subcol-eighth">
+ <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>
+ </li>
+ <li class="subcol subcol-eighth">
+ <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>
+ </li>
+ <li class="subcol subcol-eighth">
+ <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>
+ </li>
+ <li class="subcol subcol-eighth">
+ <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>
+ </li>
+ <li class="subcol subcol-eighth">
+ <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>
+ </li>
+ </ul>
+ </div>
+ </div>
+
+ <footer class="fullwidth">
+ <ul class="footer-list">
+ <li>© IRI 2013</li>
+ </ul>
+ </footer>
+
+ </div>
+
+ </div>
+ </body>
+</html>