diff --git a/assets/favicon.ico b/assets/favicon.ico
index fe04e39..538423a 100644
Binary files a/assets/favicon.ico and b/assets/favicon.ico differ
diff --git a/contact.html b/contact.html
index f06ba42..5f25f0d 100644
--- a/contact.html
+++ b/contact.html
@@ -26,13 +26,14 @@
 		<link rel="stylesheet" href="deps/bulma.min.css">
 		<script src="deps/jquery.min.js"></script>
 		<script src="deps/fontawesome.min.js"></script>
-		
+		<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
+
 		<meta charset="UTF-8" />
 		<meta name="author" content="MassiveBox" />
 		<meta name="description" content="MassiveBox is a free time developer and FOSS enthusiast. Here you can contact him." />
 		<meta name="keywords" content="developer, web, backend, telegram, session, massive, box, massivebox" />
-		
-		<script>
+
+		<script async>
 			$(document).ready(function() {
 
 			  // Check for click events on the navbar burger icon
@@ -45,34 +46,18 @@
 			  });
 			});
 		</script>
-		
-		<!-- Matomo -->
-		<script type="text/javascript">
-		  var _paq = window._paq = window._paq || [];
-		  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-		  _paq.push(['trackPageView']);
-		  _paq.push(['enableLinkTracking']);
-		  (function() {
-			var u="//matomo.massivebox.eu.org/";
-			_paq.push(['setTrackerUrl', u+'matomo.php']);
-			_paq.push(['setSiteId', '1']);
-			var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-			g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
-		  })();
-		</script>
-		<!-- End Matomo Code -->
-		
+
 	</head>
-	
+
 	<body>
-		
-		
-		<section class="hero is-primary" style="padding: 2vw 7vw 2vw 7vw; background: #04032d !important">
-			
+
+
+		<section class="hero is-primary" style="padding: 2vw 7vw 2vw 7vw; background: #050732 !important">
+
 			<nav class="navbar" role="navigation" aria-label="main navigation">
 				<div class="navbar-brand">
 					<a class="navbar-item" href="./">
-						<img src="assets/navlogo.png" alt="Navigation bar logo">
+						<img src="assets/navlogo.jpg" alt="Navigation bar logo">
 						<div style="width: 15px"></div>
 						<p class="is-size-4"><b><i>MassiveBox</i></b></p>
 					</a>
@@ -92,7 +77,7 @@
 				</div>
 			</nav>
 		</section>
-		
+
 		<section class="section is-medium">
 			<div id="header">
 				<p class="title">Contact me</p>
@@ -110,7 +95,7 @@
 				</ul>
 			</div>
 			<div id="maurizio">
-				<img src="assets/maurizio.png" alt="Maurizio the Cat">
+				<img src="assets/maurizio.jpg" alt="Maurizio the Cat">
 				<p class="subtitle"><a href="https://t.me/ilgattomaurizio">Gatto Maurizio</a> doesn't look happy about you being a robot.</p>
 				<button class="button is-success is-light" onclick="showcontact();">I'm not a robot anymore, Maurizio please spare me</button>
 			</div>
@@ -120,17 +105,17 @@
 				<button class="button is-danger is-light" onclick="showcontact();">No</button>
 			</div>
 		</section>
-		
+
 		<script>
 			$("#maurizio").hide();
 			$("#contact").hide();
-			
+
 			function showmaurizio() {
 				$("#maurizio").show();
 				$("#header").hide();
 				$("#riddle").hide();
 			}
-			
+
 			function showcontact() {
 				$("#header").show();
 				$("#maurizio").hide();
@@ -138,7 +123,7 @@
 				$("#riddle").hide();
 			}
 		</script>
-		
+
 		<footer class="footer">
 			<div class="content has-text-centered">
 				<p>
@@ -148,6 +133,6 @@
 				</p>
 			</div>
 		</footer>
-	
+
 	</body>
 </html>
diff --git a/index.html b/index.html
index aeaa86d..fe24ccb 100644
--- a/index.html
+++ b/index.html
@@ -19,20 +19,21 @@
 -->
 
 <html lang="en">
-	<head>		
+	<head>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<title>Home - MassiveBox</title>
 		<link rel="stylesheet" href="deps/bulma.min.css">
 		<script src="deps/jquery.min.js"></script>
 		<script src="deps/fontawesome.min.js"></script>
-		
+		<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
+
 		<meta charset="UTF-8" />
 		<meta name="author" content="MassiveBox" />
 		<meta name="description" content="MassiveBox is a free time developer and FOSS enthusiast. This is his website." />
 		<meta name="keywords" content="developer, web, backend, telegram, session, massive, box, massivebox" />
