From bfbc26263662460c18a6f5ebed3d80d62309fbfa Mon Sep 17 00:00:00 2001
From: PicciHud <davidemp@e.email>
Date: Mon, 6 Jun 2022 17:36:25 +0200
Subject: [PATCH] Superata validazione W3C

---
 cellulare.html | 83 +++++++++++++++++++++++++-------------------------
 style.css      |  6 +++-
 2 files changed, 46 insertions(+), 43 deletions(-)

diff --git a/cellulare.html b/cellulare.html
index 1be63c0..e8f2e6d 100644
--- a/cellulare.html
+++ b/cellulare.html
@@ -82,7 +82,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/advance_privacy_murena_1.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Cosa sono i traccianti</p>
@@ -114,7 +114,7 @@
             <div class="spacer"></div>
 
             <div class="video">
-                <iframe title="e/Foundation alternativa a Google Android che rispetta la privacy" width="560" height="315" src="https://peertube.uno/videos/embed/8756b296-5b73-480f-8d8f-dddb2075dc00" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups"></iframe>
+                <iframe title="e/Foundation alternativa a Google Android che rispetta la privacy" width="560" height="315" src="https://peertube.uno/videos/embed/8756b296-5b73-480f-8d8f-dddb2075dc00" allowfullscreen="" sandbox="allow-same-origin allow-scripts"></iframe>
             </div>
 
             <div class="spacer"></div>
@@ -124,15 +124,14 @@
 
             <div class="spacer"></div>
 
-            <p><i style="font-style: italic;"> &quot;un programma è software libero per un dato utente se:
-                    <p><span class="dash">- </span>l’utente ha la libertà di <em>eseguire</em> il programma per qualsiasi scopo;</p>
-                    <p><span class="dash">- </span>l’utente ha la libertà di <em>modificare</em> il programma secondo i propri
-                        bisogni (perché questa libertà abbia qualche effetto, è necessario avere accesso al codice sorgente del programma);</p>
-                    <p><span class="dash">- </span>l’utente ha la libertà di <em>distribuire copie</em> del programma, gratuitamente
-                        o dietro compenso;</p>
-                    <p><span class="dash">- </span>l’utente ha la libertà di <em>distribuire versioni modificate</em> del programma,
-                        così che la comunità possa fruire dei miglioramenti apportati&quot;
-                </i>.</p>
+            <p> &quot;un programma è software libero per un dato utente se:</p>
+            <p><span class="dash">- </span>l’utente ha la libertà di <em>eseguire</em> il programma per qualsiasi scopo;</p>
+            <p><span class="dash">- </span>l’utente ha la libertà di <em>modificare</em> il programma secondo i propri
+                bisogni (perché questa libertà abbia qualche effetto, è necessario avere accesso al codice sorgente del programma);</p>
+            <p><span class="dash">- </span>l’utente ha la libertà di <em>distribuire copie</em> del programma, gratuitamente
+                o dietro compenso;</p>
+            <p><span class="dash">- </span>l’utente ha la libertà di <em>distribuire versioni modificate</em> del programma,
+                così che la comunità possa fruire dei miglioramenti apportati&quot;.</p>
 
             <div class="spacer"></div>
 
@@ -227,7 +226,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/droidify_home.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Droid-ify</p>
@@ -268,7 +267,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/aurora_store.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Aurora Store</p>
@@ -321,7 +320,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/kiss_search_online.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Ricerca online</p>
@@ -337,7 +336,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/kiss_homepage.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">La mia home</p>
@@ -387,7 +386,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/meeyo.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Meeyo Icon</p>
@@ -416,7 +415,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/signal.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Signal</p>
@@ -446,7 +445,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/fluffy.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Fluffy Chat</p>
@@ -464,7 +463,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/whatsapp_bot.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">WhatsApp Bridge</p>
@@ -484,7 +483,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/simple_gallery.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Simple Gallery</p>
@@ -537,7 +536,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/mull_extension.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Alcune estensioni installabili in Mull</p>
@@ -561,7 +560,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/duckduckgo.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">DuckDuckGo Browser</p>
@@ -615,7 +614,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/urlsanitizer.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">URLSanitizer</p>
@@ -633,7 +632,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/clima.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Clima</p>
@@ -654,7 +653,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/weaowweather1.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Weawow Weather</p>
@@ -705,7 +704,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/neobackup.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Neo Backup</p>
@@ -792,7 +791,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/pin.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">p!n</p>
@@ -818,7 +817,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/maps.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Organic Maps</p>
@@ -894,7 +893,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/tracker_control.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Tracker Control</p>
@@ -931,7 +930,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/afwall.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">AFwall++</p>
@@ -950,7 +949,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/adaway.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">AdAway</p>
@@ -972,7 +971,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/appmanager.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">App Manager</p>
@@ -996,7 +995,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/invizible.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">InviZible Pro</p>
@@ -1019,7 +1018,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/permissionruler_apps.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Permission Ruler</p>
@@ -1077,7 +1076,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/feeder.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Feeder</p>
@@ -1108,7 +1107,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/catima.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Catima</p>
@@ -1126,7 +1125,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/camera.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">GrapheneOS Camera</p>
@@ -1143,7 +1142,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/antennapod.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">AntennaPod</p>
@@ -1166,7 +1165,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/phonograph.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">Phonograph</p>
@@ -1206,7 +1205,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/ytwatcher.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">ytWatchBot</p>
@@ -1251,7 +1250,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/deepl.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">DeepL</p>
@@ -1269,7 +1268,7 @@
 
             <div class="spacer"></div>
 
-            <div id="gallery">
+            <div class="container_gallery">
                 <div class="gallery" style="background-image: url(./Img/Cellulare/posteid_trackers.jpg);">
                     <div class="galleryInfo">
                         <p class="galleryText">PosteID</p>
diff --git a/style.css b/style.css
index 11bd7ff..4f47f96 100644
--- a/style.css
+++ b/style.css
@@ -433,6 +433,10 @@ nav a:hover {
     overflow: hidden;
 }
 
+.video iframe {
+    border: none;
+}
+
 /*IMMAGINI*/
 
 .container_img {
@@ -450,7 +454,7 @@ nav a:hover {
 }
 
 /*Immagini verticali, in 16/9, come screen da cellulare: visualizzazione a galleria*/
-#gallery {
+.container_gallery {
     width: 100%;
     /*del Div in cui è contenuta*/
     display: flex;