offtopic
/
punti-solidali


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
							<!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>