-		
-		<script>
+
+		<script async>
 			$(document).ready(function() {
 
 			  // Check for click events on the navbar burger icon
@@ -45,34 +46,25 @@
 			  });
 			});
 		</script>
-		
-		<!-- Matomo -->
-		<script type="text/javascript">
-		  var _paq = window._paq = window._paq || [];
-		  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-		  _paq.push(['trackPageView']);
-		  _paq.push(['enableLinkTracking']);
-		  (function() {
-			var u="//matomo.massivebox.eu.org/";
-			_paq.push(['setTrackerUrl', u+'matomo.php']);
-			_paq.push(['setSiteId', '1']);
-			var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-			g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
-		  })();
-		</script>
-		<!-- End Matomo Code -->
 
 	</head>
-	
+
 	<body>
-		
-		
-		<section class="hero is-primary is-fullheight" style="padding: 2vw 7vw 2vw 7vw; background: #04032d !important">
-			
+
+		<section class="hero is-small is-black">
+			<div class="hero-body">
+			  <p>
+				This website is available on <u><a href="https://lokinet.org/" target="_blank" rel="noopener noreferrer">Lokinet</a></u>: <u><a href="http://i455hht9c6q6nsw3gk66wdheoo9yteauhjsdumi333ajpor86pay.loki/">SNApp URL</a></u>.
+			  </p>
+			</div>
+		  </section>
+
+		<section class="hero is-primary is-fullheight" style="padding: 2vw 7vw 2vw 7vw; background: #050732 !important">
+
 			<nav class="navbar" role="navigation" aria-label="main navigation">
 				<div class="navbar-brand">
 					<a class="navbar-item" href="./">
-						<img src="assets/navlogo.png" alt="Navigation bar logo">
+						<img src="assets/navlogo.jpg" alt="Navigation bar logo">
 						<div style="width: 15px"></div>
 						<p class="is-size-4"><b><i>MassiveBox</i></b></p>
 					</a>
@@ -91,19 +83,29 @@
 					</div>
 				</div>
 			</nav>
-		
-		
-		
+
+
+
 			<div class="hero-body">
 				<table style="width: 100%">
 					<tr>
-						<td style=""><p align="center"><img src="assets/spinning.gif" alt="spinning box" class="is-hidden-touch" style="width: 257px"></p></td><!-- Desktop -->
+						<td style=""><p align="center">
+                            <video autoplay loop muted playsinline class="is-hidden-touch" style="width: 257px">
+                              <source src="assets/spinning.webm" type="video/webm">
+                              <source src="assets/spinning.mp4" type="video/mp4">
+                            </video>
+                        </p></td><!-- Desktop -->
 						<td>
 							<div>
-								<p align="center"><img src="assets/spinning.gif" alt="spinning box" class="is-hidden-desktop" style="width: 257px"></p><!-- Mobile -->
-								
+								<p align="center">
+                                    <video autoplay loop muted playsinline class="is-hidden-desktop" style="width: 257px">
+                                      <source src="assets/spinning.webm" type="video/webm">
+                                      <source src="assets/spinning.mp4" type="video/mp4">
+                                    </video>
+                                </p><!-- Mobile -->
+
 								<p class="title" align="center" style="font-size: 9vw;"><b><i>MassiveBox</i></b></h1><!-- Desktop -->
-								
+
 								<p class="is-size-5" align="center">Yup. That's me.</p>
 							</div>
 						</td>
@@ -111,7 +113,7 @@
 				</table>
 			</div>
 		</section>
-		
+
 		<section class="section">
 			<p class="title">Who am I</p>
 			<p class="subtitle">
@@ -123,7 +125,7 @@
 			<a rel="me" href="https://c.im/@massivebox"><button class="button is-link">Mastodon</button></a>
 			<a href="https://github.com/massivebox"><button class="button is-link">GitHub</button></a>
 		</section>
-		
+
 		<section class="hero is-medium is-link">
 			<div class="hero-body">
 				<p class="title">Stuff I know (kind of)</p>
@@ -131,7 +133,7 @@
 					<div class="column is-2">
 						<div class="card" style="height: 100%">
 							<div class="card-image">
-								<figure class="image is-1by1"><img src="assets/homeicons/go.png" alt="go's logo"></figure>
+								<figure class="image is-1by1"><img src="assets/homeicons/go.jpg" alt="go's logo" loading="lazy"></figure>
 							</div>
 							<div class="card-content">
 								<p><b>Go</b></p>
@@ -142,7 +144,7 @@
 					<div class="column is-2">
 						<div class="card" style="height: 100%">
 							<div class="card-image">
