Restyling Immagini

Sostituite immagini dei tiles con fotografie in bianco e nero per un'esperienza più uniforme
Modificate le pagine delle categorie con un solo servizio per usare lo stesso stile delle altre (con logo del servizio affiancato da titolo, breve descrizione e link)
Corretto voce per stanza Matrix nel footer (stanza solo su invito) e aggiunto indirizzo email corretto

_config.yml

@@ -6,7 +6,7 @@ baseurl: "/devol-website" # the subpath of your site, e.g. /blog
 url: https://LeonardoMantovani.github.io # the base hostname & protocol for your site
 
 # recapiti
-email: youremailaddress@protonmail.com
+email: admin@devol.it
 newsletter: https://buttondown.email/devol
 stanza-matrix: https://chat.mozilla.org/#/room/#mastodon:mozilla.org
 pagina-ko-fi: https://ko-fi.com/devol

_includes/footer.html

@@ -33,11 +33,9 @@
 			</section>
 			<section>
 				<div class="contact-method">
-					<a href="{{ site.stanza-matrix }}">
-						<span class="icon alt fedicon-matrix"></span>
-						<h3>Stanza Matrix</h3>
-					</a>
-					<!-- <a href="tel:{{ site.phone }}">{{ site.phone }}</a> -->
+					<span class="icon alt fedicon-matrix"></span>
+					<h3>Chatta con Noi</h3>
+					<p>Per chattare con noi su Matrix, chiedici l'invito alla stanza usando il form qui a fianco ;)</p>
 				</div>
 			</section>
 			<section>

tiles/eventi.md

@@ -1,15 +1,30 @@
 ---
-layout: post
+layout: landing
 title: Eventi
 description:
-image: assets/images/mobilizon.jpg
+image: assets/images/tiles-covers/eventi.jpg
 nav-menu: true
 ---
 
-## Mobilizon
+<!-- Main -->
+<div id="main">
 
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+<!-- Two -->
+<section id="two" class="spotlights">
+<section>
+  <img src="{{ site.baseurl }}/assets/images/logos/eventi/mobilizon.jpg" alt="">
+  <div class="content">
+    <div class="inner">
+      <header class="major">
+        <h3>Mobilizon</h3>
+      </header>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+      <ul class="actions">
+        <li><a href="https://mobilizon.it" class="button">Mobilizon.it</a></li>
+      </ul>
+    </div>
+  </div>
+</section>
+</section>
 
-<ul class="actions">
-  <li><a href="https://mobilizon.it" class="button">Mobilizon.it</a></li>
-</ul>
+</div>

tiles/file_sharing.md

@@ -1,15 +1,30 @@
 ---
-layout: post
+layout: landing
 title: Condivisione File
 description:
-image: assets/images/file_sharing.jpg
+image: assets/images/tiles-covers/file_sharing.jpg
 nav-menu: true
 ---
 
-## Jirafeau
+<!-- Main -->
+<div id="main">
 
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+<!-- Two -->
+<section id="two" class="spotlights">
+<section>
+  <img src="{{ site.baseurl }}/assets/images/logos/file_sharing/jirafeau.jpg" alt="">
+  <div class="content">
+    <div class="inner">
+      <header class="major">
+        <h3>Jirafeau</h3>
+      </header>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+      <ul class="actions">
+        <li><a href="https://jirafeau.devol.it" class="button">Jirafeau Devol</a></li>
+      </ul>
+    </div>
+  </div>
+</section>
+</section>
 
-<ul class="actions">
-  <li><a href="https://jirafeau.devol.it" class="button">Jirafeau Devol</a></li>
-</ul>
+</div>

tiles/gestore_password.md

@@ -2,7 +2,7 @@
 title: Gestore Password
 layout: landing
 description:
-image: assets/images/password1.jpg
+image: assets/images/tiles-covers/gestore_password.jpg
 nav-menu: true
 ---
 
@@ -22,7 +22,7 @@ nav-menu: true
 <!-- Two -->
 <section id="two" class="spotlights">
 	<section>
-		<img src="{{ site.baseurl }}/assets/images/bitwarden.jpg" alt="">
+		<img src="{{ site.baseurl }}/assets/images/logos/gestore_password/bitwarden.jpg" alt="">
 		<div class="content">
 			<div class="inner">
 				<header class="major">
@@ -36,7 +36,7 @@ nav-menu: true
 		</div>
 	</section>
 	<section>
