punti-solidali/index.html

153 lines
5.4 KiB
HTML
Raw Normal View History

2020-04-20 22:04:28 +02:00
<!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" />
2020-04-22 21:43:59 +02:00
<link rel="stylesheet" href="bootstrap.min.css" />
2020-04-20 22:04:28 +02:00
<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>
2020-04-22 21:43:59 +02:00
<iframe
2020-04-20 22:04:28 +02:00
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>
2020-04-22 21:43:59 +02:00
<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 -->
2020-04-20 22:04:28 +02:00
<div id="footer" style="z-index:50;">
<ul id="legenda">
<li>
<img
2021-02-10 23:43:54 +01:00
src="https://img.icons8.com/color/344/handshake.png"
2020-04-20 22:04:28 +02:00
class="centered"
2021-02-10 23:43:54 +01:00
alt="Brigata di zona"
2020-04-20 22:04:28 +02:00
height="48"
width="48"
/>
2021-02-10 23:43:54 +01:00
<h6>Brigata di zona</h6>
2020-04-20 22:04:28 +02:00
</li>
<li>
<img
2021-02-10 23:43:54 +01:00
src="https://img.icons8.com/color/344/warehouse.png"
2020-04-20 22:04:28 +02:00
class="centered"
2021-02-10 23:43:54 +01:00
alt="Spazi polifunzionali"
2020-04-20 22:04:28 +02:00
height="48"
width="48"
/>
2021-02-10 23:43:54 +01:00
<h6>Spazi polifunzionali</h6>
2020-04-20 22:04:28 +02:00
</li>
<li>
<img
2021-02-10 23:43:54 +01:00
src="https://img.icons8.com/color/344/book-and-pencil.png"
2020-04-20 22:04:28 +02:00
class="centered"
2021-02-10 23:43:54 +01:00
alt="Istruzione e salute"
2020-04-20 22:04:28 +02:00
height="48"
width="48"
/>
2021-02-10 23:43:54 +01:00
<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>
2020-04-20 22:04:28 +02:00
</li>
<li>
<img
src="https://img.icons8.com/color/48/000000/ingredients.png"
class="centered"
2021-02-10 23:43:54 +01:00
alt="Pasti e punti raccolta"
2020-04-20 22:04:28 +02:00
height="48"
width="48"
/>
2021-02-10 23:43:54 +01:00
<h6>Pasti e punti raccolta</h6>
2020-04-20 22:04:28 +02:00
</li>
2021-02-10 23:43:54 +01:00
<!-- <li>
<img
src="http://umap.openstreetmap.fr/uploads/pictogram/roadblock-24.png"
class="centered"
alt="Inattivi"
height="48"
width="48"
/>
<h6>Inattivi</h6>
</li> -->
2020-04-20 22:04:28 +02:00
</ul>
</div>
2020-04-22 21:43:59 +02:00
<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>
2020-04-20 22:04:28 +02:00
</body>
</html>