integration/v1/home.html
changeset 113 26d288400bea
parent 3 3c62d8c7fb39
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/v1/home.html	Mon Jun 10 15:23:13 2013 +0200
@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+        <title>eGonomy &raquo; Accueil</title>
+        
+        <link rel="stylesheet" type="text/css" href="css/egonomy.css" />
+    </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">
+                    <h2>Contenus à annoter</h2>
+                    <div class="homeviz placeholder">
+                        Visualisation des contenus en souffrance
+                    </div>
+                </div>
+                <div class="fullwidth">
+                    <div class="column column-third">
+                        <h2>Dernières images annotées</h2>
+                        <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>
+                            </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>
+                            </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>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="column column-third">
+                        <h2>Derniers fragments annotés</h2>
+                        <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>
+                            </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>
+                            </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>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="column column-third">
+                        <h2>Derniers renkans créés</h2>
+                        <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>
+                            </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>
+                            </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>
+                            </li>
+                        </div>
+                    </div>
+                </div>
+                
+                <footer class="fullwidth">
+                    <ul class="footer-list">
+                        <li>&copy; IRI 2013</li>
+                    </ul>
+                </footer>
+            
+            </div>
+
+        </div>
+    </body>
+</html>