LiDa_Search/NikBrowseSearchCombinedNew....

1147 lines
45 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>LiDaDashboard</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- AGGIUNTI -->
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
<link rel="stylesheet"
href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="./css/datatables.min.css">
<link rel="stylesheet" href="./css/custom.css">
<link href="css/browsingldc.css" rel="stylesheet">
<!-- <link rel="stylesheet" href="./css/jquery.highlight-within-textarea.css"> -->
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js" defer></script>
<!-- aggiunto per hilight in text -->
<script src="./js/lib/jquery.highlight-within-textarea.js" defer></script>
<script type="text/javascript" src="./js/datatables.min.js" defer></script>
<script type="text/javascript" src="./js/lib/jquery.ui.touch-punch.js"></script>
<script type="text/javascript" src="./js/lib/peg-0.10.0.min.js"></script>
<script type="text/javascript" src="js/cesareBrowse.js"></script>
<!-- FINE AGGIUNTI -->
<link rel="stylesheet"
href="https://unpkg.com/tachyons/css/tachyons.min.css">
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="https://bundle.run/sparqljs@3.4.1"></script>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="js/NikBrowseSearchCombinedNew.js"></script>
<script
src="https://rdf.js.org/comunica-browser/versions/latest/engines/query-sparql/comunica-browser.js"></script>
<script type="text/javascript">
</script>
<style>
.tabs__content input:not(:checked) ~ .tabs__content__info {
display: none;
}
.DropInferno {
position: relative;
display: inline-block;
}
.DropInferno-content {
display: none;
position: absolute;
background-color: #D7EFE1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
border-style: solid;
z-index: 1;
}
.DropInferno-content a {
color: black;
padding: 8px 16px;
text-decoration: none;
display: block;
font-size: 16px;
}
.DropInferno-content a:hover {
background-color: #ddd;
}
.DropInferno:hover .DropInferno-content {
display: block;
}
.DropPurgatorio {
position: relative;
display: inline-block;
}
.DropPurgatorio-content {
display: none;
position: absolute;
background-color: #D7EFE1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
border-style: solid;
z-index: 1;
}
.DropPurgatorio-content a {
color: black;
padding: 8px 16px;
text-decoration: none;
display: block;
font-size: 16px;
}
.DropPurgatorio-content a:hover {
background-color: #ddd;
}
.DropPurgatorio:hover .DropPurgatorio-content {
display: block;
}
.DropParadiso {
position: relative;
display: inline-block;
}
.DropParadiso-content {
display: none;
position: absolute;
background-color: #D7EFE1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
border-style: solid;
z-index: 1;
}
.DropParadiso-content a {
color: black;
padding: 8px 16px;
text-decoration: none;
display: block;
font-size: 16px;
}
.DropParadiso-content a:hover {
background-color: #ddd;
}
.DropParadiso:hover .DropParadiso-content {
display: block;
}
</style>
</head>
<!-- partial:index.partial.html -->
<body class="bg-washed-blue">
<div class="w-100 bg-washed-blue blue ">
<div class=" tc v-mid">
<div class="f3 fw4 i white b bg-lida4">
Linking Dante Search, sandbox release
<div class="container pb-1 px-3 my-3 ">
<div class="row align-items-end p-0 ">
<div class="col DropInferno shadow bg-red" id="cantica1">&nbsp;
<a class="DropInfernoBotton f5 link dim br1 bn pa1 mb0 dib white b"
href="#0" data-added="0">Inferno</a>
<div class="DropInferno-content">
<table id="CantiInferno" style="display: block;">
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno1 navig-canto"
href="#0" data-added="0" name="InfernoCanto 1"> I</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno2 navig-canto"
href="#0" data-added="0"> II</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno3"
href="#0" data-added="0"> III</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno4"
href="#0" data-added="0"> IV</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno5"
href="#0" data-added="0"> V</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno6"
href="#0" data-added="0"> VI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno7"
href="#0" data-added="0"> VII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno8"
href="#0" data-added="0"> VIII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno9"
href="#0" data-added="0"> IX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno10"
href="#0" data-added="0"> X</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno11"
href="#0" data-added="0"> XI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno12"
href="#0" data-added="0"> XII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno13"
href="#0" data-added="0"> XIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno14"
href="#0" data-added="0"> XIV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno15"
href="#0" data-added="0"> XV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno16"
href="#0" data-added="0"> XVI</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno17"
href="#0" data-added="0"> XVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno18"
href="#0" data-added="0"> XVIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno19"
href="#0" data-added="0"> XIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno20"
href="#0" data-added="0"> XX</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno21"
href="#0" data-added="0"> XXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno22"
href="#0" data-added="0"> XXII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno23"
href="#0" data-added="0"> XXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno24"
href="#0" data-added="0"> XXIV</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno25"
href="#0" data-added="0"> XXV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno26"
href="#0" data-added="0"> XXVI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno27"
href="#0" data-added="0"> XXVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno28"
href="#0" data-added="0"> XXVIII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno29"
href="#0" data-added="0"> XXIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno30"
href="#0" data-added="0"> XXX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno31"
href="#0" data-added="0"> XXXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno32"
href="#0" data-added="0"> XXXII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno33"
href="#0" data-added="0"> XXXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno34"
href="#0" data-added="0"> XXXIV</a></td>
</tr>
</table>
</div>
</div>
<div class="col DropPurgatorio shadow bg-light-yellow" id="cantica2">
&nbsp; <a class="DropPurgatorioBotton f5 link dim br1 bn pa1 mb0 dib dark-green b"
href="#0" data-added="0">Purgatorio</a>
<div class="DropPurgatorio-content">
<table id="CantiPurgatorio" style="display: block;">
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio1"
href="#0" data-added="0"> I</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio2"
href="#0" data-added="0"> II</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio3"
href="#0" data-added="0"> III</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio4"
href="#0" data-added="0"> IV</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio5"
href="#0" data-added="0"> V</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio6"
href="#0" data-added="0"> VI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio7"
href="#0" data-added="0"> VII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio8"
href="#0" data-added="0"> VIII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio9"
href="#0" data-added="0"> IX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio10"
href="#0" data-added="0"> X</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio11"
href="#0" data-added="0"> XI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio12"
href="#0" data-added="0"> XII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio13"
href="#0" data-added="0"> XIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio14"
href="#0" data-added="0"> XIV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio15"
href="#0" data-added="0"> XV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio16"
href="#0" data-added="0"> XVI</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio17"
href="#0" data-added="0"> XVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio18"
href="#0" data-added="0"> XVIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio20"
href="#0" data-added="0"> XX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio21"
href="#0" data-added="0"> XXI</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio19"
href="#0" data-added="0"> XIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio22"
href="#0" data-added="0"> XXII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio23"
href="#0" data-added="0"> XXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio24"
href="#0" data-added="0"> XXIV</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio25"
href="#0" data-added="0"> XXV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio26"
href="#0" data-added="0"> XXVI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio27"
href="#0" data-added="0"> XXVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio28"
href="#0" data-added="0"> XXVIII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio29"
href="#0" data-added="0"> XXIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio30"
href="#0" data-added="0"> XXX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio31"
href="#0" data-added="0"> XXXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio32"
href="#0" data-added="0"> XXXII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio33"
href="#0" data-added="0"> XXXIII</a></td>
</tr>
</table>
</div>
</div>
<div class="col DropParadiso shadow bg-white" id="cantica3">
&nbsp; <a class="DropParadisoBotton f5 link dim br1 bn pa1 mb0 dib dark-blue b "
href="#0" data-added="0">Paradiso</a>
<div class="DropParadiso-content">
<table id="CantiParadiso" style="display: block;">
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso1"
href="#0" data-added="0"> I</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso2"
href="#0" data-added="0"> II</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso3"
href="#0" data-added="0"> III</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso4"
href="#0" data-added="0"> IV</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso5"
href="#0" data-added="0"> V</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso6"
href="#0" data-added="0"> VI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso7"
href="#0" data-added="0"> VII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso8"
href="#0" data-added="0"> VIII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso9"
href="#0" data-added="0"> IX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso10"
href="#0" data-added="0"> X</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso11"
href="#0" data-added="0"> XI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso12"
href="#0" data-added="0"> XII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso13"
href="#0" data-added="0"> XIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso14"
href="#0" data-added="0"> XIV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso15"
href="#0" data-added="0"> XV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso16"
href="#0" data-added="0"> XVI</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso17"
href="#0" data-added="0"> XVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso18"
href="#0" data-added="0"> XVIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso19"
href="#0" data-added="0"> XIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso20"
href="#0" data-added="0"> XX</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso21"
href="#0" data-added="0"> XXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso22"
href="#0" data-added="0"> XXII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso23"
href="#0" data-added="0"> XXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso24"
href="#0" data-added="0"> XXIV</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso25"
href="#0" data-added="0"> XXV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso26"
href="#0" data-added="0"> XXVI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso27"
href="#0" data-added="0"> XXVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso28"
href="#0" data-added="0"> XXVIII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso29"
href="#0" data-added="0"> XXIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso30"
href="#0" data-added="0"> XXX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso31"
href="#0" data-added="0"> XXXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso32"
href="#0" data-added="0"> XXXII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso33"
href="#0" data-added="0"> XXXIII</a></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<div>&nbsp;</div>
</div>
<!-- <blockquote class="ph0 mh0 measure f4 lh-copy center mt0">
<cite class="ph0 mh0 measure i f4 lh-copy center">potrai
cercare, e non troverai ombra</cite><br> <cite
class="ph0 mh0 measure f5 lh-copy center text-secondary font-weight-lighter">(Inf.,
canto 32, verso 59)</cite>
</blockquote> -->
</div>
<!-- <div class="mw9 center ph3-ns"> -->
<div class="container-xxl ">
<!-- <div class="cf ph2-ns"> -->
<div class="row padding-right-xl padding-left-xl">
<div class="col-md-3 pl4 pt0 pr8 pb0 ml4">
<div class="labelSelect">
<div>&nbsp;&nbsp;</div>
<div class="availability f3 b labelRisultatoRicerca">
<span style="display: none;">Risultati della ricerca:</span>
</div>
</div>
<div class="flex flex-column" >
<div class="w-45 pa1 mr1 risultatiRicerca">
<div class="availability f5 b labelRisultatoInferno">
<span style="display: none;">Inferno:</span>
</div>
<div id="ResultCantiInferno" style="display: none;">
</div>
<div>&nbsp;</div>
<div class="availability f5 b labelRisultatoPurgatorio">
<span style="display: none;">Purgatorio:</span>
</div>
<div id="ResultCantiPurgatorio" style="display: none;">
</div>
<div>&nbsp;</div>
<div class="availability f5 b labelRisultatoParadiso">
<span style="display: none;">Paradiso:</span>
</div>
<div id="ResultCantiParadiso" style="display: none;">
</div>
<div>&nbsp;</div>
<div class="f4 link dim br1 bn pa0 mb0 dib dark-blue b" id="occorrenze"style="display: none;"> Totale Occorrenze: 21 </div>
</div>
</div>
</div>
<div class="col-md-5 pa4 pl6 " id="browseArea">
<div class="bg-washed-blue pv0">
<!-- <div class="availability f3 b labelCantica">
<span>Inferno</span>
</div>
<div
class="measure f6 lh-copy text-secondary font-weight-lighter labelCanto">
<span>Canto I</span>
</div> -->
<div>&nbsp;</div>
<!-- <form id='filterform' onsubmit="return false;"> -->
<!-- <textarea id="displaycanto" name="PagineCanti" readonly
style="resize: none" class="blog-main flex mb0 pb0 bg-washed-blue bn"
rows="20" cols="35"></textarea> -->
<div class=" blog-main overflow-auto p-3 border text-muted" target='area' id="displaycanto" style="max-width: 500px; max-height: 600px;">
<!-- <div id="displaycanto" name="PagineCanti" class="blog-main flex mb0 pb0 bg-washed-blue bn"></div>-->
<!-- </form> -->
</div>
</div>
</div>
<div class="col-md-3" id="displayminimap">
</div>
</div>
<hr>
<!-- Da index_Luk_Q_.html -->
<div class="container border bg-light" style="display: block;"
id="apricerca">
<div class="row">
<div class="col-md-12 p-2">
<ul class="nav nav-tabs" id="tab-list" role="tablist">
<li class="nav-item" role="presentation"><a
class="nav-link active" id="close_cerca" data-toggle="tab"
href="#cla0" role="tab" aria-controls="cla0" aria-selected="true">
<span class="text-secondary"><ion-icon
name="close-circle-sharp"></ion-icon></span> <span
class="text-dark font-weight-bold">&nbsp;&nbsp;Cerca Cosa?</span>
</a></li>
<li class="nav-item" role="presentation"><a
class="nav-link active" id="close_dove" data-toggle="tab"
href="#cla0" role="tab" aria-controls="cla0" aria-selected="true">
<span class="text-secondary"><ion-icon
name="close-circle-sharp"></ion-icon></span> <span
class="text-dark font-weight-bold">&nbsp;&nbsp;Cerca Dove?</span>
</a></li>
<li class="nav-item" role="presentation"><a
class="nav-link active" id="close_condizioni" data-toggle="tab"
href="#cla0" role="tab" aria-controls="cla0" aria-selected="true">
<span class="text-secondary"><ion-icon
name="close-circle-sharp"></ion-icon></span> <span
class="text-dark font-weight-bold">&nbsp;&nbsp;Condizioni...</span>
</a></li>
</ul>
<div class="tab-content" id="DoveInferno" style="display: none;">
<span>Inferno: </span>
<table >
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno1"
href="#0" data-added="0"> I</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno2"
href="#0" data-added="0"> II</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno3"
href="#0" data-added="0"> III</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno4"
href="#0" data-added="0"> IV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno5"
href="#0" data-added="0"> V</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno6"
href="#0" data-added="0"> VI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno7"
href="#0" data-added="0"> VII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno8"
href="#0" data-added="0"> VIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso9"
href="#0" data-added="0"> IX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso10"
href="#0" data-added="0"> X</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso11"
href="#0" data-added="0"> XI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso12"
href="#0" data-added="0"> XII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso13"
href="#0" data-added="0"> XIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso14"
href="#0" data-added="0"> XIV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso15"
href="#0" data-added="0"> XV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso16"
href="#0" data-added="0"> XVI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso17"
href="#0" data-added="0"> XVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso18"
href="#0" data-added="0"> XVIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso19"
href="#0" data-added="0"> XIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso20"
href="#0" data-added="0"> XX</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso21"
href="#0" data-added="0"> XXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso22"
href="#0" data-added="0"> XXII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso23"
href="#0" data-added="0"> XXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso24"
href="#0" data-added="0"> XXIV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso25"
href="#0" data-added="0"> XXV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso26"
href="#0" data-added="0"> XXVI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso27"
href="#0" data-added="0"> XXVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso28"
href="#0" data-added="0"> XXVIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso29"
href="#0" data-added="0"> XXIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso30"
href="#0" data-added="0"> XXX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso31"
href="#0" data-added="0"> XXXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso32"
href="#0" data-added="0"> XXXII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso33"
href="#0" data-added="0"> XXXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso33"
href="#0" data-added="0"> XXXIV</a></td>
</tr>
</table>
<span>Purgatorio: </span>
<table >
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno1"
href="#0" data-added="0"> I</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno2"
href="#0" data-added="0"> II</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno3"
href="#0" data-added="0"> III</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno4"
href="#0" data-added="0"> IV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno5"
href="#0" data-added="0"> V</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno6"
href="#0" data-added="0"> VI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno7"
href="#0" data-added="0"> VII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno8"
href="#0" data-added="0"> VIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso9"
href="#0" data-added="0"> IX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso10"
href="#0" data-added="0"> X</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso11"
href="#0" data-added="0"> XI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso12"
href="#0" data-added="0"> XII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso13"
href="#0" data-added="0"> XIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso14"
href="#0" data-added="0"> XIV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso15"
href="#0" data-added="0"> XV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso16"
href="#0" data-added="0"> XVI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso17"
href="#0" data-added="0"> XVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso18"
href="#0" data-added="0"> XVIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso19"
href="#0" data-added="0"> XIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso20"
href="#0" data-added="0"> XX</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso21"
href="#0" data-added="0"> XXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso22"
href="#0" data-added="0"> XXII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso23"
href="#0" data-added="0"> XXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso24"
href="#0" data-added="0"> XXIV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso25"
href="#0" data-added="0"> XXV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso26"
href="#0" data-added="0"> XXVI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso27"
href="#0" data-added="0"> XXVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso28"
href="#0" data-added="0"> XXVIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso29"
href="#0" data-added="0"> XXIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso30"
href="#0" data-added="0"> XXX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso31"
href="#0" data-added="0"> XXXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso32"
href="#0" data-added="0"> XXXII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso33"
href="#0" data-added="0"> XXXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso33"
href="#0" data-added="0"> XXXIV</a></td>
</tr>
</table>
<span>Paradiso: </span>
<table >
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno1"
href="#0" data-added="0"> I</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno2"
href="#0" data-added="0"> II</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno3"
href="#0" data-added="0"> III</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno4"
href="#0" data-added="0"> IV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno5"
href="#0" data-added="0"> V</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno6"
href="#0" data-added="0"> VI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno7"
href="#0" data-added="0"> VII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno8"
href="#0" data-added="0"> VIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso9"
href="#0" data-added="0"> IX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso10"
href="#0" data-added="0"> X</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso11"
href="#0" data-added="0"> XI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso12"
href="#0" data-added="0"> XII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso13"
href="#0" data-added="0"> XIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso14"
href="#0" data-added="0"> XIV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso15"
href="#0" data-added="0"> XV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso16"
href="#0" data-added="0"> XVI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso17"
href="#0" data-added="0"> XVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso18"
href="#0" data-added="0"> XVIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso19"
href="#0" data-added="0"> XIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso20"
href="#0" data-added="0"> XX</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso21"
href="#0" data-added="0"> XXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso22"
href="#0" data-added="0"> XXII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso23"
href="#0" data-added="0"> XXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso24"
href="#0" data-added="0"> XXIV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso25"
href="#0" data-added="0"> XXV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso26"
href="#0" data-added="0"> XXVI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso27"
href="#0" data-added="0"> XXVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso28"
href="#0" data-added="0"> XXVIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso29"
href="#0" data-added="0"> XXIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso30"
href="#0" data-added="0"> XXX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso31"
href="#0" data-added="0"> XXXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso32"
href="#0" data-added="0"> XXXII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso33"
href="#0" data-added="0"> XXXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso33"
href="#0" data-added="0"> XXXIV</a></td>
</tr>
</table>
</div>
<div id="cla-Advanced" style="display: none">
<div class="btn-group p-1 my-3" role="group"
aria-label="Bottoni menu clausole">
<label class="input-group-text"><ion-icon
name="filter-circle"></ion-icon></label>
<div class="btn-group dropright" role="group">
<button id="btnGroupDrop1" type="button"
class="btn btn-sm btn-outline-danger dropdown-toggle"
data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">Aggiungi clausola di tipo:</button>
<div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
<a class="dropdown-item" id="Grammaticale" href="#"><span
class="text-lida9">Categoria grammaticale</span></a> <a
class="dropdown-item" id="Sintattico" href="#"><span
class="text-lida3">Tipo sintattico</span></a> <a
class="dropdown-item" id="Metafore" href="#"><span
class="text-lida5">Metafore</span></a>
</div>
</div>
</div>
</div>
<form>
<div class="tab-content border-right border-left border-bottom"
id="cla-TabContent">
<div class="tab-pane fade show active p-2 bg-white" id="cla0"
role="tabpanel" aria-labelledby="cla0-tab">
<div class="form-inline input-group p-1 pb-2" action="">
<div class="input-group-prepend">
<label class="input-group-text"><ion-icon
name="document-text"></ion-icon></label>
</div>
<select class="form-control custom-select" id="lemma_forma">
<option value="forma">la forma</option>
<option value="lemma">il lemma</option>
<option value="testo">il testo</option>
</select> <input type="text" class="form-control" id="queryText"
placeholder="digitare..." aria-describedby="name-desc"
name="query"> <select
class="form-control custom-select" id="opzioni_testo">
<option value="opzionetesto">Come Parola</option>
<option value="opzionetesto">Come Sottostringa</option>
<option value="opzionetesto">Come Prefisso</option>
<option value="opzionetesto">Come Suffisso</option>
<option value="opzionetesto">Come Espressione regolare</option>
<option value="opzionetesto">Tutte le occorrenze</option>
</select>
<div class="btn-group pl-2" role="group"
aria-label="Bottone ricerca">
<label class="input-group-text"><ion-icon
name="search-circle"></ion-icon></label>
<button type="submit"
class="btn bg-light-gray b--gray btn-outline-primary"
id="BottoneCerca">Cerca</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!--
<div class="row p-1 ml-2 mt-2 align-items-end justify-content-between">
<div class="col text-right px-3">
<input style="display: none;" type="file" id="apriFile">
<span class="border rounded p-1 pt-2"><ion-icon name="save-outline"></ion-icon> <ion-icon name="folder-open-outline"></ion-icon>
<ion-icon name="cloud-upload-outline"></ion-icon> <ion-icon name="cloud-download-outline"></ion-icon></span>
</div>
</div> -->
<!-- Da index_Luk_Q_.html separatore copyright-->
<div class="container pb-1 px-3 my-3 ">
<div class="row align-items-end p-0 halfOpacity">
<div class="col shadow bg-lida8">&nbsp;</div>
<div class="col shadow bg-lida9">&nbsp;</div>
<div class="col shadow bg-lida3">&nbsp;</div>
<div class="col shadow bg-lida4">&nbsp;</div>
<div class="col shadow bg-lida5">&nbsp;</div>
</div>
<p class="text-right">
<cite class="font-italic text-lida5">Info &amp; Copyright</cite> <cite
class="font-italic text-secondary font-weight-lighter">(idem)</cite>
</p>
</div>
<script type="module"
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule
src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</body>
<div class="modal-busy" id="loader" style="display: none">
<div class="center-busy" id="test-git">
<img alt="" src="./images/lida-loader.gif" />
</div>
</div>
</html>