diff --git a/_includes/footer.html b/_includes/footer.html
index aab8ea2..505bfa3 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -33,7 +33,7 @@
 				</a>
 
 				<!-- Telegram -->
-				<a href="https://t.me/xplosionmind" target="_blank" rel="noopener noreferrer" title="iscriviti al mio canale Telegram">
+				<a href="https://t.me/quitsocialmedia" target="_blank" rel="noopener noreferrer" title="iscriviti al mio canale Telegram">
 					<svg class="button" style="enable-background:new 0 0 242.667 242.667" version="1.1" viewBox="0 0 242.67 242.67" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
 <path d="m162.44 86.061-54.044 50.235c-1.899 1.765-3.126 4.135-3.473 6.704l-1.839 13.641c-0.245 1.82-2.806 2.003-3.308 0.237l-7.08-24.875c-0.808-2.839 0.37-5.87 2.883-7.418l65.484-40.334c1.175-0.723 2.388 0.87 1.377 1.81zm80.224-86.061v242.67h-242.67v-242.67h242.67zm-54.002 58.301-137.51 53.047c-3.39 1.308-3.364 6.114 0.04 7.385l33.505 12.507 12.97 41.708c0.831 2.671 4.099 3.656 6.267 1.888l18.677-15.226c1.958-1.596 4.744-1.674 6.788-0.19l33.689 24.459c2.319 1.684 5.604 0.414 6.187-2.392l24.675-118.7c0.637-3.061-2.37-5.613-5.288-4.487z" style="fill:var(--primary)"/>
 					</svg>
@@ -90,7 +90,7 @@
 				</a>
 
 				<!-- Telegram -->
-				<a href="https://t.me/xplosionmind" target="_blank" rel="noopener noreferrer" title="join my Telegram channel!">
+				<a href="https://t.me/quitsocialmedia" target="_blank" rel="noopener noreferrer" title="join the Telegram channel">
 					<svg class="button" style="enable-background:new 0 0 242.667 242.667" version="1.1" viewBox="0 0 242.67 242.67" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
 <path d="m162.44 86.061-54.044 50.235c-1.899 1.765-3.126 4.135-3.473 6.704l-1.839 13.641c-0.245 1.82-2.806 2.003-3.308 0.237l-7.08-24.875c-0.808-2.839 0.37-5.87 2.883-7.418l65.484-40.334c1.175-0.723 2.388 0.87 1.377 1.81zm80.224-86.061v242.67h-242.67v-242.67h242.67zm-54.002 58.301-137.51 53.047c-3.39 1.308-3.364 6.114 0.04 7.385l33.505 12.507 12.97 41.708c0.831 2.671 4.099 3.656 6.267 1.888l18.677-15.226c1.958-1.596 4.744-1.674 6.788-0.19l33.689 24.459c2.319 1.684 5.604 0.414 6.187-2.392l24.675-118.7c0.637-3.061-2.37-5.613-5.288-4.487z" style="fill:var(--primary)"/>
 					</svg>
diff --git a/_includes/header.html b/_includes/header.html
index a4dca61..4dbaf46 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,15 +1,42 @@
+<script src="https://code.jquery.com/jquery-3.5.0.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
+<script>
+(function($) { // Begin jQuery
+  $(function() { // DOM ready
+    // If a link has a dropdown, add sub menu toggle.
+    $('nav ul li a:not(:only-child)').click(function(e) {
+      $(this).siblings('.nav-dropdown').toggle();
+      // Close one dropdown when selecting another
+      $('.nav-dropdown').not($(this).siblings()).hide();
+      e.stopPropagation();
+    });
+    // Clicking away from dropdown will remove the dropdown class
+    $('html').click(function() {
+      $('.nav-dropdown').hide();
+    });
+    // Toggle open and close nav styles on click
+    $('#nav-toggle').click(function() {
+      $('nav ul').slideToggle();
+    });
+    // Hamburger to X toggle
+    $('#nav-toggle').on('click', function() {
+      this.classList.toggle('active');
+    });
+  }); // end DOM ready
+})(jQuery); // end jQuery
+</script>
 <body>
 	{% case include.lang %}
 	{% when 'it' %}
 	<section class="navigation">
 		<div class="nav-container">
 		<nav>
