From f860fca110756cf97ddbe6272762268600473331 Mon Sep 17 00:00:00 2001
From: Tommi <surfing@tommi.space>
Date: Wed, 9 Mar 2022 13:20:48 +0100
Subject: [PATCH] fix nav

---
 _includes/nav.html | 78 ++++++++++++++++++++++++++++------------------
 1 file changed, 48 insertions(+), 30 deletions(-)
diff --git a/_includes/nav.html b/_includes/nav.html
index a33e015..6e6a4a5 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,30 +1,48 @@
-<header id='nav' class='nav'>
-	<a id='home' href='{% case page.lang %}{% when 'it' %}/it/home{% when 'fr' %}/fr/home{% else %}/home{% endcase %}' title='Home'>Quit Social Media</a>
-	<nav>
-		<label class='nav-mobile' for='menutoggle'><span></span></label>
-		<input type='checkbox' id='menutoggle'>
-		<ul class='nav-list'>
-			<li>{% case page.lang %}{% when 'it' %}<a href='/info' title='Informazioni su questo sito'>Info{% when 'fr' %}<a href='/àPropos' title='À propos de ce site-ci'>À propos{% else %}<a href='/about'>About{% endcase %}</a></li>
-			<li>{% case page.lang %}{% when 'it' %}<a href='/perché' title='Perché'>Perché{% when 'fr' %}<a href='/pourquoi' title='Pourquoi'>Pourquoi{% else %}<a href='/why'>Why{% endcase %}</a></li>
-			<li>{% case page.lang %}{% when 'it' %}<a href='/ma' title='Obiezioni'><q>Ma…</q>{% when 'fr' %}<a href='/mais' title='Objections et réponses'><q>Mais…</q></a>{% else %}<a href='/but'><q>But…</q>{% endcase %}</a></li>
-			<li>{% case page.lang %}{% when 'it' %}<a href='/percorso' title='Percorso'>Percorso{% when 'fr' %}<a href='/chemin' title='Chemin'>Chemin</a>{% else %}<a href='/path'>Path{% endcase %}</a></li>
-			<li>{% case page.lang %}{% when 'it' %}<a href='/soluzioni' title='Soluzioni'>Soluzioni{% when 'fr' %}<a href='/solutions' title='Solutions et alternatives'>Solutions</a>{% else %}<a href='/solutions' title='Solutions and alternatives'>Solutions{% endcase %}</a></li>
-			<li><a href='{% case page.lang %}{% when 'it' %}/it/faq' title='Obiezioni e risposte{% when 'fr' %}/fr/faq' title='Objections et réponses{% else %}/faq' title='Objections and Replies{% endcase %}'>FAQ</a></li>
-			{% unless page.ref == nil %}
-				<li class='dropdown'>
-					<label for='langtoggle' title='language selector'>🌍</label>
-					<input type='checkbox' id='langtoggle'>
-					<ul class='lang-list'>
-					{% for cosa in site.pages %}{% if cosa.ref == page.ref %}
-						<li>
-							<a href='{{ cosa.url }}' class='{{ cosa.lang }}' hreflang='{{ cosa.lang }}' lang='{{ cosa.lang }}'>{% case cosa.lang %}
-								{% when 'it' %}🇮🇹{% when 'en' %}🇬🇧{% when 'fr' %}🇫🇷{% else %}{{ cosa.lang }}
-							{% endcase %}</a>
-						</li>
-					{% endif %}{% endfor %}
-					</ul>
-				</li>
-			{% endunless %}
-		</ul>
-	</nav>
-</header>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title></title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="2113.2">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Times; color: #0000e9; -webkit-text-stroke: #0000e9}
+    li.li1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Times; color: #0000e9; -webkit-text-stroke: #0000e9}
+    li.li2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Times; color: #000000; -webkit-text-stroke: #0000e9}
+    li.li3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Times; color: #0000e9}
+    li.li4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Times; color: #000000; -webkit-text-stroke: #000000}
+    span.s1 {text-decoration: underline ; font-kerning: none}
+    span.s2 {color: #000000; -webkit-text-stroke: 0px #000000}
+    span.s3 {font-kerning: none; color: #000000; -webkit-text-stroke: 0px #000000}
+    span.s4 {text-decoration: underline ; font-kerning: none; color: #0000e9; -webkit-text-stroke: 0px #0000e9}
+    span.s5 {font-kerning: none; color: #0000e9; -webkit-text-stroke: 0px #0000e9}
+    span.s6 {-webkit-text-stroke: 0px #000000}
+    span.s7 {font-kerning: none; -webkit-text-stroke: 0px #000000}
+    span.s8 {text-decoration: underline ; font-kerning: none; -webkit-text-stroke: 0px #0000e9}
+    span.s9 {font-kerning: none}
+    span.s10 {text-decoration: underline ; font-kerning: none; color: #0000e9}
+    ul.ul1 {list-style-type: disc}
+    ul.ul2 {list-style-type: circle}
+  </style>
+</head>
+<body>
+<p class="p1"><span class="s1"><a href="file:///Users/tommi/quitsocialmedia.club/_includes/%7B%25%20case%20page.lang%20%25%7D%7B%25%20when">Quit Social Media</a></span></p>
+<ul class="ul1">
+  <li class="li1"><span class="s2"></span><span class="s3">{% case page.lang %}{% when 'it' %}<a href="file:///info"><span class="s4">Info{% when 'fr' %}</span></a><a href="file:///%C3%83%C2%A0Propos"><span class="s4">Ã€ propos{% else %}</span></a><a href="file:///about"><span class="s4">About{% endcase %}</span></a></span></li>
+  <li class="li1"><span class="s2"></span><span class="s3">{% case page.lang %}{% when 'it' %}<a href="file:///perch%C3%83%C2%A9"><span class="s4">PerchÃ©{% when 'fr' %}</span></a><a href="file:///pourquoi"><span class="s4">Pourquoi{% else %}</span></a><a href="file:///why"><span class="s4">Why{% endcase %}</span></a></span></li>
+  <li class="li1"><span class="s2"></span><span class="s3">{% case page.lang %}{% when 'it' %}<a href="file:///ma"><span class="s5">“</span><span class="s4">Maâ€¦</span><span class="s5">”</span><span class="s4">{% when 'fr' %}</span></a><a href="file:///mais"><span class="s5">“</span><span class="s4">Maisâ€¦</span><span class="s5">”</span></a>{% else %}<a href="file:///but"><span class="s5">“</span><span class="s4">Butâ€¦</span><span class="s5">”</span><span class="s4">{% endcase %}</span></a></span></li>
+  <li class="li2"><span class="s6"></span><span class="s7">{% case page.lang %}{% when 'it' %}<a href="file:///percorso"><span class="s4">Percorso{% when 'fr' %}</span></a><a href="file:///chemin"><span class="s4">Chemin</span></a>{% else %}<a href="file:///path"><span class="s4">Path{% endcase %}</span></a></span></li>
+  <li class="li1"><span class="s2"></span><span class="s3">{% case page.lang %}{% when 'it' %}<a href="file:///soluzioni"><span class="s4">Soluzioni{% when 'fr' %}</span></a><a href="file:///solutions"><span class="s4">Solutions</span></a>{% else %}<a href="file:///solutions"><span class="s4">Solutions{% endcase %}</span></a></span></li>
+  <li class="li3"><a href="file:///Users/tommi/quitsocialmedia.club/_includes/%7B%25%20case%20page.lang%20%25%7D%7B%25%20when"><span class="s8">FAQ</span></a></li>
+  <li class="li4"><span class="s6"></span><span class="s9">{% unless page.ref == nil %}</span></li>
+  <li class="li4"><span class="s6"></span><span class="s9">ðŸŒ</span></li>
+  <ul class="ul2">
+    <li class="li4"><span class="s6"></span><span class="s9">{% for cosa in site.pages %}{% if cosa.ref == page.ref %}</span></li>
+    <li class="li1"><span class="s6"><a href="file:///Users/tommi/quitsocialmedia.club/_includes/%7B%7B%20cosa.url%20%7D%7D"><span class="s10">{% case cosa.lang %} {% when 'it' %}ðŸ‡®ðŸ‡¹{% when 'en' %}ðŸ‡¬ðŸ‡§{% when 'fr' %}ðŸ‡«ðŸ‡·{% else %}{{ cosa.lang }} {% endcase %}</span></a></span><span class="s3"><span class="Apple-converted-space"> </span></span></li>
+    <li class="li4"><span class="s6"></span><span class="s9">{% endif %}{% endfor %}<span class="Apple-converted-space"> </span></span></li>
+  </ul>
+  <li class="li4"><span class="s6"></span><span class="s9">{% endunless %}<span class="Apple-converted-space"> </span></span></li>
+</ul>
+</body>
+</html>
