Persona.html 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496
  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>Restore - Persona</title>
  10. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  11. <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
  12. <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
  13. <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
  14. <link href="css/place_people.css" rel="stylesheet">
  15. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  16. <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
  17. <script src="https://d3js.org/d3.v3.min.js"></script>
  18. <script src="https://cdn.jsdelivr.net/gh/holtzy/D3-graph-gallery@master/LIB/d3.layout.cloud.js"></script>
  19. <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4.4/leaflet.css" />
  20. <script src="http://cdn.leafletjs.com/leaflet-0.4.4/leaflet.js"></script>
  21. <link rel="stylesheet" href="js/dist/MarkerCluster.css" />
  22. <link rel="stylesheet" href="js/dist/MarkerCluster.Default.css" />
  23. <script src="js/dist/leaflet.markercluster-src.js"></script>
  24. <link href="css/styles.min.css" rel="stylesheet">
  25. </head>
  26. <body>
  27. <header class="sticky-top">
  28. <nav class="navbar navbar-expand-lg navbar-light bg-white">
  29. <div class="container-fluid">
  30. <div class="navbar-brand">
  31. <img src="img/Logo.png" width="100" alt="Restore" />
  32. </div>
  33. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  34. <span class="navbar-toggler-icon"></span>
  35. </button>
  36. <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
  37. <ul class="navbar-nav">
  38. <li class="nav-item">
  39. <a class="nav-link" href="index.html">Home</a>
  40. </li>
  41. <li class="nav-item">
  42. <a class="nav-link" href="http://restore.ovi.cnr.it/">Progetto</a>
  43. </li>
  44. <li class="nav-item active">
  45. <a class="nav-link" href="ricerca.html">Ricerca</a>
  46. </li>
  47. <li class="nav-item">
  48. <a class="nav-link" href="#">Indici</a>
  49. </li>
  50. <li class="nav-item">
  51. <a class="nav-link" href="#">Percorsi</a>
  52. </li>
  53. <li class="nav-item">
  54. <a class="nav-link" href="standard.html">Standard</a>
  55. </li>
  56. <li class="nav-item dropdown">
  57. <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sparql</a>
  58. <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  59. <a class="dropdown-item" href="http://dev.restore.ovi.cnr.it:8890/sparql/">Endpoint Sparql</a>
  60. <a class="dropdown-item" href="sparql.html">Query</a>
  61. </div>
  62. </li>
  63. <li class="nav-item">
  64. <a class="nav-link" href="download.html">Download</a>
  65. </li>
  66. <li class="nav-item dropdown">
  67. <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Collegamenti esterni</a>
  68. <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink1">
  69. <a class="dropdown-item" href="http://ckan.restore.ovi.cnr.it/" target="_blank">CKAN</a>
  70. <a class="dropdown-item" href="http://dev.restore.ovi.cnr.it/lodlive/" target="_blank">LOD</a>
  71. </div>
  72. </li>
  73. </ul>
  74. </div>
  75. </div>
  76. </nav>
  77. </header>
  78. <main>
  79. <section id="container_persona">
  80. <div id="col_graph">
  81. <div class="w-content">
  82. <div class="container-fluid">
  83. <div class="row">
  84. <div class="col-auto">
  85. <span>Dataset:</span>
  86. </div>
  87. <div class="col-auto" id="grafo"></div>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="w-content section-small">
  93. <div class="container-fluid">
  94. <div class="col box-info">
  95. <div class="container-fluid">
  96. <div class="row box-info-title">
  97. <div class="col">
  98. <h1 id="nome_persona" class="box-info-main-title"></h1>
  99. </div>
  100. </div>
  101. <div class="row box-info-container">
  102. <div class="col" id="info_persona">
  103. <div class="row mb-2" id="PersonName">
  104. <div class="col-sm-4">
  105. <span class="label">Forma documentata:</span>
  106. </div>
  107. <div class="col" id="nome"></div>
  108. </div>
  109. <div class="row mb-2" id="givenName" style="display:none;">
  110. <div class="col-sm-4">
  111. <span class="label">Nome proprio:</span>
  112. </div>
  113. <div class="col" id="nome_proprio"></div>
  114. </div>
  115. <div class="row mb-2" id="familyName" style="display:none;">
  116. <div class="col-sm-4">
  117. <span class="label">Nome di famiglia:</span>
  118. </div>
  119. <div class="col" id="nome_famiglia"></div>
  120. </div>
  121. <div class="row mb-2" id="gender" style="display:none;">
  122. <div class="col-sm-4">
  123. <span class="label">Genere:</span>
  124. </div>
  125. <div class="col" id="genere"></div>
  126. </div>
  127. <div class="row mb-2" id="patronymic" style="display:none;">
  128. <div class="col-sm-4">
  129. <span class="label">Patronimico/Matronimico:</span>
  130. </div>
  131. <div class="col" id="patronimico"></div>
  132. </div>
  133. <div class="row mb-2" id="PlaceProvenence" style="display:none;">
  134. <div class="col-sm-4">
  135. <span class="label">Provenienza:</span>
  136. </div>
  137. <div class="col" id="provenienza"></div>
  138. </div>
  139. <div class="row mb-2" id="otherNames" style="display:none;">
  140. <div class="col-sm-4">
  141. <span class="label">Varianti nome:</span>
  142. </div>
  143. <div class="col" id="variants"></div>
  144. </div>
  145. <div class="row mb-2" id="aliasName" style="display:none;">
  146. <div class="col-sm-4">
  147. <span class="label">Alias:</span>
  148. </div>
  149. <div class="col" id="alias"></div>
  150. </div>
  151. <div class="row mb-2" id="BirthDate" style="display:none;">
  152. <div class="col-sm-4">
  153. <span class="label">Data di Nascita:</span>
  154. </div>
  155. <div class="col" id="data_nascita"></div>
  156. </div>
  157. <div class="row mb-2" id="DeathDate" style="display:none;">
  158. <div class="col-sm-4">
  159. <span class="label">Data di Morte:</span>
  160. </div>
  161. <div class="col" id="data_morte"></div>
  162. </div>
  163. <div class="row mb-2" id="BirthPlace" style="display:none;">
  164. <div class="col-sm-4">
  165. <span class="label">Luogo di Nascita:</span>
  166. </div>
  167. <div class="col" id="luogo_nascita"></div>
  168. </div>
  169. <div class="row mb-2" id="DeathPlace" style="display:none;">
  170. <div class="col-sm-4">
  171. <span class="label">Luogo di Morte:</span>
  172. </div>
  173. <div class="col" id="luogo_morte"></div>
  174. </div>
  175. <div class="row mb-2" id="spouse" style="display:none;">
  176. <div class="col-sm-4">
  177. <span class="label">Coniuge:</span>
  178. </div>
  179. <div class="col" id="coniuge"></div>
  180. </div>
  181. <div class="row mb-2" id="honorific" style="display:none;">
  182. <div class="col-sm-4">
  183. <span class="label">Stato civile:</span>
  184. </div>
  185. <div class="col" id="qualifica"></div>
  186. </div>
  187. <div class="row mb-2" id="occupation" style="display:none;">
  188. <div class="col-sm-4">
  189. <span class="label">Occupazione:</span>
  190. </div>
  191. <div class="col" id="occupazione"></div>
  192. </div>
  193. <div class="row mb-2" id="roles" style="display:none;">
  194. <div class="col-sm-4">
  195. <span class="label">Ruoli:</span>
  196. </div>
  197. <div class="col" id="ruoli"></div>
  198. </div>
  199. <div class="row mb-2" id="groups" style="display:none;">
  200. <div class="col-sm-4">
  201. <span class="label">Gruppi di appartenenza:</span>
  202. </div>
  203. <div class="col" id="gruppi_appartenenza"></div>
  204. </div>
  205. <div class="row mb-2" id="BioDescription" style="display:none;">
  206. <div class="col-sm-4">
  207. <span class="label">Note:</span>
  208. </div>
  209. <div class="col" id="bioghist"></div>
  210. </div>
  211. </div>
  212. <!-- <div class="col-3">
  213. <span class="label-ref">Riferimenti</span>
  214. </div> -->
  215. </div>
  216. <div class="d-flex justify-content-end" id="map_buttons">
  217. <a href="#placeholder_luoghi">
  218. Luoghi <i class="fas fa-arrow-down" aria-hidden="true"></i>
  219. </a>
  220. <a href="#placeholder_persone">
  221. Persone <i class="fas fa-arrow-down" aria-hidden="true"></i>
  222. </a>
  223. <a href="#placeholder_documenti">
  224. Documenti <i class="fas fa-arrow-down" aria-hidden="true"></i>
  225. </a>
  226. </div>
  227. <hr />
  228. <div class="placeholder_container">
  229. <div id="placeholder_luoghi" class="row">
  230. <h2 class="section_box col-12">
  231. Luoghi collegati a <span id="nome1" class="font-italic PN"></span>
  232. </h2>
  233. </div>
  234. <div class="row">
  235. <div class="col-9">
  236. <div id="people_map">
  237. <div id="map">
  238. <div id="map_icon" class="no_info_icon">
  239. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
  240. <!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M408 120C408 174.6 334.9 271.9 302.8 311.1C295.1 321.6 280.9 321.6 273.2 311.1C241.1 271.9 168 174.6 168 120C168 53.73 221.7 0 288 0C354.3 0 408 53.73 408 120zM288 152C310.1 152 328 134.1 328 112C328 89.91 310.1 72 288 72C265.9 72 248 89.91 248 112C248 134.1 265.9 152 288 152zM425.6 179.8C426.1 178.6 426.6 177.4 427.1 176.1L543.1 129.7C558.9 123.4 576 135 576 152V422.8C576 432.6 570 441.4 560.9 445.1L416 503V200.4C419.5 193.5 422.7 186.7 425.6 179.8zM150.4 179.8C153.3 186.7 156.5 193.5 160 200.4V451.8L32.91 502.7C17.15 508.1 0 497.4 0 480.4V209.6C0 199.8 5.975 190.1 15.09 187.3L137.6 138.3C140 152.5 144.9 166.6 150.4 179.8H150.4zM327.8 331.1C341.7 314.6 363.5 286.3 384 255V504.3L192 449.4V255C212.5 286.3 234.3 314.6 248.2 331.1C268.7 357.6 307.3 357.6 327.8 331.1L327.8 331.1z"/>
  241. </svg>
  242. <p>Nessun luogo trovato</p>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. <div class="col-3" id="references_persona">
  248. <p class="head_box_person"><b>Luoghi</b></p>
  249. <div id="list_places_person"></div>
  250. </div>
  251. </div>
  252. </div>
  253. <div class="placeholder_container">
  254. <div id="placeholder_persone" class="row">
  255. <p class="section_box col-12">Persone collegate a <span id="nome2" class="font-italic PN"></span></p>
  256. <p class="placeholder_info col-12">
  257. <!-- Intro a sezione network -->
  258. </p>
  259. </div>
  260. <div class="row">
  261. <div class="col-9">
  262. <div id="person_map" style="background-color: #fff; min-height:300px; margin-left:15px; margin-right:15px;">
  263. <div id="myWordCloud">
  264. <div id="users_icon" class="no_info_icon">
  265. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
  266. <!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M319.9 320c57.41 0 103.1-46.56 103.1-104c0-57.44-46.54-104-103.1-104c-57.41 0-103.1 46.56-103.1 104C215.9 273.4 262.5 320 319.9 320zM369.9 352H270.1C191.6 352 128 411.7 128 485.3C128 500.1 140.7 512 156.4 512h327.2C499.3 512 512 500.1 512 485.3C512 411.7 448.4 352 369.9 352zM512 160c44.18 0 80-35.82 80-80S556.2 0 512 0c-44.18 0-80 35.82-80 80S467.8 160 512 160zM183.9 216c0-5.449 .9824-10.63 1.609-15.91C174.6 194.1 162.6 192 149.9 192H88.08C39.44 192 0 233.8 0 285.3C0 295.6 7.887 304 17.62 304h199.5C196.7 280.2 183.9 249.7 183.9 216zM128 160c44.18 0 80-35.82 80-80S172.2 0 128 0C83.82 0 48 35.82 48 80S83.82 160 128 160zM551.9 192h-61.84c-12.8 0-24.88 3.037-35.86 8.24C454.8 205.5 455.8 210.6 455.8 216c0 33.71-12.78 64.21-33.16 88h199.7C632.1 304 640 295.6 640 285.3C640 233.8 600.6 192 551.9 192z"/>
  267. </svg>
  268. <p>Nessuna persona trovata</p>
  269. </div>
  270. </div>
  271. </div>
  272. </div>
  273. <div class="col-3" id="references_network">
  274. <p class="head_box_person"><b>Persone</b></p>
  275. <div id="list_person_network"></div>
  276. </div>
  277. </div>
  278. </div>
  279. <div class="placeholder_container">
  280. <div id="placeholder_documenti" class="row" id="references_documents">
  281. <p class="section_box col-12">Documenti collegati a <span id="nome3" class="font-italic PN"></span></p>
  282. <div class="box_results col-12" id="sent">
  283. <div class="inner_results container-fluid">
  284. <!-- Scheda -->
  285. <div id="myTab" class="tab"></div>
  286. <div class="row def_res">
  287. <div class="col">
  288. <b>Lettere inviate da <span id="nome_au" class="PN"></span></b>
  289. </div>
  290. <div class="col num_res">
  291. <span><span id="l_send"></span> risultati</span>
  292. </div>
  293. </div>
  294. <div class="row res_list">
  295. <div class="container-fluid" id="letters_send"></div>
  296. </div>
  297. </div>
  298. </div>
  299. <div class="box_results col-12" id="receive">
  300. <div class="inner_results container-fluid">
  301. <div class="row def_res">
  302. <div class="col">
  303. <b>Lettere ricevute da <span id="nome_ap" class="PN"></span></b>
  304. </div>
  305. <div class="col num_res">
  306. <span><span id="l_receive"></span> risultati</span>
  307. </div>
  308. </div>
  309. <div class="row res_list">
  310. <div class="container-fluid" id="letters_receive"></div>
  311. </div>
  312. </div>
  313. </div>
  314. <div class="box_results col-12" id="others">
  315. <div class="inner_results container-fluid">
  316. <div class="row def_res">
  317. <div class="col">
  318. <b>Altri documenti associati a <span id="nome_ass" class="PN"></span></b>
  319. </div>
  320. <div class="col num_res">
  321. <span><span id="n_ass"></span> risultati</span>
  322. </div>
  323. </div>
  324. <div class="row res_list">
  325. <div class="container-fluid" id="other_documents"></div>
  326. </div>
  327. </div>
  328. </div>
  329. <div class="box_results col-12" id="citations">
  330. <div class="inner_results container-fluid">
  331. <div class="row def_res">
  332. <div class="col">
  333. <b>Opere d'arte realizzate da <span id="nome_al" class="PN"></span></b>
  334. </div>
  335. <div class="col num_res">
  336. <span><span id="n_oa"></span> risultati</span>
  337. </div>
  338. </div>
  339. <div class="row res_list">
  340. <div class="container-fluid" id="object_oa"></div>
  341. </div>
  342. </div>
  343. </div>
  344. <div class="row" id="statistiche">
  345. <div class="box_results col-12" id="stat1">
  346. <div class="inner_results container-fluid">
  347. <div class="row def_res">
  348. <div class="col">
  349. <b>Luoghi di partenza degli oggetti in arrivo a <span id="nome_st1"></span> con numero di documenti</b>
  350. </div>
  351. </div>
  352. <div class="row res_list">
  353. <div class="container-fluid" id="my_dataviz"></div>
  354. </div>
  355. </div>
  356. </div>
  357. <div class="box_results col-12" id="stat2">
  358. <div class="inner_results container-fluid">
  359. <div class="row def_res">
  360. <div class="col">
  361. <p>Luoghi di arrivo degli oggetti in partenza da <span id="nome_st2"></span> con numero di documenti</p>
  362. </div>
  363. </div>
  364. <div class="row res_list">
  365. <div class="container-fluid" id="my_dataviz2"></div>
  366. </div>
  367. </div>
  368. </div>
  369. </div>
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374. </div>
  375. </section>
  376. </main>
  377. <!-- Modal -->
  378. <div id="myModal" class="modal"></div>
  379. <footer id="footer" class="footer">
  380. <div class="container">
  381. <div class="row">
  382. <div class="col-lg-7 h-100 text-center text-lg-left my-auto">
  383. <ul class="list-inline mb-2">
  384. <li class="list-inline-item">
  385. <a href="#">About</a>
  386. </li>
  387. <li class="list-inline-item">&sdot;</li>
  388. <li class="list-inline-item">
  389. <a href="#">Contact</a>
  390. </li>
  391. <li class="list-inline-item">&sdot;</li>
  392. <li class="list-inline-item">
  393. <a href="#">Terms of Use</a>
  394. </li>
  395. <li class="list-inline-item">&sdot;</li>
  396. <li class="list-inline-item">
  397. <a href="#">Privacy Policy</a>
  398. </li>
  399. </ul>
  400. <p class="small mb-4 mb-lg-0">&copy; RESTORE 2021. All Rights Reserved.</p>
  401. </div>
  402. <div class="col-lg-5 h-100 text-center my-auto">
  403. <ul class="partner-list list-inline mb-0">
  404. <li class="list-inline-item mr-3">
  405. <a href="#">
  406. <img class="img-logo" src="img/CNR.png" />
  407. </a>
  408. </li>
  409. <li class="list-inline-item mr-3">
  410. <a href="#">
  411. <img class="img-logo" src="img/RegioneToscana.jpg" />
  412. </a>
  413. </li>
  414. <li class="list-inline-item mr-3">
  415. <a href="#">
  416. <img class="img-logo" src="img/European-Union.png" />
  417. </a>
  418. </li>
  419. <li class="list-inline-item mr-3">
  420. <a href="#">
  421. <img class="img-logo" src="img/RepubblicaItaliana.png" />
  422. </a>
  423. </li>
  424. <li class="list-inline-item mr-3">
  425. <a href="#">
  426. <img class="img-logo" src="img/POR-FSE-Regione-Toscana.png" />
  427. </a>
  428. </li>
  429. <li class="list-inline-item">
  430. <a href="#">
  431. <img class="img-logo" src="img/GiovaniSi.png" />
  432. </a>
  433. </li>
  434. </ul>
  435. </div>
  436. </div>
  437. </div>
  438. </footer>
  439. <script src="js/people.js"></script>
  440. <!-- Bootstrap core JavaScript -->
  441. <script src="vendor/jquery/jquery.min.js"></script>
  442. <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  443. </body>
  444. </html>