+		<div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
 				<ul class="nav-list">
 					<li><a href="/it/home">Home</a></li>
- 	       			<li><a href="/it/about">About</a></li>
+					<!--	<li><a href="/it/about">About</a></li> -->
 					<!--	<li><a href="/it/news">News</a></li> -->
         			<li><a href="/it/manifesto">Manifesto</a></li>
-					<li><a href="#!"><svg width="30" height="30" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.0583 0 0 .0583 .0836 1.17)" style="fill:var(--primary);stroke-width:17.2"><path d="m212 124c-22.2 12.4-38.3 33.8-43.8 58.7h40.4c0.43-20.6 1.57-40.4 3.36-58.7z"/><path d="m268 114c0-0.1-6.31-0.83-12.2-0.83-5.92 0-12.2 0.73-12.2 0.83-2.55 20.9-4.14 44.4-4.67 69.2h33.8c-0.53-24.8-2.12-48.3-4.67-69.2z"/><path d="m167 213c3.52 28.4 20.5 53.1 45.2 66.8-2.03-20.7-3.22-43.3-3.5-66.8z"/><path d="m244 290c8.1 1.1 16.4 1.1 24.5 0.02 2.83-23.2 4.47-49.5 4.81-77.2h-34.1c0.34 27.7 1.98 54 4.81 77.2z"/><path d="m300 280c24.7-13.7 41.7-38.4 45.2-66.8h-41.7c-0.28 23.5-1.47 46.1-3.5 66.8z"/><path d="m343 183c-5.5-24.9-21.6-46.3-43.8-58.7 1.79 18.3 2.93 38.1 3.36 58.7z"/><path d="m0 18.9v364h295l73.4 110 72.3-110h71.2v-364zm285 298c-76.6 19.3-152-39.6-149-120 2.07-54.4 40.5-98.3 90-111 45.6-11.5 92.8 4.74 122 40 54.8 66.7 22.3 169-63.1 191z"/></g></svg></a>
+					<li><a href="#!"><svg width="30" height="30" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.0573 0 0 .0573 .344 .295)" style="fill:var(--primary);stroke-width:17.5"><path d="m384 63c35.8 0 65 29.2 65 65 0 8.28 6.72 15 15 15s15-6.72 15-15c0-52.4-42.6-95-95-95-8.28 0-15 6.72-15 15s6.72 15 15 15z"/><path d="m128 449c-35.8 0-65-29.2-65-65 0-8.28-6.72-15-15-15s-15 6.72-15 15c0 52.4 42.6 95 95 95 8.28 0 15-6.72 15-15s-6.72-15-15-15z"/><path d="m149 231-7.25 21.7c-2.09 6.29-7.95 10.3-14.2 10.3-10.2 0-17.5-10-14.2-19.7l48-144c2.04-6.13 7.77-10.3 14.2-10.3s12.2 4.13 14.2 10.3l24.6 73.8c37.8-28.2 83.6-42.2 130-40.4-19-76.1-87.9-133-170-133-96.5 0-175 78.5-175 175 0 81.9 56.5 151 133 170-1.53-39.5 8.38-79.1 29.5-114z"/><path d="m337 163c-96.4 0-175 78.2-175 175s78.2 175 175 175 175-78.2 175-175-78.2-175-175-175zm-55.6 241c-6.46 5.2-15.9 4.11-21.1-2.34-5.18-6.47-4.13-15.9 2.34-21.1 22.9-18.3 31.2-59.5 33.6-85.3h-24.2c-8.28 0-15-6.72-15-15s6.72-15 15-15h40c8.28 0 15 6.72 15 15 0 3.56-0.52 87.6-45.6 124zm119-68.7h-17v73c0 8.28-6.72 15-15 15s-15-6.72-15-15v-144c0-8.28 6.72-15 15-15s15 6.72 15 15v41h17c8.28 0 15 6.72 15 15s-6.72 15-15 15z"/><path d="m159 201h33c-2.79-8.36 0.261 0.797-16.5-49.6z"/></g></svg></a>
 						<ul class="nav-dropdown">
 							{% for cosa in site.pages %}
 							{% if cosa.ref == page.ref %}
