hdalab/index.html
changeset 127 8642f1fb6499
parent 124 f937ccc6c144
child 128 21c31c3c317b
equal deleted inserted replaced
124:f937ccc6c144 127:8642f1fb6499
     1 <!DOCTYPE html>
       
     2 <html lang="en">
       
     3     <head>
       
     4         <meta charset="utf-8" />
       
     5         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
       
     6         <title>Gomina</title>
       
     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" />
       
     9         <link rel="stylesheet" type="text/css" href="lib/leaflet/leaflet.css" />
       
    10         <script src="lib/jquery-1.7.1.min.js"></script>
       
    11         <script src="lib/raphael-min.js"></script>
       
    12         <script src="lib/d3.min.js"></script>
       
    13         <script src="lib/underscore-min.js"></script>
       
    14         <script src="lib/jquery-ui-1.8.16.custom.min.js"></script>
       
    15         <script src="lib/leaflet/leaflet.js"></script>
       
    16 <!--        <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAtEuZY1Ooi3k9UZeG_zn_U6sKQoX3q7yw&sensor=false"></script>
       
    17 -->
       
    18         <script src="js/gomina.js?v=1"></script>
       
    19         <script src="js/geojson_quickconv.js"></script>
       
    20     </head>
       
    21     <body>
       
    22         <div id="container">
       
    23             <h1>HDA Lab: <span id="sessionname"></span></h1>
       
    24             <div id="apartager"><a href="#">Partager la session</a></div>
       
    25             <ul id="partageurls">
       
    26                 <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>
       
    28             </ul>
       
    29             <div id="vues">
       
    30                 <h4 id="vuestitre">Mes vues :</h4>
       
    31                 <ul id="ongletsvues">
       
    32                 </ul>
       
    33                 <span id="nouvellevue"><a href="#">+</a></span>
       
    34             </div>
       
    35             <ul id="plusdevues">
       
    36                 <li id="nouv_resrech"><a href="#">Créer une vue sur des résultats de recherche</a></li>
       
    37                 <li id="nouv_liste"><a href="#">Créer une liste de notices</a></li>
       
    38             </ul>
       
    39             <div id="bandefiltre">
       
    40                 <h4 id="filtertitle">
       
    41                     Filtres :
       
    42                 </h4>
       
    43                 <ul id="filters">
       
    44                 </ul>
       
    45             </div>
       
    46             <div id="timeline">
       
    47                 <ul id="dates"></ul>
       
    48                 <div id="dateheat"></div>
       
    49                 <div id="handle_0" class="handle">
       
    50                     <div class="handleinner"></div>
       
    51                 </div>
       
    52                 <div id="handle_1" class="handle">
       
    53                     <div class="handleinner"></div>
       
    54                 </div>
       
    55             </div>
       
    56             <div id="leftcol">
       
    57                 <div id="bloc_gestvue">
       
    58                     <div class="barrebloc">
       
    59                         <h2>Gérer la vue</h2>
       
    60                     </div>
       
    61                     <div class="corpsbloc" id="gestvue">
       
    62                         <div id="div_titrevue">
       
    63                             <label>Nom : </label>
       
    64                             <input id="titrevue" />
       
    65                         </div>
       
    66                         <h4>Blocs visibles :</h4>
       
    67                     </div>
       
    68                 </div>
       
    69                 <div class="bloc" id="bloc_map">
       
    70                     <div class="barrebloc">
       
    71                         <h2>Pays</h2>
       
    72                     </div>
       
    73                     <div class="corpsbloc" id="map"></div>
       
    74                 </div>
       
    75                 <div class="bloc" id="bloc_tagcloud">
       
    76                     <div class="barrebloc">
       
    77                         <h2>Nuage de mots-clés</h2>
       
    78                     </div>
       
    79                     <div class="corpsbloc" id="tagcloud">
       
    80                     </div>
       
    81                 </div>
       
    82                 <div class="bloc" id="bloc_taginfo">
       
    83                     <div class="barrebloc">
       
    84                         <h2>Information sur un mot-clé</h2>
       
    85                     </div>
       
    86                     <div class="corpsbloc" id="taginfo">
       
    87                         <div id="tagcount"></div>
       
    88                         <div id="tagsearchwrap"><input id="tagsearch" value="Rechercher un tag" /></div>
       
    89                         <div id="tagdata"></div>
       
    90                     </div>
       
    91                 </div>
       
    92             </div>
       
    93             <div id="rightcol">
       
    94                 <div class="bloc" id="bloc_notes">
       
    95                     <div class="barrebloc">
       
    96                         <h2>Notes</h2>
       
    97                     </div>
       
    98                     <div id="notes" class="corpsbloc"></div>
       
    99                 </div>
       
   100                 <div class="bloc" id="bloc_disciplines">
       
   101                     <div class="barrebloc">
       
   102                         <h2>Disciplines artistiques</h2>
       
   103                     </div>
       
   104                     <div id="disciplines" class="corpsbloc"></div>
       
   105                 </div>
       
   106                 <div class="bloc" id="bloc_notices">
       
   107                     <div class="barrebloc">
       
   108                         <h2>Notices du portail HDA</h2>
       
   109                     </div>
       
   110                     <div class="corpsbloc">
       
   111                         <div id="contentcount"></div>
       
   112                         <div id="contents"></div>
       
   113                     </div>
       
   114                 </div>
       
   115                 
       
   116             </div>
       
   117         </div>
       
   118     </body>
       
   119 </html>