punti-solidali/index.html
2021-02-10 23:43:54 +01:00

152 lines
5.4 KiB
HTML
Executable file
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<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"
/>
<!-- Primary Meta Tags -->
<meta name="title" content="Mappa Punti Solidali Milano" />
<meta
name="description"
content="Mappa Punti solidali nella città di milano e dintorni, punti per donazioni di alimenti, spesa sospesa, pasti gratuiti o a prezzo solidale."
/>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta
property="og:url"
content="https://www.offtopiclab.org/punti-solidali/"
/>
<meta property="og:title" content="Mappa Punti Solidali Milano" />
<meta
property="og:description"
content="Mappa Punti solidali nella città di milano e dintorni, punti per donazioni di alimenti, spesa sospesa, pasti gratuiti o a prezzo solidale."
/>
<meta
property="og:image"
content="https://www.offtopiclab.org/punti-solidali/mappapuntisolidali.png"
/>
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta
property="twitter:url"
content="https://www.offtopiclab.org/punti-solidali/"
/>
<meta property="twitter:title" content="Mappa Punti Solidali Milano" />
<meta
property="twitter:description"
content="Mappa Punti solidali nella città di milano e dintorni, punti per donazioni di alimenti, spesa sospesa, pasti gratuiti o a prezzo solidale."
/>
<meta
property="twitter:image"
content="https://www.offtopiclab.org/punti-solidali/mappapuntisolidali.png"
/>
</head>
<body>
<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>
<img
src="https://img.icons8.com/color/344/handshake.png"
class="centered"
alt="Brigata di zona"
height="48"
width="48"
/>
<h6>Brigata di zona</h6>
</li>
<li>
<img
src="https://img.icons8.com/color/344/warehouse.png"
class="centered"
alt="Spazi polifunzionali"
height="48"
width="48"
/>
<h6>Spazi polifunzionali</h6>
</li>
<li>
<img
src="https://img.icons8.com/color/344/book-and-pencil.png"
class="centered"
alt="Istruzione e salute"
height="48"
width="48"
/>
<h6>Istruzione e salute</h6>
</li>
<li>
<img
src="https://img.icons8.com/color/344/crowd.png"
class="centered"
alt="Singoli e gruppi informali"
height="48"
width="48"
/>
<h6>Singoli e gruppi informali</h6>
</li>
<li>
<img
src="https://img.icons8.com/color/48/000000/ingredients.png"
class="centered"
alt="Pasti e punti raccolta"
height="48"
width="48"
/>
<h6>Pasti e punti raccolta</h6>
</li>
<!-- <li>
<img
src="http://umap.openstreetmap.fr/uploads/pictogram/roadblock-24.png"
class="centered"
alt="Inattivi"
height="48"
width="48"
/>
<h6>Inattivi</h6>
</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>