@@ -31,10 +58,10 @@
 			<div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
 				<ul class="nav-list">
 					<li><a href="/home">Home</a></li>
- 	       			<li><a href="/about">About</a></li>
+					<!-- <li><a href="/about">About</a></li> -->
 				<!--	<li><a href="/news">News</a></li> -->
 					<li><a href="/manifesto">Manifesto</a></li>
-					<li><a href="#!"><svg width="30" height="30" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.0583 0 0 .0583 .0836 1.17)" style="fill:var(--primary);stroke-width:17.2"><path d="m212 124c-22.2 12.4-38.3 33.8-43.8 58.7h40.4c0.43-20.6 1.57-40.4 3.36-58.7z"/><path d="m268 114c0-0.1-6.31-0.83-12.2-0.83-5.92 0-12.2 0.73-12.2 0.83-2.55 20.9-4.14 44.4-4.67 69.2h33.8c-0.53-24.8-2.12-48.3-4.67-69.2z"/><path d="m167 213c3.52 28.4 20.5 53.1 45.2 66.8-2.03-20.7-3.22-43.3-3.5-66.8z"/><path d="m244 290c8.1 1.1 16.4 1.1 24.5 0.02 2.83-23.2 4.47-49.5 4.81-77.2h-34.1c0.34 27.7 1.98 54 4.81 77.2z"/><path d="m300 280c24.7-13.7 41.7-38.4 45.2-66.8h-41.7c-0.28 23.5-1.47 46.1-3.5 66.8z"/><path d="m343 183c-5.5-24.9-21.6-46.3-43.8-58.7 1.79 18.3 2.93 38.1 3.36 58.7z"/><path d="m0 18.9v364h295l73.4 110 72.3-110h71.2v-364zm285 298c-76.6 19.3-152-39.6-149-120 2.07-54.4 40.5-98.3 90-111 45.6-11.5 92.8 4.74 122 40 54.8 66.7 22.3 169-63.1 191z"/></g></svg></a>
+					<li><a href="#!"><svg width="30" height="30" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.0573 0 0 .0573 .344 .295)" style="fill:var(--primary);stroke-width:17.5"><path d="m384 63c35.8 0 65 29.2 65 65 0 8.28 6.72 15 15 15s15-6.72 15-15c0-52.4-42.6-95-95-95-8.28 0-15 6.72-15 15s6.72 15 15 15z"/><path d="m128 449c-35.8 0-65-29.2-65-65 0-8.28-6.72-15-15-15s-15 6.72-15 15c0 52.4 42.6 95 95 95 8.28 0 15-6.72 15-15s-6.72-15-15-15z"/><path d="m149 231-7.25 21.7c-2.09 6.29-7.95 10.3-14.2 10.3-10.2 0-17.5-10-14.2-19.7l48-144c2.04-6.13 7.77-10.3 14.2-10.3s12.2 4.13 14.2 10.3l24.6 73.8c37.8-28.2 83.6-42.2 130-40.4-19-76.1-87.9-133-170-133-96.5 0-175 78.5-175 175 0 81.9 56.5 151 133 170-1.53-39.5 8.38-79.1 29.5-114z"/><path d="m337 163c-96.4 0-175 78.2-175 175s78.2 175 175 175 175-78.2 175-175-78.2-175-175-175zm-55.6 241c-6.46 5.2-15.9 4.11-21.1-2.34-5.18-6.47-4.13-15.9 2.34-21.1 22.9-18.3 31.2-59.5 33.6-85.3h-24.2c-8.28 0-15-6.72-15-15s6.72-15 15-15h40c8.28 0 15 6.72 15 15 0 3.56-0.52 87.6-45.6 124zm119-68.7h-17v73c0 8.28-6.72 15-15 15s-15-6.72-15-15v-144c0-8.28 6.72-15 15-15s15 6.72 15 15v41h17c8.28 0 15 6.72 15 15s-6.72 15-15 15z"/><path d="m159 201h33c-2.79-8.36 0.261 0.797-16.5-49.6z"/></g></svg></a>
 						<ul class="nav-dropdown">
 							{% for cosa in site.pages %}
 							{% if cosa.ref == page.ref %}
