Add first interactive map attempt

This commit is contained in:
2021-10-18 12:31:24 +02:00
parent 8945c2fcd7
commit 23cb5b2ec5
6 changed files with 183 additions and 72 deletions

View File

@@ -42,8 +42,9 @@
<div class="container">
<div class="columns">
<div class="column col-lg-6 col-sm-12 col-md-12 of-hidden">
<img src="img/mappa.png" title="Apri la mappa interattiva" alt="Mappa dei percorsi a Fara Sabina" id="map">
<!-- <canvas></canvas> -->
<a href="map.html">
<img src="img/mappa.png" title="Apri la mappa interattiva" alt="Mappa dei percorsi a Fara Sabina" id="map">
</a>
</div>
<div class="column col-lg-6 col-sm-12 col-md-12 pl-xl roboto-slab-l" id="itin-c">
<h2>Il borgo storico in tappe</h2>
@@ -101,7 +102,7 @@
<img src="img/thumbs/thumb_viaggiatore.jpg" alt="Viaggiatore #1">
</a>
</div>
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 pl-lg">
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2">
<h3 class="lilac mb-2 text-italic text-bold">
Il viaggiatore #1
</h3>
@@ -467,25 +468,6 @@
</div>
</div>
</section>
<div class="modal modal-lg modal-fullheight" id="mod-vid">
<a href="#close" class="modal-overlay" aria-label="Close"></a>
<div class="modal-container">
<div class="modal-header">
<a href="#close" class="btn btn-clear float-right" title="Close" aria-label="Close"></a>
<div class="modal-title h5"></div>
</div>
<div class="modal-body">
<div class="content" id="mod-cont">
<video controls>
<source src="assets/video/vid_prologo.mp4" type="video/mp4">
Il browser non supporta i video integrati.
</video>
</div>
</div>
<!-- <div class="modal-footer">
</div> -->
</div>
</div>
</main>
<footer class="roboto">
<p id="copy">&copy; Avviso pubblico Beni Culturali e Turismo POR FESR Lazio 2014-2020</p>