From 01f56998789708f6d3c34fc61a4ed87b7e6dde68 Mon Sep 17 00:00:00 2001
From: Luca Trupiano <luca.trupiano@isti.cnr.it>
Date: Mon, 14 Nov 2022 13:22:41 +0100
Subject: [PATCH] lista canti cliccabile

---
 index_2.0.html | 119 ++++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 107 insertions(+), 12 deletions(-)

diff --git a/index_2.0.html b/index_2.0.html
index af8ec92..5fe43d7 100644
--- a/index_2.0.html
+++ b/index_2.0.html
@@ -98,10 +98,41 @@
 						<div id="collapseOne" class="collapse show"
 							aria-labelledby="headingOne" data-parent="#accordion">
 							<div class="card-body">
-							<span class="navig-canto small text-muted" name="InfernoCanto 1" href="#" style="line-height: 1.2em">1</span>
-							<span class="small text-muted">
-							 2 3 4 5 6 7 8 9 <mark>10</mark><sup class="text-primary font-weight-bold">4</sup> 11 12 13 14 15
-								16 17 18 19 20 <mark>21</mark><sup class="text-primary font-weight-bold">10</sup> 22 23 24 25 26 27 28 29 30 31 32 33 34</span></div>
+								<span class="navig-canto small text-muted" name="InfernoCanto 1" href="#" style="line-height: 1.2em">1</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 2" href="#" style="line-height: 1.2em">2</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 3" href="#" style="line-height: 1.2em">3</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 4" href="#" style="line-height: 1.2em">4</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 5" href="#" style="line-height: 1.2em">5</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 6" href="#" style="line-height: 1.2em">6</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 7" href="#" style="line-height: 1.2em">7</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 8" href="#" style="line-height: 1.2em">8</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 9" href="#" style="line-height: 1.2em">9</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 10" href="#" style="line-height: 1.2em">10</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 11" href="#" style="line-height: 1.2em">11</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 12" href="#" style="line-height: 1.2em">12</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 13" href="#" style="line-height: 1.2em">13</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 14" href="#" style="line-height: 1.2em">14</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 15" href="#" style="line-height: 1.2em">15</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 16" href="#" style="line-height: 1.2em">16</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 17" href="#" style="line-height: 1.2em">17</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 18" href="#" style="line-height: 1.2em">18</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 19" href="#" style="line-height: 1.2em">19</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 20" href="#" style="line-height: 1.2em">20</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 21" href="#" style="line-height: 1.2em">21</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 22" href="#" style="line-height: 1.2em">22</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 23" href="#" style="line-height: 1.2em">23</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 24" href="#" style="line-height: 1.2em">24</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 25" href="#" style="line-height: 1.2em">25</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 26" href="#" style="line-height: 1.2em">26</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 27" href="#" style="line-height: 1.2em">27</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 28" href="#" style="line-height: 1.2em">28</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 29" href="#" style="line-height: 1.2em">29</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 30" href="#" style="line-height: 1.2em">30</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 31" href="#" style="line-height: 1.2em">31</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 32" href="#" style="line-height: 1.2em">32</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 33" href="#" style="line-height: 1.2em">33</span>
+								<span class="navig-canto small text-muted" name="InfernoCanto 34" href="#" style="line-height: 1.2em">34</span>
+							</div>
 						</div>
 					</div>
 					<div class="card">
@@ -112,10 +143,42 @@
 									aria-controls="collapseTwo">Purgatorio</button>
 							</h5>
 						</div>
