|
@@ -8,6 +8,7 @@
|
|
|
/>
|
|
|
<title>Mappa Punti Solidali Milano</title>
|
|
|
<link rel="stylesheet" href="style-ps.css" />
|
|
|
+ <link rel="stylesheet" href="bootstrap.min.css" />
|
|
|
<link
|
|
|
href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap"
|
|
|
rel="stylesheet"
|
|
@@ -50,11 +51,32 @@
|
|
|
/>
|
|
|
</head>
|
|
|
<body>
|
|
|
- <iframe
|
|
|
+ <iframe
|
|
|
style="position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:10;"
|
|
|
allowfullscreen
|
|
|
src="//umap.openstreetmap.fr/en/map/mappapuntisolidali_440667?scaleControl=false&miniMap=false&scrollWheelZoom=true&zoomControl=true&allowEdit=false&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=undefined&captionBar=false"
|
|
|
></iframe>
|
|
|
+ <div id="info">
|
|
|
+ <a href="javascript:;"><img class="js-static-modal-toggle" src="https://img.icons8.com/material-two-tone/48/000000/info--v1.png"/> </a>
|
|
|
+ </div>
|
|
|
+ <!-- Modale -->
|
|
|
+ <div id="static-modal" class="modal" tabindex="-1" role="dialog">
|
|
|
+ <div class="modal-dialog">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
+ <h4 class="modal-title">Inforrmazioni e segnalazioni</h4>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <p>Per segnalazioni scrivere a: mappapuntisolidali@inventati.org</p>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
|
+ </div>
|
|
|
+ </div><!-- /.modal-content -->
|
|
|
+ </div><!-- /.modal-dialog -->
|
|
|
+ </div><!-- /.modal -->
|
|
|
+ <!-- Modale FIne -->
|
|
|
<div id="footer" style="z-index:50;">
|
|
|
<ul id="legenda">
|
|
|
<li>
|
|
@@ -99,5 +121,12 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
+ <script src="lib/modal.min.js"></script>
|
|
|
+ <script>
|
|
|
+ document.querySelector('.js-static-modal-toggle').addEventListener('click', function() {
|
|
|
+ console.log('puupameLO DAVVERO');
|
|
|
+ new Modal({el: document.getElementById('static-modal')}).show();
|
|
|
+ });
|
|
|
+ </script>
|
|
|
</body>
|
|
|
</html>
|