formatting fixes and improved compression

_config.yml

@@ -49,13 +49,21 @@ plugins:
 
 sass:
   style: compressed
+
+compress_html:
+  clippings: all
+  comments: all
+  endings: all
+  startings: all
+
 permalink: /:title
 defaults:
   -
     scope:
       path: ""
     values:
-      layout: "wrapper"
+      layout: "page"
       lang: "en"
-      image: "https://assets.tommi.space/qsm/qsm.svg"
+      image: "https://assets.tommi.space/qsm/qsm.png"
-      comments: true
+      toc: true
+      anchors: true

_layouts/compress.html

@@ -0,0 +1,10 @@
+---
+# Jekyll layout that compresses HTML
+# v3.1.0
+# http://jch.penibelst.de/
+# © 2014–2015 Anatol Broder
+# MIT License
+---
+
+{% capture _LINE_FEED %}
+{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment or site.compress_html.ignore.envs == "all" %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}

_layouts/wrapper.html

@@ -1,4 +1,5 @@
 ---
+layout: compress
 ---
 <!DOCTYPE html>
 <html lang="{% if page.lang == 'it' %}it{% else %}en{% endif %}">

pages/But.md

@@ -3,7 +3,6 @@ title: But…
 ref: ma
 permalink: /but
 redirect_from: ["/yet", "/objections"]
-layout: page
 description: "There are a ton of reasons to abandon Social Media, but there are a lot of arguably equally valuable ones not to do so. Here I will go through the main ones and show how nuch they are not completely valid."
 tags: wip
 ---

pages/Contribute.md

@@ -1,10 +1,10 @@
 ---
 title: Contribute
 permalink: /contribute
-ref: contribute
+ref: contrib
 description: "If you think this website is useful, insightful, necessary and/or important, you should consider contributing to make it even better!"
 redirect_from: ["/contribution", "/contribution-guide", "/contrib", "/l1000", "/l-1000", "/l-1000", "/level05", "/level-1000", "/level1000"]
-layout: page
+toc: false
 ---
 There are several ways to contribute to this website, and any of it is very much appreciated.
 

pages/Contributors.md

@@ -1,9 +1,7 @@
 ---
 title: "Contributors"
 permalink: /contributors
-ref: contributors
 description: "Everyone who made this website"
