Skip to content

Instantly share code, notes, and snippets.

@gbvitrano

gbvitrano/.block

Last active May 14, 2021 09:51
Show Gist options
  • Save gbvitrano/c95bf7141e51d2029addfe0b92ae12b0 to your computer and use it in GitHub Desktop.
Save gbvitrano/c95bf7141e51d2029addfe0b92ae12b0 to your computer and use it in GitHub Desktop.
Download ZIP
Covid-19 | 2021 - Centri vaccinali in Sicilia
Raw
.block
license: mit
Raw
readme.md
Raw
index.html
<!DOCTYPE html>
<html lang="it">
<head>
<title>Covid-19 | 2021 - Centri vaccinali in Sicilia - By @OpenDataSicilia</title>
<meta charset="utf-8">
<meta http-equiv="content-language" content="IT">
<meta name="author" content="@aborruso, @totofiandaca e @gbvitrano per OpenDataSicilia.it">
<meta name="keywords" content="Open Data, Sicilia, covid-19, zone rosse, vaccino, centri vaccinali">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<META HTTP-EQUIV="refresh" CONTENT="600">
<meta name="description" content="Covid-19 | 2021 - Centri vaccinali in Sicilia - By @OpenDataSicilia">
<meta name="robots" content="index,follow">
<meta name="creation_Date" content="06/04/2021">
<!-- favicon -->
<link rel="shortcut icon" href="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/favicon.ico"/>
<link rel="icon" href="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/favicon.png" type="image/png"/>
<!-- Bootstrap core CSS -->
<link href="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- backTop CSS -->
<link href="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/css/backTop.css" rel="stylesheet" type="text/css" />
<!-- Custom styles for this template -->
<link href="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/css/css_gb.css" rel="stylesheet">
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://use.fontawesome.com/releases/v5.15.1/js/all.js" crossorigin="anonymous"></script>
<!-- Open Graph Protocol -->
<meta property="og:title" content="opendatasicilia" />
<meta property="og:description" content="Covid-19 | 2021 - Centri vaccinali in Sicilia - By @OpenDataSicilia." />
<meta property="og:url" content="http://bl.ocks.org/gbvitrano/raw/c95bf7141e51d2029addfe0b92ae12b0/" />
<meta property="article:author" content="@aborruso, @totofiandaca e @gbvitrano per Open Data Sicilia" />
<meta property="og:image" content="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/img/sicilia_centri_vaccinali.png" />
<meta property="og:site_name" content="palermohub.opendatasicilia.it" />
<!-- Open Graph Protocol -->
<!-- twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="opendatasicilia">
<meta name="twitter:description" content="Covid-19 | 2021 - Centri vaccinali in Sicilia - By @OpenDataSicilia.">
<meta name="twitter:image" content="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/img/sicilia_centri_vaccinali.png">
<meta name="twitter:creator" content="@aborruso, @totofiandaca e @gbvitrano per Open Data Sicilia">
<meta name="twitter:site" content="opendatasicilia.it" />
<meta name="twitter:url" content="https://opendatasicilia.it">
<!-- twitter -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87653723-4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-87653723-4');
</script>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
<div class="container">
<!--logo/associazione -->
<a class="navbar-brand js-scroll-trigger" title="@opendatasicilia" href="http://opendatasicilia.it/" target="_blank">@opendatasicilia</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<!-- menu dx -->
<a class="nav-link js-scroll-trigger" title="Perché questa pagina" href="#pro">Progetto</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" title="Mappa | Elenco dei Centri vaccinali in Sicilia 2021" href="#maps">Mappa</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" title="Elenco | Elenco dei Centri vaccinali in Sicilia 2021 " href="#tab">Elenco</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" title="COVID-19 | 2021 - Comuni siciliani attualmente in zona rossa" href="https://bl.ocks.org/gbvitrano/raw/664ac98fd51590d48290b70709a4ea48/" target="_blank">Comuni siciliani attualmente in zona rossa</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" title="La comunità OpenDataSicilia" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" title="Contatti/Social" href="#contact">Contatti</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- blocco header- titolo e sottotitolo -->
<header class="bg-primary text-white">
<div class="container text-center">
<h1>Covid-19 | 2021 - Centri vaccinali in Sicilia</h1>
<p class="lead"><strong>Nota:</strong> elaborazioni realizzate da un'idea di <strong>Totò Fiandaca</strong> | Perché i dati sono un <a href="https://www.datibenecomune.it/" title="#datibenecomune" target="_blank" style="color:#343A40;">▶️bene comune</a>
</p>
</div>
</header>
<!-- Primo blocco -->
<!-- <section id="pro">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<h2>Perché questa pagina</h2>
<p class="lead">La Regione Siciliana pubblica le ordinanze per le zone rosse solo tramite PDF (spesso sono fotocopie) e sono raccolte nel <a href="http://pti.regione.sicilia.it/portal/page/portal/PIR_PORTALE" title="Regione Siciliana" target="_blank">sito ufficiale</a> nella sezione SERVIZI INFORMATIVI | <a href="http://pti.regione.sicilia.it/portal/page/portal/PIR_PORTALE/PIR_Covid19OrdinanzePresidenzadellaRegione" title="SERVIZI INFORMATIVI | ORDINANZE COVID-19" target="_blank">ORDINANZE COVID-19</a>.
<br>
Per ovviare a questi brutti PDF, <a href="https://twitter.com/totofiandaca" title="Totò Fiandaca" target="_blank"><strong>Totò Fiandaca</strong></a> ha creato un <a href="https://docs.google.com/spreadsheets/d/14f2AUf3k3jP60sPkUhzqhSIFlTEuUFCfac9b-1_29jc/edit#gid=1669181736" title="Sheet Comuni siciliani in zona rossa - COVID-19" target="_blank"><strong>foglio elettronico </strong></a> dove ha scritto, dopo aver aperto uno ad uno tutte le ordinanze del 2021, i comuni in zona rossa e relativo intervallo temporale, compreso anche di eventuale proroga e link al PDF.
<br><br> <a href="https://docs.google.com/spreadsheets/d/e/2PACX-1vSA38rXb3R9B0lYUtHvgvr9aWcxwiYAxksTTAg-jIbe1qjGh2bGANgUlUnuynG-UL6U2iLY7rgPvuOH/pub?gid=1759652035&single=true&output=csv" title="Qui i dati in formato CSV" target="_blank">Qui i dati in formato CSV</a><br>
<a title="COVID-19 e i comuni siciliani in zona rossa anno 2021" href="http://opendatasicilia.it/2021/04/10/covid-19-e-i-comuni-siciliani-in-zona-rossa-anno-2021/" target="_blank">Qui il post su opendatasicilia.it</a></strong> con maggiori dettagli</p>
</p>
</div>
</div>
</div>
</section> -->
<!-- Secondo blocco-->
<section id="maps" class="bg-light">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<!--
<h2>2021 | Mappa Comuni siciliani attualmente in zona rossa</h2>
<p class="lead"> <br></p>
-->
<!-- inizio mappa -->
<iframe title="Covid-19 | 2021 - Centri vaccinali in Sicilia" aria-label="Map" id="datawrapper-chart-C1cbt" src="https://datawrapper.dwcdn.net/C1cbt/" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; border: none;" height="769"></iframe><script type="text/javascript">!function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}}))}();
</script>
<!-- fine mappa -->
<hr>
<p>👉 Se vuoi <strong>includere questa mappa</strong> sul tuo sito, copia il codice sottostante inserendolo su una
pagina o articolo</p>
<code class="card bg-light text-dark" style="
padding: 6px;
">&lt;iframe title="Covid-19 | 2021 - Centri vaccinali in Sicilia" aria-label="Mappa" id="datawrapper-chart-C1cbt" src="https://datawrapper.dwcdn.net/C1cbt/" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; border: none;" height="1767"&gt;&lt;/iframe&gt;&lt;script type="text/javascript"&gt;!function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&amp;&amp;(t.style.height=a.data["datawrapper-height"][e]+"px")}}))}();
&lt;/script&gt;</code>
</div>
</div>
</div>
</section>
<!-- blocco- elenco-->
<section id="tab" class="bg-light">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<!--
<h2>2021 | Elenco Comuni siciliani attualmente in zona rossa</h2>
<p class="lead"> <br></p>
-->
<!-- inizio tab 1 -->
<iframe title="Covid-19 | 2021 - Elenco dei Centri vaccinali in Sicilia" aria-label="Map" id="datawrapper-chart-sohfX" src="https://datawrapper.dwcdn.net/sohfX/" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; border: none;" height="4540"></iframe><script type="text/javascript">!function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&&(t.style.height=a.data["datawrapper-height"][e]+"px")}}))}();
</script>
<hr>
<p>👉 Se vuoi <strong>includere quest'elenco</strong> sul tuo sito, copia il codice sottostante inserendolo su una
pagina o articolo</p>
<code class="card bg-light text-dark" style="
padding: 6px;
">&lt;iframe title="Covid-19 | 2021 - Elenco dei Centri vaccinali in Sicilia" aria-label="Mappa" id="datawrapper-chart-sohfX" src="https://datawrapper.dwcdn.net/sohfX/" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; border: none;" height="4540"&gt;&lt;/iframe&gt;&lt;script type="text/javascript"&gt;!function(){"use strict";window.addEventListener("message",(function(a){if(void 0!==a.data["datawrapper-height"])for(var e in a.data["datawrapper-height"]){var t=document.getElementById("datawrapper-chart-"+e)||document.querySelector("iframe[src*='"+e+"']");t&amp;&amp;(t.style.height=a.data["datawrapper-height"][e]+"px")}}))}();
&lt;/script&gt;</code>
<!-- fine tab 1 -->
</div>
</div>
</div>
</section>
<!--Terzo blocco about -->
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<h2>La comunità OpenDataSicilia</h2>
<p class="lead"><strong><a href="https://groups.google.com/g/opendatasicilia" target="_blank">#OpenDataSicilia</a></strong>
è una iniziativa civica che si propone di far conoscere e diffondere la cultura dell&rsquo;open government e le prassi dell&rsquo;<strong>open data</strong> e aprire una discussione pubblica partecipata.
<br>Siamo accomunati dalla genuina volontà di contribuire a migliorare la qualità della vita delle nostre comunità e vogliamo farlo con spirito di collaborazione e concretezza.
<br> <br>
<strong>Disclaimer:</strong> Le informazioni visibili e condivise non comportano la visualizzazione di dati sensibili. Data la natura esclusivamente informativa degli elaborati grafici e dei testi riportati, questi non costituiscono atti ufficiali. Per accedere agli atti ufficiali si rinvia agli elaborati definitivi allegati alle specifiche deliberazioni.
</p>
</div>
</div>
</div>
</section>
<!--Quarto blocco Social -->
<section id="contact">
<div class="container">
<!-- <div class="row">
<div class="col-lg-12 mx-auto"> -->
<!-- <h2>Contatti:</h2> -->
<div class="row justify-content-center">
<!-- icone social -->
<div class="social-icons">
<!-- Social sito web -->
<a class="social-icon" href="http://opendatasicilia.it/" title="Sito web opendatasicilia.it" target="_blank"><i class="fab fa fa-globe"></i></a>
<!-- Social ML -->
<a class="social-icon" href="https://groups.google.com/d/forum/opendatasicilia" title="Google mailing list" target="_blank"><i class="fa fa-envelope"></i></a>
<!-- Social twitter -->
<a class="social-icon" href="https://twitter.com/opendatasicilia" title="Twitter" target="_blank"><i class="fab fa-twitter"></i></a>
<!-- Social facebook -->
<a class="social-icon" href="https://www.facebook.com/groups/opendatasicilia/" title="FaceBook" target="_blank" ><i class="fab fa-facebook"></i></a>
<!-- Social telegram -->
<a class="social-icon" href="https://t.me/opendatasicilia" title="Gruppo Telegram" target="_blank" ><i class="fab fa-telegram"></i></a>
<!-- Social github -->
<a class="social-icon" href="https://github.com/opendatasicilia" title="GitHub" target="_blank"><i class="fab fa-github"></i></a>
<!-- Social data.world -->
<a class="social-icon" href="#" title="data.world - Coming Soon" target="_blank" ><i class="fa fa-database"></i></a>
<!-- </div>
</div> -->
</div>
</div> </div>
</section>
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">2021 - <a href="https://twitter.com/opendatasicilia" title="@OpenDataSicilia" target="_blank">@OpenDataSicilia</a> - I contenuti di questa pagina sono pubblicati con <a href="http://creativecommons.org/licenses/by/4.0/" title="Attribution 4.0 International (CC BY 4.0)" target="_blank">licenza CC BY 4.0</a><br>
Template di base: <a href="https://startbootstrap.com/template/scrolling-nav" target="_blank" title="An attractive one page Bootstrap theme perfect for creative portfolios and businesses">Start Bootstrap - Creative</a></p>
</div>
<!-- /.container -->
</footer>
<!-- Script vari -->
<!-- Condivisione social -->
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-6053b218aa458d52"></script>
<!-- Bootstrap core JavaScript -->
<script src="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/vendor/jquery/jquery.min.js"></script>
<script src="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom JavaScript for this theme -->
<script src="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/js/scrolling-nav.js"></script>
<!-- script toptoback automatico mobile/desktop -->
<a id='backTop'>Back To Top</a>
<script type="text/javascript" src="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/js/jquery.backTop.min.js"></script>
<script>
$(document).ready( function() {
$('#backTop').backTop({
'position' : 400,
'speed' : 300,
'color' : 'red',
});
});
</script>
<!-- Barra progressione -->
<script type="text/javascript" src="https://gbvitrano.github.io/startbootstrap-scrolling-nav-gh-pages/js/prognroll_home.js"></script>
<script>
$(function() {
$("body").prognroll({
height: 4, //Progress bar height in pixels
color: "#ff9900", //Progress bar background color
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment