PicciHud
/
beopen-code
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Superata validazione W3C

This commit is contained in:
PicciHud 2022-06-06 17:36:25 +02:00
parent 6160d0c0df
commit bfbc262636
2 changed files with 46 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
cellulare.html
View File

@ -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>

6
style.css
View File

@ -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;