-								<figure class="image is-1by1"><img src="assets/homeicons/front.png" alt="html, javascript, css"></figure>
+								<figure class="image is-1by1"><img src="assets/homeicons/front.jpg" alt="html, javascript, css" loading="lazy"></figure>
 							</div>
 							<div class="card-content">
 								<p><b>HTML, CSS, JavaScript/JQuery</b></p>
@@ -153,7 +155,7 @@
 					<div class="column is-2">
 						<div class="card" style="height: 100%">
 							<div class="card-image">
-								<figure class="image is-1by1"><img src="assets/homeicons/linux.png" alt="linux tux"></figure>
+								<figure class="image is-1by1"><img src="assets/homeicons/linux.jpg" alt="linux tux" loading="lazy"></figure>
 							</div>
 							<div class="card-content">
 								<p><b>Linux</b></p>
@@ -164,7 +166,7 @@
 					<div class="column is-2">
 						<div class="card" style="height: 100%">
 							<div class="card-image">
-								<figure class="image is-1by1"><img src="assets/homeicons/c.png" alt="c logo"></img></figure>
+								<figure class="image is-1by1"><img src="assets/homeicons/c.jpg" alt="c logo" loading="lazy"></img></figure>
 							</div>
 							<div class="card-content">
 								<p><b>C</b></p>
@@ -175,7 +177,7 @@
 					<div class="column is-2">
 						<div class="card" style="height: 100%">
 							<div class="card-image">
-								<figure class="image is-1by1"><img src="assets/homeicons/py.png" alt="python logo"></figure>
+								<figure class="image is-1by1"><img src="assets/homeicons/py.jpg" alt="python logo" loading="lazy"></figure>
 							</div>
 							<div class="card-content">
 								<p><b>Python</b></p>
@@ -186,7 +188,7 @@
 					<div class="column is-2">
 						<div class="card" style="height: 100%">
 							<div class="card-image">
-								<figure class="image is-1by1"><img src="assets/homeicons/sql.png" alt="mysql logo"></figure>
+								<figure class="image is-1by1"><img src="assets/homeicons/sql.jpg" alt="mysql logo" loading="lazy"></figure>
 							</div>
 							<div class="card-content">
 								<p><b>SQL</b></p>
@@ -199,7 +201,7 @@
 					<div class="column is-2">
 						<div class="card" style="height: 100%">
 							<div class="card-image">
-								<figure class="image is-1by1"><img src="assets/homeicons/docker.png" alt="docker logo"></figure>
+								<figure class="image is-1by1"><img src="assets/homeicons/docker.jpg" alt="docker logo" loading="lazy"></figure>
 							</div>
 							<div class="card-content">
 								<p><b>Docker</b></p>
@@ -210,7 +212,7 @@
 					<div class="column is-2">
 						<div class="card" style="height: 100%">
 							<div class="card-image">
-								<figure class="image is-1by1"><img src="assets/homeicons/compose.png" alt="compose logo"></figure>
+								<figure class="image is-1by1"><img src="assets/homeicons/compose.jpg" alt="compose logo" loading="lazy"></figure>
 							</div>
 							<div class="card-content">
 								<p><b>Docker Compose</b></p>
@@ -221,7 +223,7 @@
 					<div class="column is-2">
 						<div class="card" style="height: 100%">
 							<div class="card-image">
-								<figure class="image is-1by1"><img src="assets/homeicons/redis.png" alt="redis logo"></figure>
+								<figure class="image is-1by1"><img src="assets/homeicons/redis.jpg" alt="redis logo" loading="lazy"></figure>
 							</div>
 							<div class="card-content">
 								<p><b>Redis</b></p>
@@ -232,7 +234,7 @@
 					<div class="column is-2">
 						<div class="card" style="height: 100%">
 							<div class="card-image">
-								<figure class="image is-1by1"><img src="assets/homeicons/mongo.png" alt="mongodb logo"></figure>
+								<figure class="image is-1by1"><img src="assets/homeicons/mongo.jpg" alt="mongodb logo" loading="lazy"></figure>
 							</div>
 							<div class="card-content">
 								<p><b>MongoDB</b></p>
@@ -243,7 +245,7 @@
 					<div class="column is-2">
 						<div class="card" style="height: 100%">
 							<div class="card-image">
-								<figure class="image is-1by1"><img src="assets/homeicons/php.png" alt="php logo"></figure>
+								<figure class="image is-1by1"><img src="assets/homeicons/php.jpg" alt="php logo" loading="lazy"></figure>
 							</div>
 							<div class="card-content">
 								<p><b>PHP</b></p>
