updated Ruby and Jekyll

Gemfile.lock

@@ -23,7 +23,7 @@ GEM
     html-pipeline (2.14.0)
       activesupport (>= 2)
       nokogiri (>= 1.4)
-    html-proofer (3.18.3)
+    html-proofer (3.18.5)
       addressable (~> 2.3)
       mercenary (~> 0.3)
       nokogumbo (~> 2.0)
@@ -32,7 +32,7 @@ GEM
       typhoeus (~> 1.3)
       yell (~> 2.0)
     http_parser.rb (0.6.0)
-    i18n (1.8.5)
+    i18n (1.8.7)
       concurrent-ruby (~> 1.0)
     jekyll (4.2.0)
       addressable (~> 2.4)
@@ -88,15 +88,16 @@ GEM
     liquid (4.0.3)
     liquid-c (4.0.0)
       liquid (>= 3.0.0)
-    listen (3.3.3)
+    listen (3.4.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.4.0)
     method_source (1.0.0)
-    mini_portile2 (2.4.0)
+    mini_portile2 (2.5.0)
-    minitest (5.14.2)
+    minitest (5.14.3)
-    nokogiri (1.10.10)
+    nokogiri (1.11.1)
-      mini_portile2 (~> 2.4.0)
+      mini_portile2 (~> 2.5.0)
+      racc (~> 1.4)
     nokogumbo (2.0.4)
       nokogiri (~> 1.8, >= 1.8.4)
     parallel (1.20.1)
@@ -107,6 +108,7 @@ GEM
       coderay (~> 1.1)
       method_source (~> 1.0)
     public_suffix (4.0.6)
+    racc (1.5.2)
     rainbow (3.0.0)
     rb-fsevent (0.10.4)
     rb-inotify (0.10.1)

_includes/nav.html

@@ -9,6 +9,7 @@
 			<li>{% if page.lang == 'it' %}<a href="/perché">Perché{% else %}<a href="/why">Why{% endif %}</a></li>
        		<li>{% if page.lang == 'it' %}<a href="/percorso">Percorso{% else %}<a href="/path">Path{% endif %}</a></li>
        		<li>{% if page.lang == 'it' %}<a href="/soluzioni">Soluzioni{% else %}<a href="/solutions">Solutions{% endif %}</a></li>
+       		<li><a href="{% if page.lang == 'it' %}/domande{% else %}/faq{% endif %}">FAQ</a></li>
 			{% unless page.ref == nil %}
 			<li id="language-selector" class="dropdown"><a onclick="langdropdown()" href="#!" title="language selector">🌏</a>
 				<ul class="dropdown-content">

pages/FAQ.md