-		<img src="{{ site.baseurl }}/assets/images/keeweb.jpg" alt="">
+		<img src="{{ site.baseurl }}/assets/images/logos/gestore_password/keeweb.jpg" alt="">
 		<div class="content">
 			<div class="inner">
 				<header class="major">

tiles/link_shortening.md

@@ -1,15 +1,30 @@
 ---
-layout: post
+layout: landing
 title: Link Shortening
 description:
-image: assets/images/link_shortening.jpg
+image: assets/images/tiles-covers/link_shortening.jpg
 nav-menu: true
 ---
 
-## Let's Shorten That Url
+<!-- Main -->
+<div id="main">
 
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+<!-- Two -->
+<section id="two" class="spotlights">
+<section>
+  <img src="{{ site.baseurl }}/assets/images/logos/link_shortening/lstu.jpg" alt="">
+  <div class="content">
+    <div class="inner">
+      <header class="major">
+        <h3>Let's Shorten That Url</h3>
+      </header>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+      <ul class="actions">
+        <li><a href="https://s.devol.it" class="button">LSTU Devol</a></li>
+      </ul>
+    </div>
+  </div>
+</section>
+</section>
 
-<ul class="actions">
-  <li><a href="https://s.devol.it" class="button">LSTU Devol</a></li>
-</ul>
+</div>

tiles/motori_di_ricerca.md

@@ -2,7 +2,7 @@
 title: Motori di Ricerca
 layout: landing
 description:
-image: assets/images/ricerca.jpg
+image: assets/images/tiles-covers/motori_di_ricerca.jpg
 nav-menu: true
 ---
 
@@ -12,7 +12,7 @@ nav-menu: true
 <!-- Two -->
 <section id="two" class="spotlights">
 	<section>
-		<img src="{{ site.baseurl }}/assets/images/searx.jpg" alt="">
+		<img src="{{ site.baseurl }}/assets/images/logos/motori_di_ricerca/searx.jpg" alt="">
 		<div class="content">
 			<div class="inner">
 				<header class="major">
@@ -26,7 +26,7 @@ nav-menu: true
 		</div>
 	</section>
 	<section>
-		<img src="{{ site.baseurl }}/assets/images/searchforplanet.jpg" alt="">
+		<img src="{{ site.baseurl }}/assets/images/logos/motori_di_ricerca/searchforplanet.jpg" alt="">
 		<div class="content">
 			<div class="inner">
 				<header class="major">

tiles/musica.md

@@ -1,15 +1,31 @@
 ---
-layout: post
+layout: landing
 title: Musica e Podcast
 description:
-image: assets/images/music.jpg
+image: assets/images/tiles-covers/musica.jpg
 nav-menu: true
 ---
 
-## Funkwhale
+<!-- Main -->
+<div id="main">
 
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+<!-- Two -->
+<section id="two" class="spotlights">
+<section>
+  <img src="{{ site.baseurl }}/assets/images/logos/musica/funkwhale.jpg" alt="">
+  <div class="content">
+    <div class="inner">
+      <header class="major">
+        <h3>Funkwhale</h3>
+      </header>
+      <strong>Ricordarsi di fare attenzione con il nome per chiarire che il progetto Funkwhale non è nostro</strong>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+      <ul class="actions">
+        <li><a href="https://funkwhale.it" class="button">Funkwhale.it</a></li>
+      </ul>
+    </div>
+  </div>
+</section>
+</section>
 
-<ul class="actions">
-  <li><a href="https://funkwhale.it" class="button">Funkwhale.it</a></li>
-</ul>
+</div>

tiles/social.md

@@ -2,7 +2,7 @@
 title: Social e Fediverso
 layout: landing
 description:
-image: assets/images/fediverse.jpg
+image: assets/images/tiles-covers/social.jpg
 nav-menu: true
 ---
 
@@ -36,7 +36,7 @@ nav-menu: true
 		</div>
 	</section>
 	<section>
-		<img src="{{ site.baseurl }}/assets/images/image-sharing.jpg" alt="">
+		<img src="{{ site.baseurl }}/assets/images/logos/social/image-sharing.jpg" alt="">
 		<div class="content">
 			<div class="inner">
 				<header class="major">
@@ -51,7 +51,7 @@ nav-menu: true
 		</div>
 	</section>
 	<section>
-		<img src="{{ site.baseurl }}/assets/images/writefreely.jpg" alt="">
+		<img src="{{ site.baseurl }}/assets/images/logos/social/writefreely.jpg" alt="">
 		<div class="content">
 			<div class="inner">
 				<header class="major">