@@ -254,7 +256,7 @@
 					<div class="column is-2">
 						<div class="card" style="height: 100%">
 							<div class="card-image">
-								<figure class="image is-1by1"><img src="assets/homeicons/jamstack.png" alt="jamstack image"></figure>
+								<figure class="image is-1by1"><img src="assets/homeicons/jamstack.jpg" alt="jamstack image" loading="lazy"></figure>
 							</div>
 							<div class="card-content">
 								<p><b>Jamstack</b></p>
@@ -265,15 +267,15 @@
 				</div>
 			</div>
 		</section>
-		
+
 		<section class="section">
 			<p class="title">What's happening</p>
 			<p>Feed from my <a href="https://c.im/@massivebox">Mastodon profile</a></p>
 			<div id="mastodonfeed" style="overflow-x: hidden; overflow-y: auto; height: 50vh; margin-top: 5px">
-			
+
 			</div>
 		</section>
-		
+
 		<script src="deps/rss-parser.min.js"></script>
 		<script>
 
@@ -289,12 +291,12 @@
 						<article class="media" style="padding: 10px">
 						  <figure class="media-left">
 							<p class="image is-64x64">
-							  <a href="`+entry.link+`"><img src="assets/navlogo.png" alt="My profile picture"></a>
+							  <a href="`+entry.link+`"><img src="assets/avatar.jpg" alt="My profile picture"></a>
 							</p>
 						  </figure>
 						  <div class="media-content">
 							<div class="content">
-							  <p><strong>MassiveBox</strong>  <small><a href="https://c.im/@massivebox">massivebox@c.im</a></small>  <small>`+date.getDate()+"/"+(date.getMonth()+1)+"/"+date.getFullYear()+`</small></p>
+							  <p><strong>MassiveBox</strong>  <small><a href="https://c.im/@massivebox" target="_blank" rel="noopener noreferrer">massivebox@c.im</a></small>  <small>`+date.getDate()+"/"+(date.getMonth()+1)+"/"+date.getFullYear()+`</small></p>
 							  `+entry.content+`
 							</div>
 						  </div>
@@ -305,7 +307,7 @@
 		})
 
 		</script>
-		
+
 		<footer class="footer">
 			<div class="content has-text-centered">
 				<p>
diff --git a/projects.html b/projects.html
index 93e91c2..fe2c650 100644
--- a/projects.html
+++ b/projects.html
@@ -26,13 +26,14 @@
 		<link rel="stylesheet" href="deps/bulma.min.css">
 		<script src="deps/jquery.min.js"></script>
 		<script src="deps/fontawesome.min.js"></script>
-		
+		<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
+
 		<meta charset="UTF-8" />
 		<meta name="author" content="MassiveBox" />
 		<meta name="description" content="MassiveBox is a free time developer and FOSS enthusiast. Here you can see his projects." />
 		<meta name="keywords" content="developer, web, backend, telegram, session, massive, box, massivebox" />
-		
-		<script>
+
+		<script async>
 			$(document).ready(function() {
 
 			  // Check for click events on the navbar burger icon
@@ -45,34 +46,18 @@
 			  });
 			});
 		</script>
-		
-		<!-- Matomo -->
-		<script type="text/javascript">
-		  var _paq = window._paq = window._paq || [];
-		  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-		  _paq.push(['trackPageView']);
-		  _paq.push(['enableLinkTracking']);
-		  (function() {
-			var u="//matomo.massivebox.eu.org/";
-			_paq.push(['setTrackerUrl', u+'matomo.php']);
-			_paq.push(['setSiteId', '1']);
-			var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-			g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
-		  })();
-		</script>
-		<!-- End Matomo Code -->
-		
+
 	</head>
-	
+
 	<body>
-		
-		
-		<section class="hero is-primary" style="padding: 2vw 7vw 2vw 7vw; background: #04032d !important">
-			
+
+
+		<section class="hero is-primary" style="padding: 2vw 7vw 2vw 7vw; background: #050732 !important">
+
 			<nav class="navbar" role="navigation" aria-label="main navigation">
 				<div class="navbar-brand">
 					<a class="navbar-item" href="./">
-						<img src="assets/navlogo.png" alt="Navigation bar logo">
+						<img src="assets/navlogo.jpg" alt="Navigation bar logo">
 						<div style="width: 15px"></div>
 						<p class="is-size-4"><b><i>MassiveBox</i></b></p>
 					</a>
@@ -92,7 +77,7 @@
 				</div>
 			</nav>
 		</section>
-		
+
 		<section class="hero is-medium is-link">
 			<div class="hero-body">
 				<p class="title" align="center">My Projects</p>