@@ -0,0 +1,38 @@
+---
+title: Objections and replies
+ref: faq
+permalink: /faq
+redirect_from: ["/wtf", "/frequently-asked-questions", "/replies-and-objections"]
+layout: page
+description: "As most of writers do, I sent an early preview of this website to friends and people I admire to share their impressions. In a philosopher-like style, I address some of their objections and questions in this page."
+toc: true
+---
+## Name
+
+- *Why *Quit Social Media* and not *Tommi quits Social Media*?*
+- *Why the `.club` domain?*
+
+Even if I somewhat already answered these questions in the [About page](/about "About - quitsocialmedia.club"), it's important to specify that I did not want to build a whole website to explain why *I* quit Social Media, or I would've done this on [my personal website](https://tommi.space "tommi.space"); I couldn't find a comprehensive list of [why](/why "Why Quit Social Media") Social Media are bad anywhere on the web: there were articles (which I linked), videos and papers, but they all focused on very few points, never providing the whole picture. Since making this website has been a stressful, long and intense work, I believe it's not about me or my personal reasons for quitting, but it extensively covers all of the possible negative arguments which would make someone quit.\
+I chose the `.club` domain because it was among the cheapest and it also makes sense: [as I pointed out](/about "About - quitsocialmedia.club"), quitting Social Media alone is not a deeply meaningful action.
+
+<br>
+
+## Why
+
+- *Why did you spend all of this time and effort creating this website?*
+- *Is someone paying you?*
+- *What's your gain in all of this?*
+
+I have absolutely **no personal gain** in creating this website and in spamming it everywhere. On the contrary, I invested so much time in writhing these words and building this virtual place (I’m not a developer) that I became very tired and stressed and I came close to giving up. Few months ago, I was so sleepy that by mistake I deleted the working directory of this website, irremediably losing months of hard work.\
+If you appreciate what I did, please [consider contributing](/contribute "Contribute")
+
+<br>
+
+## Expectations
+
+- *Once the website will be completed, what will you do?*
+- *Why should I share this website?*
+- *What do you expect it happens?*
+- *Do you want everybody in the world to quit Social Media?*
+
+I don’t expect for this website to become viral, but, deep inside me, I strongly hope so. Please help me by [sharing this](/share "Share")!

pages/Home.html

@@ -43,6 +43,11 @@ permalink: /home
 	{% else %}
 	{% endfor %}
 
+	<div class="row">
+		<h2 class="title">Get in touch!</h2>
+		<p>If you have any questions or suggestions, please don't hesitate to <a href="mailto:{{ site.email | encode_email }}" target="_blank" rel="noopener noreferrer" title="Send me an email">write me an email</a> (<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/D435660C86733BA1C4C22F4D922BA2D96336049E" title="PGP Key hello@quitsocialmedia.club">PGP key</a>).</p>
+	</div>
+
 	<div class="blue box row">
 		<a href="/contribute"><h2 class="title">Contribute</h2></a>
 		{% for contrib in site.pages %}

pages/Notes.md

@@ -3,11 +3,13 @@ aliases: ["QSM", "Quit Social Media"]
 permalink: /notes
 redirect_from: ["/quit-social-media", "/qsm-notes", "/quit-social-media-notes", "/appunti"]
 ---
+<div class="red box">
 	Content in this page are random, pretty messed up and both in English and Italian, since these are quick notes for the website content creation.
-{:.red .box}
+</div>
 
-To-do list, progress status and purposes are tracked on the [roadmap](https://quitsocialmedia.club/roadmap)
+<div class="box">
-{:.box}
+	To-do list, progress status and purposes are tracked on the <a href="/roadmap">Roadmap</a>
+</div>
 
 <br>
 
@@ -28,6 +30,8 @@ To-do list, progress status and purposes are tracked on the [roadmap](https://qu
 	- want to earn money? Invent new ways to monetize your work (Patreon, etc.)
 - Add *The Great Hack* alongside *The Social Dilemma*
 - ***what*** are social media?
+- Ethical ads?
+- <https://okuna.io>
 - add donate button:
 ```
 <script src="https://liberapay.com/tommi/widgets/button.js"></script>

pages/it/Home.html

@@ -45,6 +45,11 @@ redirect_from: ["/home-it", "/it-home", "/home/it"]
 	{% else %}
 	{% endfor %}
 
+	<div class="row">
+		<h2 class="title">Contatti</h2>
+		<p>Se hai domande o suggerimenti, non esitare a <a href="mailto:{{ site.email | encode_email }}" target="_blank" rel="noopener noreferrer" title="Send me an email">scrivermi</a> (<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/D435660C86733BA1C4C22F4D922BA2D96336049E" title="PGP Key hello@quitsocialmedia.club">PGP key</a>).</p>
+	</div>
+
 	<div class="blue box row">
 		<a href="/contribute"><h2 class="title">Contribuisci</h2></a>
 		{% for contrib in site.pages %}

style.scss

@@ -226,6 +226,11 @@ article li,
 				content: "🧑🏽‍💻 ";
 			}
 		}
+		&[href*="keys.openpgp.org" i] {
+			&::before {
+				content: "🔑 ";
+			}
+		}
 	}
 }