diff --git a/pages/home.html b/pages/home.html
index 04e9f88..ea2d919 100644
--- a/pages/home.html
+++ b/pages/home.html
@@ -16,7 +16,7 @@ ref: home
 
 <div class="row" id="why">
 	<div class="one column">
-		<article style="padding: var(--height) 10%">
+		<article>
 			<p>
 				Hi, I’m Tommi.
 				<br />
diff --git a/pages/notes.md b/pages/notes.md
index 06bed7b..ef7f9ae 100644
--- a/pages/notes.md
+++ b/pages/notes.md
@@ -1,8 +1,9 @@
 ---
+layout: page
 permalink: /notes
 title: Notes
 ---
-Sorry, content in this page are random, pretty messed up and both in English and Italian, since these are quick notes for the website and manifesto creation.
+Content in this page are random, pretty messed up and both in English and Italian, since these are quick notes for the website and manifesto creation.
 {:.warning}
 
 ## Resources
@@ -32,12 +33,19 @@ L’idea è quella di redarre un manifesto che unisca e raccolga tutti i motivi
 
 ## Arguments
 
+- There's no history, archive or any sort of record for **ads**: posts are visible and invisible, they appear, accomplish their job, and then they vanish immediately, forever.
+- what is shown you have no control over what you're shown
+- they foster division and polarization
+- It's not just a few ads: lies are fostered
+
+```
 1. paradosso della libertà di espressione contro il monopolio dei mezzi di comunicazione
 2. impatto ambientale
 3. ricavi economici ("regalo likes")
 4. cenni di privacy (è uno degli argomenti che più sta a cuore alle società digitali del momento: non occorre focalizzarsi su questo)
 5. tempo "perso"
-6. chi possiede i dati?
+6. chi possiede i dati?)
+```
 
 <br>
 
diff --git a/pages/roadmap.md b/pages/roadmap.md
index 5df36a5..02518cb 100644
--- a/pages/roadmap.md
+++ b/pages/roadmap.md
@@ -1,7 +1,8 @@
 ---
+layout: page
 title: Roadmap
 permalink: /roadmap
 ---
 1. Finish the website and share the idea
 1. Backup and data portability from accounts
-1. Replace followed accounts with [RSS feeds](https://politepol.com/en/) and newsletter subscriptions, where possible
\ No newline at end of file
+1. Replace followed accounts with [RSS feeds](https://politepol.com/en/) and newsletter subscriptions, where possible
diff --git a/style.css b/style.css
index f0f5b06..9511a97 100644
--- a/style.css
+++ b/style.css
@@ -471,6 +471,11 @@ footer {
 .navigation a, .navigation a:hover, .navigation a:focus {
 	text-decoration: none
 }
+.nav-container {
+	max-width: 100%;
+	height: var(--height);
+	background: var(--primary)
+}
 nav {
 	float: right;
 }
@@ -487,7 +492,7 @@ nav ul li {
 }
 nav ul li a, nav ul li a:visited {
 	display: block;
-	padding: 0 15px;
+	padding: 0 var(--lessthan-regular);
 	line-height: var(--height);
 	height: var(--height);
 	text-decoration: none;
@@ -527,6 +532,34 @@ nav ul li ul li a {
 }
 
 @media only screen and (max-width: 1000px) {
+	.nav-mobile {
+		display: block
+	}
+	nav {
+		margin-right: 0;
+		text-align: right
+	}
+	nav ul {
+		display: none
+	}
+	nav ul li {
+	  float: none
+	}
+	nav ul li a {
+		padding: var(--lessthan-regular) var(--big);
+		line-height: var(--morethan-regular)
+	}
+	nav ul li ul li a {
+		padding-right: 4.5rem
+	}
+	.nav-dropdown {
+		position: static;
+		overflow: scroll
+	}
+	.post-title {
+		width: 96%;
+		margin-left: 2%
+	}
 	h1, h2 {
 		text-align: center
 	}
@@ -608,15 +641,6 @@ nav ul li ul li a {
 #stuff-tree {
 	margin: var(--height) calc(100% / 3)
 }
-#comments {
-	display: none;
-	visibility: hidden;
-	transition: var(--trans) sliding-vertically
-}
-#comments-button {
-	display: block;
-	margin: var(--regular) auto
-}
 
 /* FOOTER */
 footer p {