@@ -101,32 +86,32 @@
 					<div class="subtitle columns">
 						<div class="column is-2">
 							<a href="https://t.me/PallaMagica_Bot" target="_blank" rel="noopener noreferrer">
-								<img src="assets/projects/palla.png" alt="PallaMagica">
+								<img src="assets/projects/palla.jpg" alt="PallaMagica">
 							</a>
 						</div>
 						<div class="column is-2">
 							<a href="https://codeberg.org/massivebox/retrofw-jiljil" target="_blank" rel="noopener noreferrer">
-								<img src="assets/projects/jiljil.png" alt="RetroFW JilJil">
+								<img src="assets/projects/jiljil.jpg" alt="RetroFW JilJil">
 							</a>
 						</div>
 						<div class="column is-2">
 							<a href="https://codeberg.org/massivebox/retrofw-2048" target="_blank" rel="noopener noreferrer">
-								<img src="assets/projects/2048.png" alt="RetroFW 2048">
+								<img src="assets/projects/2048.jpg" alt="RetroFW 2048">
 							</a>
 						</div>
 						<div class="column is-2">
 							<a href="https://deletedbot.eu.org">
-								<img src="assets/projects/deletedbot.png" alt="DeletedBot">
+								<img src="assets/projects/deletedbot.jpg" alt="DeletedBot">
 							</a>
 						</div>
 						<div class="column is-2">
 							<a href="https://forum.cavestory.org/threads/keroflex-is-a-cool-little-way-to-share-your-keroblaster-boss-rush-time-with-the-world.15331/" target="_blank" rel="noopener noreferrer">
-								<img src="assets/projects/keroflex.png" alt="KeroFlex">
+								<img src="assets/projects/keroflex.jpg" alt="KeroFlex">
 							</a>
 						</div>
 						<div class="column is-2">
 							<a href="https://hub.docker.com/r/massiveboxe/session-open-group" target="_blank" rel="noopener noreferrer">
-								<img src="assets/projects/sogs.png" alt="SOGS Docker">
+								<img src="assets/projects/sogs.jpg" alt="SOGS Docker">
 							</a>
 						</div
 					</div>
@@ -136,41 +121,41 @@
 					<div class="subtitle columns is-mobile">
 						<div class="column is-one-third">
 							<a href="https://t.me/PallaMagica_Bot" target="_blank" rel="noopener noreferrer">
-								<img src="assets/projects/palla.png" alt="PallaMagica">
+								<img src="assets/projects/palla.jpg" alt="PallaMagica">
 							</a>
 						</div>
 						<div class="column is-one-third">
 							<a href="https://codeberg.org/massivebox/retrofw-jiljil" target="_blank" rel="noopener noreferrer">
-								<img src="assets/projects/jiljil.png" alt="RetroFW JilJil">
+								<img src="assets/projects/jiljil.jpg" alt="RetroFW JilJil">
 							</a>
 						</div>
 						<div class="column is-one-third">
 							<a href="https://codeberg.org/massivebox/retrofw-2048" target="_blank" rel="noopener noreferrer">
-								<img src="assets/projects/2048.png" alt="RetroFW 2048">
+								<img src="assets/projects/2048.jpg" alt="RetroFW 2048">
 							</a>
 						</div>
 					</div>
 					<div class="subtitle columns is-mobile">
 						<div class="column is-one-third">
 							<a href="https://deletedbot.eu.org">
-								<img src="assets/projects/deletedbot.png" alt="DeletedBot">
+								<img src="assets/projects/deletedbot.jpg" alt="DeletedBot">
 							</a>
 						</div>
 						<div class="column is-one-third">
 							<a href="https://forum.cavestory.org/threads/keroflex-is-a-cool-little-way-to-share-your-keroblaster-boss-rush-time-with-the-world.15331/" target="_blank" rel="noopener noreferrer">
-								<img src="assets/projects/keroflex.png" alt="KeroFlex">
+								<img src="assets/projects/keroflex.jpg" alt="KeroFlex">
 							</a>
 						</div>
 						<div class="column is-one-third">
 							<a href="https://hub.docker.com/r/massiveboxe/session-open-group" target="_blank" rel="noopener noreferrer">
-								<img src="assets/projects/sogs.png" alt="SOGS Docker">
+								<img src="assets/projects/sogs.jpg" alt="SOGS Docker">
 							</a>
 						</div
 					</div>
 				</div>
 			</div>
 		</section>
-		
+
 		<footer class="footer">
 			<div class="content has-text-centered">
 				<p>
@@ -180,6 +165,6 @@
 				</p>
 			</div>
 		</footer>
-	
+
 	</body>
 </html>
