From 172f8597bcac3c054092233e15bcb1249987a84b Mon Sep 17 00:00:00 2001 From: Tommi Date: Fri, 5 Feb 2021 10:19:05 +0100 Subject: [PATCH] formatting fixes and improved compression --- _config.yml | 14 +++++++++++--- _layouts/compress.html | 10 ++++++++++ _layouts/wrapper.html | 1 + pages/But.md | 1 - pages/Contribute.md | 4 ++-- pages/Contributors.md | 4 +--- pages/Development roadmap.md | 2 +- pages/FAQ.md | 6 ++++-- pages/Home.html | 2 ++ pages/Links.md | 3 +-- pages/Listen.md | 3 ++- pages/Localization.md | 3 +-- pages/Path.md | 2 -- pages/Quick.md | 2 +- pages/Solutions.md | 2 -- pages/Watch.md | 1 + pages/What.md | 2 +- pages/Why.md | 2 -- pages/about.md | 9 +++++---- pages/it/Ascolta.md | 1 - pages/it/Contribuisci.md | 4 ++-- pages/it/FAQ.md | 2 -- pages/it/Guarda.md | 2 +- pages/it/Home.html | 1 + style.scss | 2 +- 25 files changed, 49 insertions(+), 36 deletions(-) create mode 100644 _layouts/compress.html diff --git a/_config.yml b/_config.yml index 2d3c11d..4ffc554 100644 --- a/_config.yml +++ b/_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" - comments: true + image: "https://assets.tommi.space/qsm/qsm.png" + toc: true + anchors: true diff --git a/_layouts/compress.html b/_layouts/compress.html new file mode 100644 index 0000000..bb34487 --- /dev/null +++ b/_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 %}{% 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: "" %}{% 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 "" %}{% endif %}{% unless _pre_before contains "" 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 = " ;; ;" | 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 %}
Step Bytes
raw {{ content | size }}{% if _profile_endings %}
endings {{ _profile_endings }}{% endif %}{% if _profile_startings %}
startings {{ _profile_startings }}{% endif %}{% if _profile_comments %}
comments {{ _profile_comments }}{% endif %}{% if _profile_collapse %}
collapse {{ _profile_collapse }}{% endif %}{% if _profile_clippings %}
clippings {{ _profile_clippings }}{% endif %}
{% endif %}{% endif %} diff --git a/_layouts/wrapper.html b/_layouts/wrapper.html index 3afedb6..87dc171 100644 --- a/_layouts/wrapper.html +++ b/_layouts/wrapper.html @@ -1,4 +1,5 @@ --- +layout: compress --- diff --git a/pages/But.md b/pages/But.md index bef0b41..550ba4d 100644 --- a/pages/But.md +++ b/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 --- diff --git a/pages/Contribute.md b/pages/Contribute.md index 67f556d..821b6c2 100644 --- a/pages/Contribute.md +++ b/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. diff --git a/pages/Contributors.md b/pages/Contributors.md index 9334258..ed8b2f3 100644 --- a/pages/Contributors.md +++ b/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") - 🇮🇹🇬🇧 \ No newline at end of file diff --git a/pages/Development roadmap.md b/pages/Development roadmap.md index ca7d8e3..adfe388 100644 --- a/pages/Development roadmap.md +++ b/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 ---
My personal roadmap to Internet Freedom, where quitting Social Media is at the top of the list, can be found here. diff --git a/pages/FAQ.md b/pages/FAQ.md index e42d3ad..20a82d3 100644 --- a/pages/FAQ.md +++ b/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 The Social Dilemma 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"). +
+ ##### *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. +
+ ##### *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. diff --git a/pages/Home.html b/pages/Home.html index 85b8e21..79c4ea6 100644 --- a/pages/Home.html +++ b/pages/Home.html @@ -2,6 +2,8 @@ title: Home ref: home permalink: /home +layout: wrapper +toc: false ---
diff --git a/pages/Links.md b/pages/Links.md index 1010c76..c60f19b 100644 --- a/pages/Links.md +++ b/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 ---
If you are a podcast lover, please notice that audio content is highlighted in blue, while if you prefer to watch to talks or documentaries, look for what is highlighted in red diff --git a/pages/Listen.md b/pages/Listen.md index 95c032d..804c1e1 100644 --- a/pages/Listen.md +++ b/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 marked in blue. \ No newline at end of file diff --git a/pages/Localization.md b/pages/Localization.md index 89b5520..013ec1d 100644 --- a/pages/Localization.md +++ b/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: 0 +toc: false --- 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. diff --git a/pages/Path.md b/pages/Path.md index 85f1c55..b5a3cc5 100644 --- a/pages/Path.md +++ b/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.\ diff --git a/pages/Quick.md b/pages/Quick.md index 4cd7908..80656c8 100644 --- a/pages/Quick.md +++ b/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 diff --git a/pages/Solutions.md b/pages/Solutions.md index 3075b19..2b4fad3 100644 --- a/pages/Solutions.md +++ b/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, freedom. There are a few solutions which make life without Social Media connected and interactive anyway." tags: l10n diff --git a/pages/Watch.md b/pages/Watch.md index a1718a3..389efd7 100644 --- a/pages/Watch.md +++ b/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 highlighted in red \ No newline at end of file diff --git a/pages/What.md b/pages/What.md index dcd19fa..b9c8582 100644 --- a/pages/What.md +++ b/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 what does a Social Medium actually is? Here, we aren't speaking of all 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: diff --git a/pages/Why.md b/pages/Why.md index 8ea8197..ba97990 100644 --- a/pages/Why.md +++ b/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" diff --git a/pages/about.md b/pages/about.md index 146addd..5b2ca7c 100644 --- a/pages/about.md +++ b/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 quitsocialmedia.club 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"). -!! 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 carefully go through the exposed arguments, to acquire enough knowledge to decide by him/herself what's the best thing to do. -{:.red .box} +
+ !! 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 carefully go through the exposed arguments, to acquire enough knowledge to decide by him/herself what's the best thing to do. +
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.
-## 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") (a.k.a. FAQ). \ No newline at end of file diff --git a/pages/it/Ascolta.md b/pages/it/Ascolta.md index f2400ac..860e070 100644 --- a/pages/it/Ascolta.md +++ b/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 diff --git a/pages/it/Contribuisci.md b/pages/it/Contribuisci.md index 9d9b149..206022f 100644 --- a/pages/it/Contribuisci.md +++ b/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. diff --git a/pages/it/FAQ.md b/pages/it/FAQ.md index 6052a27..00eda21 100644 --- a/pages/it/FAQ.md +++ b/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 diff --git a/pages/it/Guarda.md b/pages/it/Guarda.md index 1bc2374..1b473fa 100644 --- a/pages/it/Guarda.md +++ b/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 evidenziati in rosso. \ No newline at end of file diff --git a/pages/it/Home.html b/pages/it/Home.html index f593db5..ed8c351 100644 --- a/pages/it/Home.html +++ b/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"] --- diff --git a/style.scss b/style.scss index 2c4e448..08e981f 100644 --- a/style.scss +++ b/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 {