-layout: page
 ---
 This website was created by [Tommi](https://tommi.space "Tommi's personal website").
 
@@ -14,4 +12,4 @@ This website was created by [Tommi](https://tommi.space "Tommi's personal websit
 
 Everyone who localized content:
 
-- [Tommi](https://tommi.space "Tommi's personal website") - 🇮🇹🇬🇧
+- [Tommi](https://tommi.space "Tommi's personal website") - 🇮🇹🇬🇧

pages/Development roadmap.md

@@ -1,9 +1,9 @@
 ---
 title: Development
-layout: page
 permalink: /development
 redirect_from: ["/dev-roadmap", "/dev", "/dev-path", "/development-roadmap"]
 description: "Technical stuff to do"
+toc: false
 ---
 <div>
 	My personal roadmap to Internet Freedom, where <q>quitting Social Media</q> is at the top of the list, can be found <a href="https://tommi.space/path-to-internet-freedom" rel="noopener noreferrer" target="_blank" title="Tommi's path to Internet Freedom">here</a>.

pages/FAQ.md

@@ -3,9 +3,7 @@ title: Objections and replies
 ref: faq
 permalink: /faq
 redirect_from: ["/wtf", "/frequently-asked-questions", "/replies-and-objections", "/objections-replies", "/objections-and-replies", "/replies-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
 ---
 ## Coherence
 
@@ -15,6 +13,8 @@ Not quite so. Think about this: if I love the strawberry flavour of the ice crea
 This apparently incoherent decision conceals in itself one of the very reasons of quitting: you have no way (or if you do, it's very unlikely) of being noticed or reaching some audience unless it's done through those platforms.   
 The authors of <cite><a href="https://thesocialdilemma.com" rel="noopener noreferrer" target="_blank" title="The Social Dilemma">The Social Dilemma</a></cite> created official Social Media accounts of the movie, [giving a similar explanation](https://www.thesocialdilemma.com/code-of-ethics/ "The Social Dilemma’s Code of Ethics").
 
+<br>
+
 ##### *If you quit social media, you should quit **all*** Social Media. *Why do you consider only the big platforms?*
 
 Mainly, because the vast majority of the problems derives from the fact that the most famous social media are owned by corporations which make profit by managing unethically their platforms. Strictly speaking, by definition social media are not something which is mainly bad, and as a shorthand it's quicker and simpler to write “Social Media” instead of “Social Media owned by for-profit companies that make money from activities users do for free”, or, as [Jaron Lanier](http://jaronlanier.com "Jaron Lanier") calls them, [BUMMER](https://thefourthrevolution.org/wordpress/archives/6262 "How BUMMER Became a New Acronym for Social Media").   
@@ -29,6 +29,8 @@ Please refer to [what](/what) for further info.
 
 I thoroughly explain the main reasons in the [About page](/about "About - quitsocialmedia.club"), but 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 did this because I couldn't find a comprehensive list of reasons [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.
 
+<br>
+
 ##### *Why the `.club` domain?*
 
 I chose the `.club` domain because it was among the cheapest, but it also makes sense: [as I pointed out](/about "About - quitsocialmedia.club"), quitting Social Media alone and it makes very little sense.

pages/Home.html

@@ -2,6 +2,8 @@
 title: Home
 ref: home
 permalink: /home
+layout: wrapper
+toc: false
 ---
 <div class="one column">
 	<div class="row">

pages/Links.md

@@ -2,10 +2,9 @@
 title: Links
 permalink: /links
 redirect_from: ["/bibliography", "/resources", "/link"]
-layout: page
 description: "Links to related topics"
 tags: wip
-toc: true
+ref: links
 ---
 <div>
 	If you are a podcast lover, please notice that audio content is <mark>highlighted in blue</mark>, while if you prefer to watch to talks or documentaries, look for <mark>what is highlighted in red</mark>

pages/Listen.md

@@ -1,7 +1,8 @@
 ---
 title: Listen
-layout: page
 description: "Instead of reading or watching, you may prefer listening to podcasts about the topic. Here are some."
 permalink: /listen
+toc: false
+ref: listen
 ---
 In order to find podcasts on the topic, please visit the [links](/links "Link") page and look for contern <mark class="blue">marked in blue</mark>.

pages/Localization.md

@@ -3,8 +3,7 @@ title: Localization
 permalink: /l10n
 redirect_from: ["/it/l10n", "/localization", "/translate", "/translation"]
 description: "Localization and translation guidelines"
-layout: page
+toc: false
-toc: 0
 ---
 Localizing a content means translating it in another language to make it available to a broader public. If you'd like to do it, first of all thank you very much, secondly, there are a few things you need to know.
 

pages/Path.md

@@ -4,8 +4,6 @@ permalink: /path
 redirect_from: ["/pathway"]
 ref: path
 description: "Too much information got you disoriented? This is the path to follow to free yourself from Social Media dependence."
-layout: page
-anchor: false
 toc: false
 ---
 You should not rush it (and very likely you don't even want to): don't delete any account straight away.\

pages/Quick.md

@@ -3,7 +3,7 @@ title: Quick
 permalink: /quick
 ref: quick
 description: "You don't have time to read through everything and you just want to know the key points? This is the right page to read."
-layout: page
+toc: false
 ---
 1. This website was created by [Tommi](https://tommi.space "Tommi's personal website") because he felt people should acknowledge that social media aren't **only bad**, but their *cons* strongly overweight their *pro*s and, most importantly, that the individual's actions are the key to improve digital wellbeing and make the internet a healthier place. More in the [about page](/about "About quitsocialmedia.club")
 2. The final purpose to [delete your social media accounts](/delete) (duh), but there are some [intermediate steps](/path) which could make your life a lot better

pages/Solutions.md

@@ -2,8 +2,6 @@
 title: Solutions and alternatives
 permalink: /solutions
 ref: sol
-toc: true
-layout: page
 redirect_from: ["/sol", "/solution"]
 description: "Being “social” without “Social Media” seems impossible. Nevertheless, it's a whole new life, full of surprises, excitement and authenticity, but, above all, <strong>freedom</strong>. There are a few solutions which make life without Social Media connected and interactive anyway."
 tags: l10n

pages/Watch.md

@@ -3,5 +3,6 @@ title: Watch
 layout: page
 description: "Instead of reading, you may start diving into the topic by watching some of these great talks and documentaries."
 permalink: /watch
+ref: watch
 ---
 Please go to the [links](/links "Links") page and look for content <mark class="red">highlighted in red</mark>

pages/What.md

@@ -2,9 +2,9 @@
 title: What are Social Media?
 permalink: /what
 ref: what
-layout: page
 redirect_from: ["/what-social", "/what-are-social-media"]
 description: "This website is about quitting Social Media, we got that. But <i>what</i> does a Social Medium actually is? Here, we aren't speaking of <b><i>all</i></b> Social Media platforms, but only some of them."
+toc: false
 ---
 The first few rows of the entry “[Social Media](https://en.wikipedia.org/wiki/Social_media "“Social Media„ on Wikipedia")„ on Wikipedia recite the following words:
 

pages/Why.md

@@ -3,8 +3,6 @@ title: Why
 permalink: /why
 redirect_from: ["/arguments", "/reasons", "/l1", "/l01", "/l-01", "/level01", "/level1", "/level-1", "/level-01"]
 ref: why
-toc: true
-layout: page
 description: "The heart of the matter: all of the reasons why we should quit Social Media"
 todo:
   - "Scientifically proven link"

pages/about.md

@@ -4,8 +4,8 @@ ref: about
 lang: en
 permalink: /about
 redirect_from: ["/who", "/purpose", "/l00", "/l0", "/l-0", "/l-00", "/level0", "/level-0", "/level-00", "/level00"]
-layout: page
 description: "What <cite>quitsocialmedia.club</cite> is, how it's born and what its purposes are."
+toc: false
 ---
 Hi, I'm Tommi, and I created this website. Let's skip the part [about me](https://tommi.space/about "About - tommi.space"), you can read it [on my website](https://tommi.space/ "tommi.space, Tommi's personal website").
 
@@ -32,8 +32,9 @@ This website has three main purposes:
 
 I know there are many other [great communities](/communities "Internet Freedom communities") which promote **internet freedom** and **independence** from big ugly social media corporations, but I feel that there’s an important point which isn't stressed out enough: **individual choices and actions are the key to global change**. **We shouldn't wait** for policies and laws to be rolled out; similarly, we can’t expect someone else will make everything better, someday. We need to understand (if possible) what's going on and steer towards [healthy solutions](/solutions "Solutions").
 
-<b>!!</b> I absolutely don’t want to force anyone to quit social media, and I definitely don’t want to convince you it’s the best thing to do. I want everybody who lands here to <U>carefully go through <a href="/why">the exposed arguments</a></u>, <u>to acquire enough knowledge to decide by him/herself what's the best thing to do</u>.
+<div class="red box">
-{:.red .box}
+	<b>!!</b> I absolutely don’t want to force anyone to quit social media, and I definitely don’t want to convince you it’s the best thing to do. I want everybody who lands here to <U>carefully go through <a href="/why">the exposed arguments</a></u>, <u>to acquire enough knowledge to decide by him/herself what's the best thing to do</u>.
+</div>
 
 We need to understand what’s happening and look for a way to make our internet experience better.\
 Then, unite, stand out and be (part of) the change.
@@ -42,6 +43,6 @@ Quitting Social Media might be a great start.
 
 <br />
 
-## Something is missing?
+## Is something missing?
 
 If you have some questions or doubts which this page could not answer, please check the [Objections and Replies](/faq "Objections and Replies") (<abbr title="Also Known As">a.k.a.</abbr> <abbr title="Frequently Asked Questions">FAQ</abbr>).

pages/it/Ascolta.md

@@ -1,6 +1,5 @@
 ---
 title: Ascolta
-layout: page
 lang: it
 description: "Invece di leggere o guardare contemuti sull’argomento, potresti preferire dei podcast. eccone alcuni"
 permalink: /ascolta

pages/it/Contribuisci.md

@@ -2,10 +2,10 @@
 title: Contribuisci
 permalink: /contribuisci
 redirect_from: ["/it/contrib", "/it/l1000", "/it/l-1000", "/it/l-1000", "/it/level05", "/it/level-1000", "/it/level1000"]
-ref: contribute
+ref: contrib
 description: "Se pensi che questo sito sia utile e ricco di spunti, potresti considerare di contribuire a renderlo ancora migliore."
-layout: page
 lang: it
+toc: false
 ---
 Ci sono diversi modi per contribuire a *quitsocialmedia.club*; ognuno di essi sarebbe molto apprezzato.
 

pages/it/FAQ.md

@@ -3,9 +3,7 @@ title: Obiezioni e risposte
 ref: faq
 permalink: /it/faq
 redirect_from: ["/risposte-e-obiezioni", "/obiezioni-e-risposte", "/risposte-obiezioni", "/obiezioni-risposte", "/domande", "/domande-frequenti", "/domande-e-risposte", "/domande-risposte"]
-layout: page
 description: "Come fanno gli scrittori seri, ho inviato in anteprima questo sito a persone particolarmente informate su questi temi e di cui valuto molto l'opinione affinché condividessero con me le loro impressioni. In stile pseudo-filosofico, affronto alcune delle loro domande ed obiezioni qui di seguito."
-toc: true
 lang: it
 ---
 ## Coerenza

pages/it/Guarda.md

@@ -1,8 +1,8 @@
 ---
 title: Guarda
-layout: page
 description: "Invece di leggere, potresti preferire alcuni documentari o conferenze sui Social Media."
 permalink: /guarda
 lang: it
+ref: watch
 ---
 Per trovare contenuti visivi da guardare, cercare nella pagina [link](/it/links "Link") i link <mark class="red">evidenziati in rosso</mark>.

pages/it/Home.html

@@ -2,6 +2,7 @@
 title: Home
 lang: it
 ref: home
+layout: wrapper
 permalink: /it/home
 redirect_from: ["/home-it", "/it-home", "/home/it", "/tuffo"]
 ---

style.scss

@@ -637,7 +637,7 @@ time {
 	font-weight: 300;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5 {
 	text-transform: uppercase;
 	&:hover {
 		.anchor {