Merge branch 'aca/devel' into 'master'

fix navbar + link twitter + img centralina

See merge request !2

public/fcub.css

@@ -59,3 +59,21 @@ body {
     font-weight: 600;
 }
 
+.link-twitter {
+    background-color: rgba(0, 0, 0, 0.6);
+    border: 1px solid #2bd137;
+    border-radius: 10px;
+    width: min-content;
+    margin: 0 auto;
+}
+
+.link-twitter:hover {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+
+.link-twitter a {
+    color: #2bd137;
+    text-decoration-color: #2bd137;
+    font-weight: 400;
+    font-size: 20px;
+}

public/index.html

@@ -23,19 +23,22 @@
                     <li class="nav-item">
                         <a class="nav-link" href="https://fcub.milanoscaloromana.it">#FCUB <span class="sr-only">(current)</span></a>
                     </li>
+                    <li class="nav-item active">
+                        <a class="nav-link" href="https://pm.milanoscaloromana.it">#DatiAmbientali 24h</a>
+                    </li>
                     <li class="nav-item">
-                        <a class="nav-link" href="https://pm.milanoscaloromana.it">#avg24hPM</a>
+                        <a class="nav-link" href="https://www.partecipami.it/infodiscs/view/36010" target="_blank" rel="noopener noreferrer">#partecipaMi</a>
                     </li>
                 </ul>
             </div>
         </nav>
         <div class="container charts">
             <div class="row">
-                <div id="pm-wrapper" class="chart mb-4 col-12 col-md-6 text-center">
-                </div>
                 <div class="mb-4 col-12 col-md-6 text-center">
                     <img alt="Centralina" title="Fuori come un balcone!" src="assets/LW12TERPM.jpg" class="img-fluid centralina" />
                 </div>
+                <div id="pm-wrapper" class="chart mb-4 col-12 col-md-6 text-center">
+                </div>
             </div>
             <div class="row">
                 <div id="rh-wrapper" class="chart mb-4 col-12 col-md-6 text-center">
@@ -44,6 +47,11 @@
                 </div>
             </div>
         </div>
+        <div class="container">
+            <div class="link-twitter mt-4 p-2 text-center">
+                <a href="https://twitter.com/hashtag/FuoriComeUnBalcone?src=hash" target="_BLANK" >#FuoriComeUnBalcone</a>
+            </div>
+        </div>
         <div class="footer text-center mt-4 bg-green">
             <a href="data/MILANO_SCALO_ROMANA_PARTICULATE_MATTER_annual_series_2019.csv">Air Pollution particulate matter (PM) - 2019 annual series</a>&nbsp;
             &bullet;&nbsp;<a href="https://git.fluidware.it/milanoscaloromana/fcub/" target="_blank">Read me + sources</a>