-						<div id="collapseTwo" class="collapse"
-							aria-labelledby="headingTwo" data-parent="#accordion">
-							<div class="card-body"><span class="small text-muted">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
-								16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33</span></div>
+						<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
+							<div class="card-body">
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 1" href="#" style="line-height: 1.2em">1</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 2" href="#" style="line-height: 1.2em">2</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 3" href="#" style="line-height: 1.2em">3</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 4" href="#" style="line-height: 1.2em">4</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 5" href="#" style="line-height: 1.2em">5</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 6" href="#" style="line-height: 1.2em">6</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 7" href="#" style="line-height: 1.2em">7</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 8" href="#" style="line-height: 1.2em">8</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 9" href="#" style="line-height: 1.2em">9</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 10" href="#" style="line-height: 1.2em">10</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 11" href="#" style="line-height: 1.2em">11</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 12" href="#" style="line-height: 1.2em">12</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 13" href="#" style="line-height: 1.2em">13</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 14" href="#" style="line-height: 1.2em">14</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 15" href="#" style="line-height: 1.2em">15</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 16" href="#" style="line-height: 1.2em">16</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 17" href="#" style="line-height: 1.2em">17</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 18" href="#" style="line-height: 1.2em">18</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 19" href="#" style="line-height: 1.2em">19</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 20" href="#" style="line-height: 1.2em">20</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 21" href="#" style="line-height: 1.2em">21</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 22" href="#" style="line-height: 1.2em">22</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 23" href="#" style="line-height: 1.2em">23</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 24" href="#" style="line-height: 1.2em">24</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 25" href="#" style="line-height: 1.2em">25</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 26" href="#" style="line-height: 1.2em">26</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 27" href="#" style="line-height: 1.2em">27</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 28" href="#" style="line-height: 1.2em">28</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 29" href="#" style="line-height: 1.2em">29</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 30" href="#" style="line-height: 1.2em">30</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 31" href="#" style="line-height: 1.2em">31</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 32" href="#" style="line-height: 1.2em">32</span>
+								<span class="navig-canto small text-muted" name="PurgatorioCanto 33" href="#" style="line-height: 1.2em">33</span>
+							</div>
 						</div>
 					</div>
 					<div class="card">
@@ -126,10 +189,42 @@
 									aria-controls="collapseThree">Paradiso</button>
 							</h5>
 						</div>
-						<div id="collapseThree" class="collapse"
-							aria-labelledby="headingThree" data-parent="#accordion">
-							<div class="card-body"><span class="small text-muted">1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
-								16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33</span></div>
+						<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
+							<div class="card-body">
+								<span class="navig-canto small text-muted" name="ParadisoCanto 1" href="#" style="line-height: 1.2em">1</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 2" href="#" style="line-height: 1.2em">2</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 3" href="#" style="line-height: 1.2em">3</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 4" href="#" style="line-height: 1.2em">4</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 5" href="#" style="line-height: 1.2em">5</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 6" href="#" style="line-height: 1.2em">6</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 7" href="#" style="line-height: 1.2em">7</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 8" href="#" style="line-height: 1.2em">8</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 9" href="#" style="line-height: 1.2em">9</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 10" href="#" style="line-height: 1.2em">10</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 11" href="#" style="line-height: 1.2em">11</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 12" href="#" style="line-height: 1.2em">12</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 13" href="#" style="line-height: 1.2em">13</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 14" href="#" style="line-height: 1.2em">14</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 15" href="#" style="line-height: 1.2em">15</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 16" href="#" style="line-height: 1.2em">16</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 17" href="#" style="line-height: 1.2em">17</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 18" href="#" style="line-height: 1.2em">18</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 19" href="#" style="line-height: 1.2em">19</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 20" href="#" style="line-height: 1.2em">20</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 21" href="#" style="line-height: 1.2em">21</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 22" href="#" style="line-height: 1.2em">22</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 23" href="#" style="line-height: 1.2em">23</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 24" href="#" style="line-height: 1.2em">24</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 25" href="#" style="line-height: 1.2em">25</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 26" href="#" style="line-height: 1.2em">26</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 27" href="#" style="line-height: 1.2em">27</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 28" href="#" style="line-height: 1.2em">28</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 29" href="#" style="line-height: 1.2em">29</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 30" href="#" style="line-height: 1.2em">30</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 31" href="#" style="line-height: 1.2em">31</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 32" href="#" style="line-height: 1.2em">32</span>
+								<span class="navig-canto small text-muted" name="ParadisoCanto 33" href="#" style="line-height: 1.2em">33</span>
+							</div>
 						</div>
 					</div>
 				</div>