tiles/sondaggi.md

@@ -1,15 +1,30 @@
 ---
-layout: post
+layout: landing
 title: Sondaggi
 description:
-image: assets/images/sondaggi.jpg
+image: assets/images/tiles-covers/sondaggi.jpg
 nav-menu: true
 ---
 
-## OpenSondage
+<!-- Main -->
+<div id="main">
 
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+<!-- Two -->
+<section id="two" class="spotlights">
+<section>
+  <img src="{{ site.baseurl }}/assets/images/logos/sondaggi/opensondage_temp.jpg" alt="">
+  <div class="content">
+    <div class="inner">
+      <header class="major">
+        <h3>OpenSondage</h3>
+      </header>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+      <ul class="actions">
+        <li><a href="https://opensondage.devol.it" class="button">Opensondage Devol</a></li>
+      </ul>
+    </div>
+  </div>
+</section>
+</section>
 
-<ul class="actions">
-  <li><a href="https://opensondage.devol.it" class="button">Opensondage Devol</a></li>
-</ul>
+</div>

tiles/testo_e_codice.md

@@ -2,7 +2,7 @@
 title: Condivisione Testo e Codice
 layout: landing
 description:
-image: assets/images/git-background.jpg
+image: assets/images/tiles-covers/testo_e_codice.jpg
 nav-menu: true
 ---
 
@@ -12,7 +12,7 @@ nav-menu: true
 <!-- Two -->
 <section id="two" class="spotlights">
 	<section>
-		<img src="{{ site.baseurl }}/assets/images/etherpad.jpg" alt="">
+		<img src="{{ site.baseurl }}/assets/images/logos/testo_e_codice/etherpad.jpg" alt="">
 		<div class="content">
 			<div class="inner">
 				<header class="major">
@@ -26,7 +26,7 @@ nav-menu: true
 		</div>
 	</section>
 	<section>
-		<img src="{{ site.baseurl }}/assets/images/hedgedoc.jpg" alt="">
+		<img src="{{ site.baseurl }}/assets/images/logos/testo_e_codice/hedgedoc.jpg" alt="">
 		<div class="content">
 			<div class="inner">
 				<header class="major">
@@ -40,7 +40,7 @@ nav-menu: true
 		</div>
 	</section>
 	<section>
-		<img src="{{ site.baseurl }}/assets/images/privatebin.jpg" alt="">
+		<img src="{{ site.baseurl }}/assets/images/logos/testo_e_codice/privatebin.jpg" alt="">
 		<div class="content">
 			<div class="inner">
 				<header class="major">
@@ -54,7 +54,7 @@ nav-menu: true
 		</div>
 	</section>
 	<section>
-		<img src="{{ site.baseurl }}/assets/images/gitea.jpg" alt="">
+		<img src="{{ site.baseurl }}/assets/images/logos/testo_e_codice/gitea.jpg" alt="">
 		<div class="content">
 			<div class="inner">
 				<header class="major">

tiles/video.md

@@ -2,7 +2,7 @@
 title: Video
 layout: landing
 description:
-image: assets/images/video.png
+image: assets/images/tiles-covers/video2.jpg
 nav-menu: true
 ---
 
@@ -12,7 +12,7 @@ nav-menu: true
 <!-- Two -->
 <section id="two" class="spotlights">
 	<section>
-		<img src="{{ site.baseurl }}/assets/images/peertube.jpg" alt="">
+		<img src="{{ site.baseurl }}/assets/images/logos/video/peertube.jpg" alt="">
 		<div class="content">
 			<div class="inner">
 				<header class="major">
@@ -28,7 +28,7 @@ nav-menu: true
 		</div>
 	</section>
 	<section>
-		<img src="{{ site.baseurl }}/assets/images/invidious.jpg" alt="">
+		<img src="{{ site.baseurl }}/assets/images/logos/video/invidious.jpg" alt="">
 		<div class="content">
 			<div class="inner">
 				<header class="major">
@@ -42,7 +42,7 @@ nav-menu: true
 		</div>
 	</section>
 	<section>
-		<img src="{{ site.baseurl }}/assets/images/alltubedownload.jpg" alt="">
+		<img src="{{ site.baseurl }}/assets/images/logos/video/alltubedownload.jpg" alt="">
 		<div class="content">
 			<div class="inner">
 				<header class="major">