--- a/hdalab/index.html Tue Jan 17 00:19:27 2012 +0100
+++ b/hdalab/index.html Mon Jan 30 18:20:21 2012 +0100
@@ -8,92 +8,98 @@
<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css" />
<script src="lib/jquery-1.7.1.min.js"></script>
<script src="lib/raphael-min.js"></script>
+ <script src="lib/d3.min.js"></script>
<script src="lib/underscore-min.js"></script>
<script src="lib/jquery-ui-1.8.16.custom.min.js"></script>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAtEuZY1Ooi3k9UZeG_zn_U6sKQoX3q7yw&sensor=false"></script>
+
<script src="js/gomina.js?v=1"></script>
<script src="js/geojson_quickconv.js"></script>
</head>
<body>
<div id="container">
<h1>HDA Lab: <span id="sessionname"></span></h1>
- <ul id="onglets">
- <li><a href="#" id="showsearch">Mes résultats de recherche</a></li>
- <li><a href="#" id="showlist">Ma liste</a></li>
- <li><a href="#" id="apartager">Partager</a></li>
- </ul>
+ <div id="apartager"><a href="#">Partager la session</a></div>
<ul id="partageurls">
<li id="partagero">Partagez en lecture seule en copiant ce lien : <span class="myurl" id="rourl">http://</span></li>
<li id="partagerw">Partagez en lecture-écriture en copiant ce lien : <span class="myurl" id="rwurl">http://</span></li>
</ul>
+ <div id="vues">
+ <h4 id="vuestitre">Mes vues :</h4>
+ <ul id="ongletsvues">
+ </ul>
+ </div>
<div id="bandefiltre">
<h4 id="filtertitle">
Filtres :
</h4>
<ul id="filters">
</ul>
- <a id="affres" href="#">Revenir aux résultats de recherche</a>
</div>
- <div id="dateslider"></div>
<div id="timeline">
- <ul id="dates">
- <li>
- <div class="datelabel">-4000</div>
- </li>
- <li>
- <div class="datelabel">0</div>
- </li>
- <li>
- <div class="datelabel">500</div>
- </li>
- <li>
- <div class="datelabel">1000</div>
- </li>
- <li>
- <div class="datelabel">1200</div>
- </li>
- <li>
- <div class="datelabel">1400</div>
- </li>
- <li>
- <div class="datelabel">1600</div>
- </li>
- <li>
- <div class="datelabel">1700</div>
- </li>
- <li>
- <div class="datelabel">1750</div>
- </li>
- <li>
- <div class="datelabel">1800</div>
- </li>
- <li>
- <div class="datelabel">1850</div>
- </li>
- <li>
- <div class="datelabel">1900</div>
- </li>
- <li>
- <div class="datelabel">1950</div>
- </li>
- <li>
- <div class="datelabel">2010</div>
- </li>
- </ul>
+ <ul id="dates"></ul>
<div id="dateheat"></div>
+ <div id="handle_0" class="handle">
+ <div class="handleinner"></div>
+ </div>
+ <div id="handle_1" class="handle">
+ <div class="handleinner"></div>
+ </div>
</div>
<div id="leftcol">
- <div id="map"></div>
- <div id="tagcloud">
- <h3>Chargement en cours</h3>
+ <div id="bloc_gestvue">
+ <div class="barrebloc">
+ <h2>Gérer la vue</h2>
+ </div>
+ <div class="corpsbloc" id="gestvue">
+ <div id="div_titrevue">
+ <label>Nom : </label>
+ <input id="titrevue" />
+ </div>
+ <h4>Blocs visibles :</h4>
+ </div>
</div>
- <input id="tagsearch" value="Rechercher un tag" />
- <div id="taginfo">
+ <div class="bloc" id="bloc_map">
+ <div class="barrebloc">
+ <h2>Pays</h2>
+ </div>
+ <div class="corpsbloc" id="map"></div>
+ </div>
+ <div class="bloc" id="bloc_tagcloud">
+ <div class="barrebloc">
+ <h2>Nuage de mots-clés</h2>
+ </div>
+ <div class="corpsbloc" id="tagcloud">
+ </div>
+ </div>
+ <div class="bloc" id="bloc_taginfo">
+ <div class="barrebloc">
+ <h2>Information sur un mot-clé</h2>
+ </div>
+ <div class="corpsbloc" id="taginfo">
+ <div id="tagcount"></div>
+ <div id="tagsearchwrap"><input id="tagsearch" value="Rechercher un tag" /></div>
+ <div id="tagdata"></div>
+ </div>
</div>
</div>
<div id="rightcol">
- <div id="contentcount"></div>
- <div id="contents"></div>
+ <div class="bloc" id="bloc_disciplines">
+ <div class="barrebloc">
+ <h2>Disciplines artistiques</h2>
+ </div>
+ <div id="disciplines" class="corpsbloc"></div>
+ </div>
+ <div class="bloc" id="bloc_notices">
+ <div class="barrebloc">
+ <h2>Notices du portail HDA</h2>
+ </div>
+ <div class="corpsbloc">
+ <div id="contentcount"></div>
+ <div id="contents"></div>
+ </div>
+ </div>
+
</div>
</div>
</body>