LiDa_Search/NikBrowseSearchCombinedNew....

952 lines
46 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" name="InfernoCanto 2"> II</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno3 navig-canto"
href="#0" data-added="0" name="InfernoCanto 3"> III</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno4 navig-canto"
href="#0" data-added="0" name="InfernoCanto 4"> IV</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno5 navig-canto"
href="#0" data-added="0" name="InfernoCanto 5"> V</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno6 navig-canto"
href="#0" data-added="0" name="InfernoCanto 6"> VI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno7 navig-canto"
href="#0" data-added="0" name="InfernoCanto 7"> VII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno8 navig-canto"
href="#0" data-added="0" name="InfernoCanto 8"> VIII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno9 navig-canto"
href="#0" data-added="0" name="InfernoCanto 9"> IX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno10 navig-canto"
href="#0" data-added="0" name="InfernoCanto 10"> X</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno11 navig-canto"
href="#0" data-added="0" name="InfernoCanto 11"> XI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno12 navig-canto"
href="#0" data-added="0" name="InfernoCanto 12"> XII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno13 navig-canto"
href="#0" data-added="0" name="InfernoCanto 13"> XIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno14 navig-canto"
href="#0" data-added="0" name="InfernoCanto 14"> XIV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno15 navig-canto"
href="#0" data-added="0" name="InfernoCanto 15"> XV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno16 navig-canto"
href="#0" data-added="0" name="InfernoCanto 16"> XVI</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno17 navig-canto"
href="#0" data-added="0" name="InfernoCanto 17"> XVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno18 navig-canto"
href="#0" data-added="0" name="InfernoCanto 18"> XVIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno19 navig-canto"
href="#0" data-added="0" name="InfernoCanto 19"> XIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno20 navig-canto"
href="#0" data-added="0" name="InfernoCanto 20"> XX</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno21 navig-canto"
href="#0" data-added="0" name="InfernoCanto 21"> XXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno22 navig-canto"
href="#0" data-added="0" name="InfernoCanto 22"> XXII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno23 navig-canto"
href="#0" data-added="0" name="InfernoCanto 23"> XXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno24 navig-canto"
href="#0" data-added="0" name="InfernoCanto 24"> XXIV</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno25 navig-canto"
href="#0" data-added="0" name="InfernoCanto 25"> XXV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno26 navig-canto"
href="#0" data-added="0" name="InfernoCanto 26"> XXVI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno27 navig-canto"
href="#0" data-added="0" name="InfernoCanto 27"> XXVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno28 navig-canto"
href="#0" data-added="0" name="InfernoCanto 28"> XXVIII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno29 navig-canto"
href="#0" data-added="0" name="InfernoCanto 29"> XXIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno30 navig-canto"
href="#0" data-added="0" name="InfernoCanto 30"> XXX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno31 navig-canto"
href="#0" data-added="0" name="InfernoCanto 31"> XXXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno32 navig-canto"
href="#0" data-added="0" name="InfernoCanto 32"> XXXII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno33 navig-canto"
href="#0" data-added="0" name="InfernoCanto 33"> XXXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectInferno34 navig-canto"
href="#0" data-added="0" name="InfernoCanto 34"> 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 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 1"> I</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio2 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 2"> II</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio3 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 3"> III</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio4 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 4"> IV</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio5 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 5"> V</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio6 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 6"> VI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio7 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 7"> VII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio8 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 8"> VIII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio9 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 9"> IX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio10 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 10"> X</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio11 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 11"> XI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio12 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 12"> XII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio13 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 13"> XIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio14 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 14"> XIV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio15 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 15"> XV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio16 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 16"> XVI</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio17 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 17"> XVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio18 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 18"> XVIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio20 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 19"> XX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio21 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 20"> XXI</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio19 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 21"> XIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio22 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 22"> XXII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio23 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 23"> XXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio24 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 24"> XXIV</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio25 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 25"> XXV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio26 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 26"> XXVI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio27 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 27"> XXVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio28 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 28"> XXVIII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio29 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 29"> XXIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio30 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 30"> XXX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio31 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 31"> XXXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio32 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 32"> XXXII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectPurgatorio33 navig-canto"
href="#0" data-added="0" name="PurgatorioCanto 33"> 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 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 1"> I</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso2 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 2"> II</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso3 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 3"> III</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso4 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 4"> IV</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso5 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 5"> V</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso6 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 6"> VI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso7 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 7"> VII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso8 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 8"> VIII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso9 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 9"> IX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso10 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 10"> X</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso11 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 11"> XI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso12 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 12"> XII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso13 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 13"> XIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso14 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 14"> XIV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso15 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 15"> XV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso16 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 16"> XVI</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso17 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 17"> XVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso18 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 18"> XVIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso19 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 19"> XIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso20 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 20"> XX</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso21 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 21"> XXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso22 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 22"> XXII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso23 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 23"> XXIII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso24 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 24"> XXIV</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso25 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 25"> XXV</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso26 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 26"> XXVI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso27 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 27"> XXVII</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso28 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 28"> XXVIII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso29 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 29"> XXIX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso30 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 30"> XXX</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso31 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 31"> XXXI</a></td>
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso32 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 32"> XXXII</a></td>
</tr>
<tr id="">
<td class="pa2"><a
class="f5 link dim br1 bn pa0 mb0 dib dark-green selectParadiso33 navig-canto"
href="#0" data-added="0" name="ParadisoCanto 33"> 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-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-5 pa0 pl6 " id="browseArea">
<!-- <div class="bg-washed-blue"> -->
<!-- <div class="availability f3 b labelCantica" style="display: none;">
<span>Inferno</span>
</div> -->
<!--<div
class="measure f6 lh-copy text-secondary font-weight-lighter labelCanto">
<span>Canto I</span>
</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 border text-muted" target='area' id="displaycanto" style='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-2 pa0 pl6" id="shmm">
<div id="displayminimap"></div>
</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;">
<table id="selectableS" class="table table-responsive selCanti table-bordered table-sm ui-selectable">
<thead>
<tr>
<th><div class="small text-muted text-right">&nbsp;</div></th>
<th><div class="small text-muted">1</div></th>
<th><div class="small text-muted">2</div></th>
<th><div class="small text-muted">3</div></th>
<th><div class="small text-muted">4</div></th>
<th><div class="small text-muted">5</div></th>
<th><div class="small text-muted">6</div></th>
<th><div class="small text-muted">7</div></th>
<th><div class="small text-muted">8</div></th>
<th><div class="small text-muted">9</div></th>
<th><div class="small text-muted">10</div></th>
<th><div class="small text-muted">11</div></th>
<th><div class="small text-muted">12</div></th>
<th><div class="small text-muted">13</div></th>
<th><div class="small text-muted">14</div></th>
<th><div class="small text-muted">15</div></th>
<th><div class="small text-muted">16</div></th>
<th><div class="small text-muted">17</div></th>
<th><div class="small text-muted">18</div></th>
<th><div class="small text-muted">19</div></th>
<th><div class="small text-muted">20</div></th>
<th><div class="small text-muted">21</div></th>
<th><div class="small text-muted">22</div></th>
<th><div class="small text-muted">23</div></th>
<th><div class="small text-muted">24</div></th>
<th><div class="small text-muted">25</div></th>
<th><div class="small text-muted">26</div></th>
<th><div class="small text-muted">27</div></th>
<th><div class="small text-muted">28</div></th>
<th><div class="small text-muted">29</div></th>
<th><div class="small text-muted">30</div></th>
<th><div class="small text-muted">31</div></th>
<th><div class="small text-muted">32</div></th>
<th><div class="small text-muted">33</div></th>
<th><div class="small text-muted">34</div></th>
</tr>
</thead>
<tbody>
<tr>
<th><div class="small text-muted text-right">Inferno&nbsp;</div></th>
<td class="ui-widget-content ui-selectee" id="0_0"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_1"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_2"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_3"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_4"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_5"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_6"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_7"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_8"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_9"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_10"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_11"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_12"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_13"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_14"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_15"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_16"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_17"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_18"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_19"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_20"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_21"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_22"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_23"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_24"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_25"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_26"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_27"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_28"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_29"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_30"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_31"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_32"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="0_33"><div class=" px-1 border well">&nbsp;</div></td>
</tr>
<tr>
<th><div class="small text-muted text-right">Purgatorio&nbsp;</div></th>
<td class="ui-widget-content ui-selectee" id="1_0"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_1"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_2"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_3"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_4"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_5"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_6"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_7"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_8"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_9"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_10"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_11"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_12"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_13"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_14"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_15"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_16"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_17"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_18"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_19"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_20"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_21"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_22"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_23"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_24"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_25"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_26"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_27"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_28"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_29"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_30"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_31"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="1_32"><div class=" px-1 border well">&nbsp;</div></td>
</tr>
<tr>
<th><div class="small text-muted text-right">Paradiso&nbsp;</div></th>
<td class="ui-widget-content ui-selectee" id="2_0"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_1"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_2"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_3"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_4"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_5"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_6"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_7"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_8"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_9"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_10"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_11"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_12"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_13"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_14"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_15"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_16"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_17"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_18"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_19"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_20"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_21"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_22"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_23"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_24"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_25"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_26"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_27"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_28"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_29"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_30"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_31"><div class=" px-1 border well">&nbsp;</div></td>
<td class="ui-widget-content ui-selectee" id="2_32"><div class=" px-1 border well">&nbsp;</div></td>
</tr>
</tbody>
</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>&nbsp
<button class="btn bg-light-gray b--gray btn-outline-primary" type="submit" id='searchcomm'>Cerca cat. gramm.</button>
<button class="btn btn-sm btn-outline-lida4 m-2 my-sm-0" type="submit" id='cleanresult' aria-expanded="false" aria-controls="collapseExample">
Reset
</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>