ricerca.html 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <meta name="description" content="">
  8. <meta name="author" content="">
  9. <title>IPERION - Search</title>
  10. <link rel="icon" type="image/x-icon" href="img/icon.png">
  11. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  12. <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
  13. <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
  14. <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
  15. <script src="js/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  16. <script src="js/ajax/jQuery/jquery-3.2.1.min.js"></script>
  17. <script src="js/screensaver.js"></script>
  18. <script src="js/config.js"></script>
  19. <link href="css/landing-page.css" rel="stylesheet">
  20. <link href="css/styles.min.css" rel="stylesheet">
  21. <link href="css/search.css" rel="stylesheet">
  22. <script src="js/search.js"></script>
  23. </head>
  24. <body>
  25. <header class="sticky-top">
  26. <nav class="navbar navbar-expand-lg navbar-light bg-white">
  27. <div class="container-fluid">
  28. <div class="navbar-brand">
  29. <a href="index.html"><img src="img/Logo.png" width="100" alt="Restore" /></a>
  30. </div>
  31. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  32. <span class="navbar-toggler-icon"></span>
  33. </button>
  34. <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
  35. <ul id="navbar_elements" class="navbar-nav">
  36. </ul>
  37. </div>
  38. </div>
  39. </nav>
  40. </header>
  41. <div id="screensaver"></div>
  42. <main>
  43. <section id="search" class="masthead">
  44. <div class="overlay"></div>
  45. <div id="search-options" class="container">
  46. <div id="advSearch">
  47. <a href="ricerca_avanzata.html">Advanced Search</a>
  48. </div>
  49. <div>
  50. <div class="input-group">
  51. <input type="text" name="TextArea1" id="TextArea1" class="form-control" placeholder="Start typing ..." aria-label="Start typing" aria-describedby="ClipArt1">
  52. <div class="input-group-append">
  53. <button class="btn btn-theme-primary" type="button" id="ClipArt1">
  54. <span class="fas fa-search"></span>
  55. </button>
  56. </div>
  57. </div>
  58. <div class="form-select-container">
  59. <div>
  60. <label for="graph_selector" class="sr-only">Example select</label>
  61. <select id="graph_selector" class="form-select">
  62. <option value="">All Collections</option>
  63. <option value="ASPO">State Archives of Prato</option>
  64. <option value="MPP">Palazzo Pretorio Museum - Prato</option>
  65. <option value="OVI">Opera del Vocabolario Italiano</option>
  66. </select>
  67. </div>
  68. </div>
  69. <div class="form-select-container">
  70. <div>
  71. <label for="graph_selector2" class="sr-only">Example select</label>
  72. <select id="graph_selector2" class="form-select" style="display:none;">
  73. <option selected value="">All Collections</option>
  74. </select>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. </section>
  80. <section id="wb_Image1">
  81. <div class="container">
  82. <div id="wb_intro" class="section-small">
  83. <h2>Start Search</h2>
  84. <p>To start a search, simply enter one or more terms in the search bar and click on the start button.
  85. The search will cover the entire dataset of resources (the option entered by default is "All Collections").
  86. Those interested in resources pertaining to a single collection can select the option of interest using the relevant drop-down menus.
  87. </p>
  88. <p>Buttons are available for each result to deepen the information about the resource.
  89. If no resource matches the search criteria an error message will appear inviting you to change the search criteria.
  90. </p>
  91. </div>
  92. </div>
  93. </section>
  94. <section class="w-content section-small">
  95. <div class="container-fluid">
  96. <!-- Scheda -->
  97. <div id="myTab" class="tab"></div>
  98. <!-- Oggetti fisici -->
  99. <div class="table results container-fluid">
  100. <div class="row section_title">
  101. <div class="col">
  102. <span class="section_type">Tangible Objects</span><br />
  103. <span class="section_desc">Archival documents, museum finds</span>
  104. </div>
  105. <div class="col num_res">
  106. <p><span id="n_mmo"></span> Results</p>
  107. </div>
  108. </div>
  109. <div class="row res_list">
  110. <div class="container-fluid" id="Man-Made_Object">
  111. </div>
  112. </div>
  113. <div id="mmoLoader" class="search-loader load_small" style="display:block;"></div>
  114. </div>
  115. <!-- Oggetti informativi -->
  116. <div class="table results container-fluid">
  117. <div class="row section_title">
  118. <div class="col">
  119. <span class="section_type">Texts</span><br />
  120. <span class="section_desc">Free text search</span>
  121. </div>
  122. <div class="col num_res">
  123. <p><span id="n_io"></span> Results</p>
  124. </div>
  125. </div>
  126. <div class="row res_list">
  127. <div class="col" id="Information_Object">
  128. </div>
  129. </div>
  130. <div id="infLoader" class="search-loader load_small" style="display:block;"></div>
  131. </div>
  132. <!-- Persone -->
  133. <div class="table results container-fluid">
  134. <div class="row section_title">
  135. <div class="col">
  136. <span class="section_type">People</span><br />
  137. <span class="section_desc"></span>
  138. </div>
  139. <div class="col num_res">
  140. <p><span id="n_ps"></span> Results</p>
  141. </div>
  142. </div>
  143. <div class="row res_list">
  144. <div class="col" id="Person">
  145. </div>
  146. </div>
  147. <div id="perLoader" class="search-loader load_small" style="display:block;"></div>
  148. </div>
  149. <!-- Luoghi -->
  150. <div class="table results container-fluid">
  151. <div class="row section_title">
  152. <div class="col">
  153. <span class="section_type">Places</span><br />
  154. <span class="section_desc"></span>
  155. </div>
  156. <div class="col num_res">
  157. <p><span id="n_pl"></span> Results</p>
  158. </div>
  159. </div>
  160. <div class="row res_list">
  161. <div class="col" id="Place">
  162. </div>
  163. </div>
  164. <div id="lgLoader" class="search-loader load_small" style="display:block;"></div>
  165. </div>
  166. <div id="wb_Text1" style="position:fixed;">
  167. <span id="wb_uid0"></span><span id="wb_uid1"><br></span>
  168. </div>
  169. <table id="wb_Shape1" class="table table-hover"></table>
  170. <div class="text-center" id="licenza" style="display:none">
  171. <img src="img/licenze/cc-zero.png" />
  172. </div>
  173. </div>
  174. </section>
  175. </main>
  176. <!-- Modal -->
  177. <div id="myModal" class="modal"></div>
  178. <footer id="footer" class="footer">
  179. </footer>
  180. <!-- Bootstrap core JavaScript -->
  181. <!-- <script src="js/query/queryMMO.js"></script>-->
  182. <script src="js/query/managerQuery.js"></script>
  183. <script src="vendor/jquery/jquery.min.js"></script>
  184. <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  185. </body>
  186. </html>