6 <title>Gomina</title> |
6 <title>Gomina</title> |
7 <link rel="stylesheet" type="text/css" href="css/style.css" /> |
7 <link rel="stylesheet" type="text/css" href="css/style.css" /> |
8 <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css" /> |
8 <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css" /> |
9 <script src="lib/jquery-1.7.1.min.js"></script> |
9 <script src="lib/jquery-1.7.1.min.js"></script> |
10 <script src="lib/raphael-min.js"></script> |
10 <script src="lib/raphael-min.js"></script> |
|
11 <script src="lib/d3.min.js"></script> |
11 <script src="lib/underscore-min.js"></script> |
12 <script src="lib/underscore-min.js"></script> |
12 <script src="lib/jquery-ui-1.8.16.custom.min.js"></script> |
13 <script src="lib/jquery-ui-1.8.16.custom.min.js"></script> |
13 <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAtEuZY1Ooi3k9UZeG_zn_U6sKQoX3q7yw&sensor=false"></script> |
14 <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAtEuZY1Ooi3k9UZeG_zn_U6sKQoX3q7yw&sensor=false"></script> |
|
15 |
14 <script src="js/gomina.js?v=1"></script> |
16 <script src="js/gomina.js?v=1"></script> |
15 <script src="js/geojson_quickconv.js"></script> |
17 <script src="js/geojson_quickconv.js"></script> |
16 </head> |
18 </head> |
17 <body> |
19 <body> |
18 <div id="container"> |
20 <div id="container"> |
19 <h1>HDA Lab: <span id="sessionname"></span></h1> |
21 <h1>HDA Lab: <span id="sessionname"></span></h1> |
20 <ul id="onglets"> |
22 <div id="apartager"><a href="#">Partager la session</a></div> |
21 <li><a href="#" id="showsearch">Mes résultats de recherche</a></li> |
|
22 <li><a href="#" id="showlist">Ma liste</a></li> |
|
23 <li><a href="#" id="apartager">Partager</a></li> |
|
24 </ul> |
|
25 <ul id="partageurls"> |
23 <ul id="partageurls"> |
26 <li id="partagero">Partagez en lecture seule en copiant ce lien : <span class="myurl" id="rourl">http://</span></li> |
24 <li id="partagero">Partagez en lecture seule en copiant ce lien : <span class="myurl" id="rourl">http://</span></li> |
27 <li id="partagerw">Partagez en lecture-écriture en copiant ce lien : <span class="myurl" id="rwurl">http://</span></li> |
25 <li id="partagerw">Partagez en lecture-écriture en copiant ce lien : <span class="myurl" id="rwurl">http://</span></li> |
28 </ul> |
26 </ul> |
|
27 <div id="vues"> |
|
28 <h4 id="vuestitre">Mes vues :</h4> |
|
29 <ul id="ongletsvues"> |
|
30 </ul> |
|
31 </div> |
29 <div id="bandefiltre"> |
32 <div id="bandefiltre"> |
30 <h4 id="filtertitle"> |
33 <h4 id="filtertitle"> |
31 Filtres : |
34 Filtres : |
32 </h4> |
35 </h4> |
33 <ul id="filters"> |
36 <ul id="filters"> |
34 </ul> |
37 </ul> |
35 <a id="affres" href="#">Revenir aux résultats de recherche</a> |
|
36 </div> |
38 </div> |
37 <div id="dateslider"></div> |
|
38 <div id="timeline"> |
39 <div id="timeline"> |
39 <ul id="dates"> |
40 <ul id="dates"></ul> |
40 <li> |
|
41 <div class="datelabel">-4000</div> |
|
42 </li> |
|
43 <li> |
|
44 <div class="datelabel">0</div> |
|
45 </li> |
|
46 <li> |
|
47 <div class="datelabel">500</div> |
|
48 </li> |
|
49 <li> |
|
50 <div class="datelabel">1000</div> |
|
51 </li> |
|
52 <li> |
|
53 <div class="datelabel">1200</div> |
|
54 </li> |
|
55 <li> |
|
56 <div class="datelabel">1400</div> |
|
57 </li> |
|
58 <li> |
|
59 <div class="datelabel">1600</div> |
|
60 </li> |
|
61 <li> |
|
62 <div class="datelabel">1700</div> |
|
63 </li> |
|
64 <li> |
|
65 <div class="datelabel">1750</div> |
|
66 </li> |
|
67 <li> |
|
68 <div class="datelabel">1800</div> |
|
69 </li> |
|
70 <li> |
|
71 <div class="datelabel">1850</div> |
|
72 </li> |
|
73 <li> |
|
74 <div class="datelabel">1900</div> |
|
75 </li> |
|
76 <li> |
|
77 <div class="datelabel">1950</div> |
|
78 </li> |
|
79 <li> |
|
80 <div class="datelabel">2010</div> |
|
81 </li> |
|
82 </ul> |
|
83 <div id="dateheat"></div> |
41 <div id="dateheat"></div> |
|
42 <div id="handle_0" class="handle"> |
|
43 <div class="handleinner"></div> |
|
44 </div> |
|
45 <div id="handle_1" class="handle"> |
|
46 <div class="handleinner"></div> |
|
47 </div> |
84 </div> |
48 </div> |
85 <div id="leftcol"> |
49 <div id="leftcol"> |
86 <div id="map"></div> |
50 <div id="bloc_gestvue"> |
87 <div id="tagcloud"> |
51 <div class="barrebloc"> |
88 <h3>Chargement en cours</h3> |
52 <h2>Gérer la vue</h2> |
|
53 </div> |
|
54 <div class="corpsbloc" id="gestvue"> |
|
55 <div id="div_titrevue"> |
|
56 <label>Nom : </label> |
|
57 <input id="titrevue" /> |
|
58 </div> |
|
59 <h4>Blocs visibles :</h4> |
|
60 </div> |
89 </div> |
61 </div> |
90 <input id="tagsearch" value="Rechercher un tag" /> |
62 <div class="bloc" id="bloc_map"> |
91 <div id="taginfo"> |
63 <div class="barrebloc"> |
|
64 <h2>Pays</h2> |
|
65 </div> |
|
66 <div class="corpsbloc" id="map"></div> |
|
67 </div> |
|
68 <div class="bloc" id="bloc_tagcloud"> |
|
69 <div class="barrebloc"> |
|
70 <h2>Nuage de mots-clés</h2> |
|
71 </div> |
|
72 <div class="corpsbloc" id="tagcloud"> |
|
73 </div> |
|
74 </div> |
|
75 <div class="bloc" id="bloc_taginfo"> |
|
76 <div class="barrebloc"> |
|
77 <h2>Information sur un mot-clé</h2> |
|
78 </div> |
|
79 <div class="corpsbloc" id="taginfo"> |
|
80 <div id="tagcount"></div> |
|
81 <div id="tagsearchwrap"><input id="tagsearch" value="Rechercher un tag" /></div> |
|
82 <div id="tagdata"></div> |
|
83 </div> |
92 </div> |
84 </div> |
93 </div> |
85 </div> |
94 <div id="rightcol"> |
86 <div id="rightcol"> |
95 <div id="contentcount"></div> |
87 <div class="bloc" id="bloc_disciplines"> |
96 <div id="contents"></div> |
88 <div class="barrebloc"> |
|
89 <h2>Disciplines artistiques</h2> |
|
90 </div> |
|
91 <div id="disciplines" class="corpsbloc"></div> |
|
92 </div> |
|
93 <div class="bloc" id="bloc_notices"> |
|
94 <div class="barrebloc"> |
|
95 <h2>Notices du portail HDA</h2> |
|
96 </div> |
|
97 <div class="corpsbloc"> |
|
98 <div id="contentcount"></div> |
|
99 <div id="contents"></div> |
|
100 </div> |
|
101 </div> |
|
102 |
97 </div> |
103 </div> |
98 </div> |
104 </div> |
99 </body> |
105 </body> |
100 </html> |
106 </html> |