tommi
/
quitsocialmedia.club
mirror of https://github.com/xplosionmind/quitsocialmedia.club.git
1
1
Fork 0
Code Issues Releases Activity

started l10n

This commit is contained in:
Tommi 2021-01-01 12:53:46 +01:00
parent df099e4740
commit cda72ae817
44 changed files with 961 additions and 759 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
_config.yml
View File

@ -25,9 +25,6 @@ exclude:
keep_files:
- images/
- assets/
collections:
levels:
output: false
social:
name: xplosionmind
@ -60,13 +57,3 @@ defaults:
lang: "en"
img: "/images/preview.gif"
comments: true
-
scope:
path: ""
type: levels
values:
layout: level
lang: en
permalink: /:title
hide: 0

45
_includes/about.html
View File

@ -1,45 +0,0 @@
<div class="h-card stuff row" id="about">
<a href="{% if page.lang == 'it' %}/about-it{% else %}/about{% endif %}"><h2 class="title">{% if page.lang == 'it' %}Chi è questo tipo{% else %}About this weirdo{% endif %}</h2></a>
<div class="half column">
<img class="u-photo" src="{{ site.author.picture }}" alt="a photo of me conducting a live show" title="Tommi on stage conducting a live show">
</div>
<div class="half column">
{% if page.lang == 'it' %}
<p>Mi chiamo <span class="p-name">Tommi</span>,</p>
<p>è possibile vedermi campeggiare sul pianeta Terra ma sono perennemente in viaggio in una dimensione parallela dominata dall'entusiasmo, dalla curiosità e dalla confusione.</p>
<p>Mi capita spesso di perdermi, ma mi muovo continuamente (in tutti i sensi) per conoscere nuove persone e scoprire le loro storie. Il mio ipercinetismo rende un allegro individuo perennemente saltellante, talvolta insopportabile. Finora, come scrive il sommo <a href="https://it.wikipedia.org/wiki/Gottfried_Wilhelm_von_Leibniz" rel="noopener noreferrer" target="_blank" title="Leibniz su Wikipedia">Leibniz</a>, <q cite="Gottfried Wilhelm von Leibniz">nella mia vita ho cominciato tutto e concluso nulla</q>.</p>
<p>Lo ammetto, non sono bravo a rispondere alla domanda “chi sei”, ma, diciamocelo, nessuno ne è davvero capace. Chi sono veramente lo raccontano i miei “<a href="/zibaldone" title="Zibaldone - tommi.space">articoli</a>”, <a href="/ora" title="Now page - tommi.space">quello che sto facendo ora</a> e tutto <a href="/cose">quello che faccio nella vita</a>. Tuttavia, per capire meglio il caos che regna nella mia testa, di cui questo sito è la rappresentazione virtuale, bisogna assaggiare <a href="/marmellata"><em>La Marmellata</em></a>.</p>
<p>Cose pratiche utili:
<ul>
<li>il mio <a class="u-url" href="https://europa.eu/!md89Vg" rel="noopener noreferrer" target="blank" title="Curriculum Vitae di Tommaso Marmo su Europass">Curriculum Vitae</a> e il mio <a a="u-url" href="https://www.linkedin.com/in/tommasomarmo/" rel="noopener noreferrer" target="_blank" title="Tommaso Marmo su Linkedin">profilo Linkedin</a></li>
<li>Il mio<a class="u-email" href="mailto:{{ site.email | encode_email }}" rel="me" title="Scrivimi un'email">indirizzo email</a>. Se possibile, utilizzate la mia <a class="u-key" href="https://api.protonmail.ch/pks/lookup?op=get&search={{ site.email }}" target="_blank" rel="pgpkey authn">chiave PGP</a> (non è necessaria se utilizzate un indirizzo email con <a href="https://protonmail.com" rel="noopener noreferrer" target="_blank" title="Sito web di ProtonMail">ProtonMail</a>)</li>
<li>il mio username è <code class="p-nickname">xplosionmind</code> ovunque.</li>
</ul>
</p>
{% else %}
<p>Hi, I’m <span class="p-name">Tommi</span>.</p>
<p>I’m an <span class="p-category p-label">enthusiast</span>. I love getting involved in everything which involves human interactions and I’m overthinking addicted. I’m an happy guy, but this doesn’t mean I don’t cry (just make me watch the right movie).</p>
<p><span class="p-note">The purpose of my whole exsistence is meeting all the people in the world</span>. This is why, When I’m not studying, I try to be as busy as I can. This means, as the great <a href="https://en.wikipedia.org/wiki/Gottfried_Wilhelm_Leibniz" rel="noopener noreferrer" target="_blank" title="Leibniz on Wikipedia">Leibnitz</a> said, that <q cite="Gottfried Wilhelm von Leibniz">in my life I started everything and concluded nothing</q>. You can know more about something of this messy everything by browsing around. If the stuff here is too confused and you get lost, well… welcome to my mind.</p>
<p>Things that wander around in my head are written on my <a href="/blog" target="_blank">blog</a> or they are thrown in <a href="/jar" target="_blank" title="The Jar - tommi.space"><em>The Jar</em></a>.</p>
<p>Some useful data:
<ul>
<li>my <a class="u-url" href="https://www.linkedin.com/in/tommasomarmo/" rel="noopener noreferrer" target="_blank" title="Tommaso Marmo su Linkedin">Linkedin profile</a> and my <a class="u-url" href="https://europa.eu/!xG43Xd" rel="noopener noreferrer" target="_blank">Curriculum Vitae</a></li>
<li>you can <a class="u-email" href="mailto:{{ site.email | encode_email }}" rel="me" title="Write me an email">write me an email</a>. If possible, please use my <a class="u-key" href="https://api.protonmail.ch/pks/lookup?op=get&search={{ site.email }}" target="_blank" rel="pgpkey authn">PGP key</a> (it’s not necessary if you use a <a href="https://protonmail.com" rel="noopener noreferrer" target="_blank" title="ProtonMail website">ProtonMail</a> address)</li>
<li>my username is <code class="p-nickname">xplosionmind</code> everywhere. If you can’t find it, I’m not there.</li>
</ul>
</p>
{% endif %}
</div>
</div>

90
_includes/backlinks.html
View File

@ -1,90 +0,0 @@
<div class="box" id="backlinks">
<h2>Backlinks</h2>
<p class="center">
{% if page.lang == 'it' %}
Le pagine del sito che contengono un link a questa pagina.<br />
Curioso riguardo cosa voglia dire? Leggi <a href="https://www.wikiwand.com/it/Backlink" rel="noopener noreferrer" target="_blank">questo articolo</a>.
{% else %}
All the pages of this website containing a link to the current page.<br />Curious about what this means? Check <a href="https://www.wikiwand.com/en/Backlink" rel="noopener noreferrer" target="_blank">this article</a>.
{% endif %}
</p>
<ul>
{% comment %}+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+ +
+ 100% Liquid backlinks parser based on pages permalinks. +
+ +
++++++++++++++++++++++++++++++++++++++++++++++++++++++++{% endcomment %}
{% capture current_url %}{{ page.url }}{% endcapture %}
{% capture current_url_downcase %}{{ page.url | downcase }}{% endcapture %}
{% for entry in site.pages %}
{% unless entry.url contains '.json' or entry.url contains '.csv' or entry.url contains '.css' or entry contains '.txt' %}
{% if entry.content contains page.url or entry.content contains current_url_downcase %}
<li>
<a href="{{ entry.url }}">{{ entry.title }}</a>
{% if entry.description %}
- {{ entry.description }}
{% else %}
- {{ entry.excerpt | strip_html | truncatewords: 30 }}
{% endif %}
</li>
{% endif %}
{% for redirect in page.redirect_from | split '/' %}
{% capture redirect_ %}/{{ redirect }}{% endcapture %}
{% if entry.content contains redirect_ %}
<li>
<a href="{{ entry.url }}">{{ entry.title }}</a>
{% if entry.description %}
- {{ entry.description }}
{% else %}
- {{ entry.excerpt | strip_html | truncatewords: 30 }}
{% endif %}
</li>
{% endif %}
{% endfor %}
{% endunless %}
{% endfor %}
{% for collection in site.collections %}
{% assign collection_name = collection.label %}
{% for entry in site.[collection_name] %}
{% if entry.content contains page.url or entry.content contains current_url_downcase %}
{% case collection_name %}
{% when 'jar' %}
<li>🍯 <a href="{{ entry.url }}">{{ entry.title }}</a> - {% if entry.description %}{{ entry.description }}{% else %}{{ entry.excerpt | strip_html | truncatewords: 30 }}{% endif %}</li>
{% when 'sconnesso' %}
<li>🎙️ <a href="{{ entry.url }}">{{ entry.title }}</a></li>
{% when 'posts' %}
<li>📖 <a href="{{ entry.url }}">{{ entry.title }}</a></li>
{% when 'filinge' %}
<li>💭 <a href="{{ entry.url }}">{{ entry.title }}</a></li>
{% else %}
<li><a href="{{ entry.url }}">{{ entry.title }}</a> - {{ entry.excerpt | strip_html | truncatewords: 30 }}</li>
{% endcase %}
{% endif %}
{% for redirect in page.redirect_from | split '/' %}
{% capture redirect_ %}/{{ redirect }}{% endcapture %}
{% if entry.content contains redirect_ %}
{% case collection_name %}
{% when 'jar' %}
<li>🍯 <a href="{{ entry.url }}">{{ entry.title }}</a> - {% if entry.description %}{{ entry.description }}{% else %}{{ entry.excerpt | strip_html | truncatewords: 30 }}{% endif %}</li>
{% when 'sconnesso' %}
<li>🎙️ <a href="{{ entry.url }}">{{ entry.title }}</a></li>
{% when 'posts' %}
<li>📖 <a href="{{ entry.url }}">{{ entry.title }}</a></li>
{% when 'filinge' %}
<li>💭 <a href="{{ entry.url }}">{{ entry.title }}</a></li>
{% else %}
<li><a href="{{ entry.url }}">{{ entry.title }}</a> - {{ entry.description }}</li>
{% endcase %}
{% endif %}
{% endfor %}
{% endfor %}
{% endfor %}
</ul>
</div>

12
_includes/footer.html
View File

@ -1,18 +1,22 @@
<footer>
<div class="row">
<p>This website was created by <a href="https://tommi.space/about" target="_blank" title="About Tommi">Tommi</a> with ❤️ and commitment.</p>
</div>
<div class="flex row">
<script src="https://liberapay.com/tommi/widgets/button.js"></script>
<noscript><a href="https://liberapay.com/tommi/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg" /><a></noscript>
<!-- <a class="newsletter written button" href="http://eepurl.com/haXMp5" target="_blank" rel="noopener noreferrer">{% if page.lang == 'it' %}Iscriviti alla newsletter{% else %}Subscribe to newsletter{% endif %}</a> -->
<div class="h-card button-box" id="social-box">
<!-- RSS feed -->
<a href="/feed" title="{% if page.lang == 'it' %}tutti i feed del sito{% else %}All of this website feeds{% endif %}" target="_blank" rel="noopener noreferrer"><svg class="button" width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.136 0 0 .136 3.5 3.49)"><circle cx="20.3" cy="104" r="20" fill="var(--background)"/><path d="m67 114c0 5.5 4.5 10 10 10s10-4.5 10-10c0-42.4-34.5-77-77-77-5.5 0-10 4.5-10 10s4.5 10 10 10c31.5 0 57 25.6 57 57z" fill="var(--background)"/><path d="m114 124c5.5 0 10-4.5 10-10 0-62.8-51.1-114-114-114-5.5 0-10 4.5-10 10s4.5 10 10 10c51.8 0 93.9 42.1 93.9 93.9 0 5.5 4.4 10 10 10z" fill="var(--background)"/></g></svg></a>
<a href="/feed.xml" title="{% if page.lang == 'it' %}Feed RSS{% else %}Updates via RSS{% endif %}" target="_blank" rel="noopener noreferrer"><svg class="button" width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.136 0 0 .136 3.5 3.49)"><circle cx="20.3" cy="104" r="20" fill="var(--background)"/><path d="m67 114c0 5.5 4.5 10 10 10s10-4.5 10-10c0-42.4-34.5-77-77-77-5.5 0-10 4.5-10 10s4.5 10 10 10c31.5 0 57 25.6 57 57z" fill="var(--background)"/><path d="m114 124c5.5 0 10-4.5 10-10 0-62.8-51.1-114-114-114-5.5 0-10 4.5-10 10s4.5 10 10 10c51.8 0 93.9 42.1 93.9 93.9 0 5.5 4.4 10 10 10z" fill="var(--background)"/></g></svg></a>
<!-- GitHub -->
<a rel="me" class"u-url" href="https://github.com/xplosionmind" target="_blank" rel="noopener noreferrer" title="{% if page.lang == 'it' %}Il mio profilo GitHub{% else %}My GitHub profile{% endif %}"><svg class="button" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="var(--primary)" style="background:0"><path d="m0 0v24l8.36-7e-3c0.602 0.11 0.821-0.252 0.821-0.569v-2c-3.35 0.712-4.06-1.58-4.06-1.58-0.223-0.718-0.697-1.33-1.34-1.73-1.09-0.723 0.0876-0.712 0.0876-0.712 0.767 0.103 1.44 0.55 1.84 1.22 0.707 1.23 2.27 1.66 3.5 0.975 0.0612-0.6 0.333-1.16 0.767-1.58-2.67-0.296-5.47-1.3-5.47-5.83-0.0239-1.18 0.412-2.32 1.22-3.19-0.366-1.01-0.323-2.13 0.12-3.11 0 0 1.02-0.318 3.28 1.2 1.97-0.526 4.05-0.526 6.02 0 2.3-1.52 3.28-1.2 3.28-1.2 0.443 0.981 0.486 2.1 0.12 3.11 0.822 0.848 1.28 1.98 1.28 3.16 0 4.53-2.83 5.53-5.47 5.83 0.588 0.57 0.889 1.37 0.821 2.19v3.23c0 0.383 0.219 0.69 0.821 0.569l7.99 0.0179v-24"/></svg></a>
<a rel="me" class"u-url" href="https://github.com/xplosionmind/quitsocialmedia.club" target="_blank" rel="noopener noreferrer" title="{% if page.lang == 'it' %}Il codice sorgente di questo sito{% else %}Source code of this website{% endif %}"><svg class="button" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="var(--primary)" style="background:0"><path d="m0 0v24l8.36-7e-3c0.602 0.11 0.821-0.252 0.821-0.569v-2c-3.35 0.712-4.06-1.58-4.06-1.58-0.223-0.718-0.697-1.33-1.34-1.73-1.09-0.723 0.0876-0.712 0.0876-0.712 0.767 0.103 1.44 0.55 1.84 1.22 0.707 1.23 2.27 1.66 3.5 0.975 0.0612-0.6 0.333-1.16 0.767-1.58-2.67-0.296-5.47-1.3-5.47-5.83-0.0239-1.18 0.412-2.32 1.22-3.19-0.366-1.01-0.323-2.13 0.12-3.11 0 0 1.02-0.318 3.28 1.2 1.97-0.526 4.05-0.526 6.02 0 2.3-1.52 3.28-1.2 3.28-1.2 0.443 0.981 0.486 2.1 0.12 3.11 0.822 0.848 1.28 1.98 1.28 3.16 0 4.53-2.83 5.53-5.47 5.83 0.588 0.57 0.889 1.37 0.821 2.19v3.23c0 0.383 0.219 0.69 0.821 0.569l7.99 0.0179v-24"/></svg></a>
<!-- Telegram -->
<a class="u-url" href="https://t.me/xplosionmind" target="_blank" rel="me noopener noreferrer" title="{% if page.lang == 'it' %}Scrivimi su Telegram{% else %}Get in touch on Telegram{% endif %}"><svg class="button" width="128" height="128" version="1.1" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><path d="m20.1 54.1c26.3-11.5 43.9-19 52.7-22.7 25.1-10.4 30.3-12.3 33.7-12.3 0.748-0.0126 2.42 0.173 3.5 1.05 0.914 0.742 1.17 1.74 1.29 2.45 0.12 0.703 0.27 2.31 0.151 3.56-1.36 14.3-7.25 49-10.2 65-1.27 6.77-3.76 9.04-6.18 9.27-5.25 0.483-9.23-3.47-14.3-6.8-7.95-5.21-12.4-8.46-20.2-13.5-8.92-5.88-3.14-9.11 1.95-14.4 1.33-1.38 24.5-22.4 24.9-24.3 0.056-0.239 0.108-1.13-0.421-1.6-0.528-0.47-1.31-0.309-1.87-0.181-0.798 0.181-13.5 8.58-38.1 25.2-3.61 2.48-6.87 3.68-9.8 3.62-3.23-0.0697-9.43-1.82-14-3.32-5.66-1.84-10.2-2.81-9.77-5.94 0.204-1.63 2.45-3.29 6.72-4.99z" fill="var(--background)"/></svg></a>
<a class="u-url" href="https://t.me/quitsocialmedia" target="_blank" rel="me noopener noreferrer" title="{% if page.lang == 'it' %}Canale Telegram{% else %}Telegram channel{% endif %}"><svg class="button" width="128" height="128" version="1.1" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><path d="m20.1 54.1c26.3-11.5 43.9-19 52.7-22.7 25.1-10.4 30.3-12.3 33.7-12.3 0.748-0.0126 2.42 0.173 3.5 1.05 0.914 0.742 1.17 1.74 1.29 2.45 0.12 0.703 0.27 2.31 0.151 3.56-1.36 14.3-7.25 49-10.2 65-1.27 6.77-3.76 9.04-6.18 9.27-5.25 0.483-9.23-3.47-14.3-6.8-7.95-5.21-12.4-8.46-20.2-13.5-8.92-5.88-3.14-9.11 1.95-14.4 1.33-1.38 24.5-22.4 24.9-24.3 0.056-0.239 0.108-1.13-0.421-1.6-0.528-0.47-1.31-0.309-1.87-0.181-0.798 0.181-13.5 8.58-38.1 25.2-3.61 2.48-6.87 3.68-9.8 3.62-3.23-0.0697-9.43-1.82-14-3.32-5.66-1.84-10.2-2.81-9.77-5.94 0.204-1.63 2.45-3.29 6.72-4.99z" fill="var(--background)"/></svg></a>
</div>
<p><a href="/it/privacy" target="_blank">Privacy</a></p>
</div>
<div id="license" class="row">
{% if page.lang == 'it' %}

10
_includes/l10n.html Normal file
View File

@ -0,0 +1,10 @@
<div class="one column row">
<div class="banner red box">
<h3>🚧 {% if page.lang == 'it' %}Traduzione in corso{% else %}Work in progress{% endif %} 🏗</h3>
{% if page.lang == 'it' %}
Il contenuto di questa pagina non è stato completamente tradotto; tutti gli articoli e le note con traduzione in sospeso sono contraddistinte dal tag <a href="/development-roadmap#l10n" title="tutte le traduzioni in corso"><em>l10n</em></a>.<br />Per visualizzare il contenuto aggiornato, <a {% for p in site.pages %}{% if p.ref == page.ref and p.lang == 'en' %}href="{{ p.url }}" title="{{ p.title }}"{% endif %}{% endfor %}>visualizza questa pagina in inglese</a>
{% else %}
Content of this page is not complete: unfinished notes and articles are tagged with <a href="/tags#draft" title="all of the pages tagged “draft”"><em>draft</em></a> tag
{% endif %}
</div>
</div>

16
_includes/latest-post.html
View File

@ -1,16 +0,0 @@
{% for post in site.posts limit:1 %}
<div class="stuff row">
<a href="{{ post.url }}"><h2 class="title">{% if page.lang == 'it'%}Ultimo articolo{% else %}Latest post{% endif %}</h2></a>
<div class="half column vertical flex">
<a href="{{ post.url }}"><img src="{{ post.image }}" alt="{{ post.title }}" title="{{ post.title }}" /></a>
</div>
<div class="half column vertical flex">
<a href="{{ post.url }}"><h2>{{ post.title }}</h2></a>
<p class="date">{{ post.date | date_to_long_string }}</p>
<div class="serif">
{{ post.excerpt | truncatewords: 80 }}
</div>
<a href="{{ post.url }}" class="written button">{% if page.lang == 'it' %}Leggi{% else %}Read{% endif %}</a>
</div>
</div>
{% endfor %}

21
_includes/listen-on.html
View File

@ -1,21 +0,0 @@
<div class="listen-on flex box row">
<h2 style="margin-right:var(--regular)">{% if page.lang == 'it' %}Puoi ascoltare anche su{% else %}Listen also on{% endif %}</h2>
<div class="flex">
<!-- Spotify -->
<a href="https://spotify.com" target="_blank" rel="noopener noreferrer"><img class="button" src="{{ site.logos }}/spotify.png" alt="Spotify logo" style="background:#191414" /></a>
<!-- Apple Podcasts -->
<a href="#!" target="_blank" rel="noopener noreferrer"><img class="button" src="{{ site.logos}}/apple-podcast.png" title="Apple Podcast logo" /></a>
<!-- Google Podcasts -->
<a href="#!" target="_blank" rel="noopener noreferrer"><svg class="button" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="background:white"><g transform="translate(-6.49 -6.36)" fill="none" fill-rule="evenodd"><g id="Podcast_icon_final" transform="matrix(.676 0 0 .676 9.18 9.18)" style="stroke-width:1.48"><g id="logo_podcasts_192px"><rect id="Rectangle-path" width="27" height="27"/><g fill-rule="nonzero"><path id="Shape" d="m2.67 11.1c-0.855 0-1.55 0.692-1.55 1.55v1.69c0 0.855 0.692 1.55 1.55 1.55s1.55-0.692 1.55-1.55v-1.69c0-0.855-0.692-1.55-1.55-1.55z" fill="#0066d9" style="stroke-width:2.19"/><path d="m24.3 11.1c-0.855 0-1.55 0.692-1.55 1.55v1.69c0 0.855 0.692 1.55 1.55 1.55s1.55-0.692 1.55-1.55v-1.69c0-0.855-0.692-1.55-1.55-1.55z" fill="#4285f4" style="stroke-width:2.19"/><path d="m8.02 16.2c-0.855 0-1.55 0.692-1.55 1.55v1.69c0 0.855 0.692 1.55 1.55 1.55s1.55-0.692 1.55-1.55v-1.69c0-0.855-0.692-1.55-1.55-1.55z" fill="#ea4335" style="stroke-width:2.19"/><path d="m8.02 6.05c-0.855 0-1.55 0.692-1.55 1.55v5.52h0.00141c0.0197 0.838 0.703 1.51 1.55 1.51s1.53-0.674 1.55-1.51h0.0014v-5.52c0-0.855-0.692-1.55-1.55-1.55z" fill="#ea4335" style="stroke-width:2.19"/><path d="m19 6.05c-0.855 0-1.55 0.692-1.55 1.55v1.69c0 0.855 0.692 1.55 1.55 1.55s1.55-0.692 1.55-1.55v-1.69c0-0.855-0.692-1.55-1.55-1.55z" fill="#34a853" style="stroke-width:2.19"/><path d="m13.5 1.12c-0.855 0-1.55 0.692-1.55 1.55v1.69c0 0.855 0.692 1.55 1.55 1.55s1.55-0.692 1.55-1.55v-1.69c0-0.855-0.692-1.55-1.55-1.55z" fill="#fab908" style="stroke-width:2.19"/><path d="m13.5 21.1c-0.855 0-1.55 0.692-1.55 1.55v1.69c0 0.855 0.692 1.55 1.55 1.55s1.55-0.692 1.55-1.55v-1.69c0-0.855-0.692-1.55-1.55-1.55z" fill="#fab908" style="stroke-width:2.19"/><path d="m19 12.4c-0.855 0-1.55 0.692-1.55 1.55v5.48c0 0.855 0.692 1.55 1.55 1.55s1.55-0.692 1.55-1.55v-5.48c0-0.855-0.692-1.55-1.55-1.55z" fill="#34a853" style="stroke-width:2.19"/><path d="m15 9c0-0.855-0.692-1.55-1.55-1.55s-1.55 0.692-1.55 1.55v9c0 0.855 0.692 1.55 1.55 1.55s1.55-0.692 1.55-1.55v-5.25z" fill="#fab908" style="stroke-width:2.19"/></g></g></g></g></svg>
</a>
<!-- Soundcloud -->
<a href="https://soundcloud.com" target="_blank" rel="noopener noreferrer"><svg class="button" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="background:#ff6A22"><g transform="matrix(.233 0 0 .233 -1.31 -1.81)" style="stroke-width:4.29"><path d="m16.7 68.8c-0.027 0.182-0.157 0.312-0.326 0.312s-0.299-0.13-0.325-0.316l-0.593-4.44 0.593-4.51c0.025-0.188 0.155-0.318 0.325-0.318 0.168 0 0.298 0.13 0.326 0.318l0.706 4.52zm3.02 2.7c-0.028 0.193-0.168 0.328-0.341 0.328-0.168 0-0.315-0.135-0.338-0.328l-0.798-7.14 0.798-7.3c0.024-0.188 0.17-0.328 0.338-0.328 0.173 0 0.313 0.137 0.341 0.328l0.908 7.3zm3.26 1.21c-0.023 0.232-0.197 0.397-0.406 0.397-0.216 0-0.387-0.165-0.408-0.397l-0.757-8.34 0.757-8.66c0.019-0.235 0.192-0.403 0.408-0.403 0.209 0 0.382 0.168 0.406 0.403l0.859 8.66zm3.29 0.265c-0.024 0.266-0.232 0.467-0.479 0.467-0.253 0-0.46-0.201-0.481-0.467l-0.715-8.61 0.715-8.9c0.021-0.268 0.228-0.469 0.481-0.469 0.247 0 0.455 0.201 0.479 0.469l0.811 8.9zm3.31 0.069c-0.017 0.309-0.258 0.538-0.543 0.538-0.294 0-0.527-0.229-0.547-0.538l-0.676-8.68 0.676-8.25c0.021-0.307 0.253-0.536 0.547-0.536 0.29 0 0.526 0.229 0.543 0.532l0.766 8.26zm3.34 5e-3v-5e-3c-0.02 0.342-0.291 0.612-0.617 0.612-0.327 0-0.598-0.271-0.617-0.607l-0.631-8.68 0.631-13.4c0.019-0.342 0.29-0.612 0.617-0.612s0.598 0.271 0.617 0.607l0.715 13.4zm3.32-5e-3v-5e-3c-0.02 0.378-0.319 0.679-0.689 0.679-0.363 0-0.663-0.301-0.681-0.679l-0.596-8.62 0.596-16.5c0.018-0.378 0.318-0.677 0.681-0.677 0.37 0 0.669 0.299 0.689 0.677l0.671 16.5zm3.44-0.133v-5e-3c-0.015 0.421-0.346 0.748-0.753 0.748s-0.738-0.327-0.753-0.743l-0.553-8.53s0.553-17.9 0.553-17.9c0.016-0.416 0.346-0.749 0.753-0.749s0.739 0.333 0.753 0.749l0.625 17.9zm3.42-0.057c-0.016 0.458-0.375 0.817-0.822 0.817-0.448 0-0.807-0.359-0.823-0.813l-0.516-8.48 0.516-18.5c0.016-0.46 0.375-0.818 0.823-0.818 0.447 0 0.807 0.358 0.822 0.818l0.573 18.5zm3.44-0.075v-5e-3c-0.016 0.495-0.403 0.888-0.894 0.888-0.484 0-0.879-0.393-0.888-0.883l-0.474-8.4 0.469-18c0.014-0.502 0.408-0.89 0.893-0.89 0.491 0 0.878 0.388 0.894 0.89l0.532 18zm3.47-0.05v-7e-3c-8e-3 0.539-0.434 0.954-0.96 0.954-0.53 0-0.95-0.415-0.966-0.947l-0.428-8.35 0.429-17.3c0.016-0.538 0.436-0.959 0.966-0.959 0.526 0 0.952 0.421 0.96 0.959l0.485 17.4zm3.54-0.881-0.043 0.818c-5e-3 0.285-0.125 0.543-0.308 0.729-0.188 0.183-0.446 0.3-0.719 0.3-0.318 0-0.598-0.146-0.79-0.376-0.142-0.167-0.23-0.383-0.24-0.61-3e-3 -0.01-3e-3 -0.023-3e-3 -0.037 0 0-0.395-8.29-0.395-8.3l0.39-20.4 5e-3 -0.196c3e-3 -0.358 0.193-0.677 0.477-0.86 0.159-0.106 0.347-0.168 0.557-0.168 0.206 0 0.401 0.064 0.564 0.177 0.277 0.185 0.458 0.496 0.463 0.852l0.434 20.6zm3.44 0.711v-0.01c-7e-3 0.604-0.502 1.1-1.1 1.1-0.6 0-1.09-0.492-1.1-1.09l-0.227-4.03-0.223-4.14 0.45-22.4v-0.113c1e-3 -0.34 0.161-0.644 0.408-0.849 0.189-0.155 0.432-0.249 0.692-0.249 0.207 0 0.399 0.057 0.563 0.153 0.313 0.196 0.532 0.543 0.542 0.94l0.487 22.5zm29.7 1.11h-27.7c-0.598-0.061-1.07-0.537-1.08-1.15v-31.7c0.01-0.584 0.211-0.885 0.963-1.17 1.94-0.752 4.14-1.2 6.4-1.2 9.22 0 16.8 7.07 17.6 16.1 1.19-0.495 2.5-0.777 3.86-0.777 5.52 0 9.99 4.48 9.99 10 0 5.52-4.47 9.95-9.99 9.95z" style="fill:#f1f2f2"/></g></svg>
</a>
</div>
</div>

14
_includes/menu.html
View File

@ -1,14 +0,0 @@
---
layout: blank
lang: it
title: "Menu provvisorio"
description: "Tutto a un tratto il menu su mobile ha smesso di funzionare. Mentre cerco di capire come sistemare la cosa con JavaScript, questa è l'alternativa. Da desktop dovrebbe essere tutto normale"
---
<ul>
<li>{% if page.lang == 'it' %}<a href="/about-it">Chi sono{% else %}<a href="/about">About{% endif %}</a></li>
<li>{% if page.lang == 'it' %}<a href="/ora">Ora{% else %}<a href="/now">Now{% endif %}</a></li>
<li>{% if page.lang == 'it' %}<a href="/zibaldone">Zibaldone{% else %}<a href="/zibenglish">Blog{% endif %}</a></li>
<li><a href="https://flickr.com/xplosionmind/albums">{% if page.lang == 'it' %}Visioni{% else %}Visions{% endif %}</a></li>
<li>{% if page.lang == 'it' %}<a href="/cose">Cose{% else %}<a href="/stuff">Stuff{% endif %}</a></li>
<li>{% if page.lang == 'it' %}<a href="/marmellata">La Marmellata{% else %}<a href="/jar">The Jar{% endif %}</a></li>
</ul>

11
_includes/nav.html
View File

@ -1,15 +1,16 @@
<section id="nav" class="nav">
<div id="home">
<a href="{% if page.lang == 'it' %}/it/home{% else %}/{% endif %}" title="home">Quit Social Media</a>
<a href="{% if page.lang == 'it' %}/it/home{% else %}/home{% endif %}" title="home">Quit Social Media</a>
</div>
<nav>
<a class="nav-mobile" href="javascript:void(0);" onclick="navtoggle()"><span></span></a>
<ul class="nav-list">
<li>{% if page.lang == 'it' %}<a href="/it/about">Info{% else %}<a href="/about">About{% endif %}</a></li>
<li>{% if page.lang == 'it' %}<a href="/it/why">Perché{% else %}<a href="/why">Why{% endif %}</a></li>
<li>{% if page.lang == 'it' %}<a href="/it/solutions">Soluzioni{% else %}<a href="/solutions">Solutions{% endif %}</a></li>
<li>{% if page.lang == 'it' %}<a href="/info">Info{% else %}<a href="/about">About{% endif %}</a></li>
<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>
{% unless page.ref == nil %}
<li id="language-selector" class="dropdown"><a onclick="langdropdown()" href="#!" title="language selector"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="var(--text)" d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 2a8.19 8.19 0 0 1 1.79.21 2.61 2.61 0 0 1-.78 1c-.22.17-.46.31-.7.46a4.56 4.56 0 0 0-1.85 1.67 6.49 6.49 0 0 0-.62 3.3c0 1.36 0 2.16-.95 2.87-1.37 1.07-3.46.47-4.76-.07A8.33 8.33 0 0 1 4 12a8 8 0 0 1 8-8zm4.89 14.32a6.79 6.79 0 0 0-.63-1.14c-.11-.16-.22-.32-.32-.49-.39-.68-.25-1 .38-2l.1-.17a4.77 4.77 0 0 0 .58-2.43 5.42 5.42 0 0 1 .09-1c.16-.73 1.71-.93 2.67-1a7.94 7.94 0 0 1-2.86 8.28z"/></svg></a>
<li id="language-selector" class="dropdown"><a onclick="langdropdown()" href="#!" title="language selector">🌏</a>
<ul class="dropdown-content">
{% for cosa in site.pages %}
{% if cosa.ref == page.ref %}

12
_includes/sconnesso.html
View File

@ -1,12 +0,0 @@
<a href="/sconnesso"><h2 class="title">Sconnesso</h2></a>
<div class="stuff row">
<div class="half column vertical flex">
<a href="https://sconnesso.link" target="_blank"><img src="{{ site.images }}/sconnesso.jpg" alt="Logo Sconnesso" title="Il logo di Sconnesso" /></a>
</div>
<div class="half column vertical flex">
<p>
{{ site.podcast.description }}
</p>
<a class="written button" href="https://sconnesso.link" target="_blank" style="background:var(--purple);color:white;">{% case page.lang %}{% when 'it' %}Ascolta{% else %}Listen{% endcase %}</a>
</div>
</div>

26
_includes/stuff.html
View File

@ -1,26 +0,0 @@
{% assign stuff=site.data.stuff %}
{% for thing in stuff %}
{% if page.lang == 'it' %}
<div class="stuff row" style="color: {{ thing.color }}; background: {{ thing.background }}" id="{{ thing.title | slugify }}">
<div class="half column vertical flex">
<img src="{{ site.images }}/stuff/{{ thing.title | slugify }}.jpg" title="{{ thing.alt-it }}" alt="{{ thing.alt-it }}" />
</div>
<div class="half column vertical flex">
<img class="stuff-logo" src="{{ site.logos }}/stuff/{{ thing.title | slugify }}.svg" alt="{{ thing.title }} logo" title="{{ thing.title }}" />
<p>{{ thing.description-it | markdownify }}</p>
<a href="{{ thing.link }}" rel="noopener noreferrer" target="_blank" class="written button" style="color: {{ thing.background }}; background: {{ thing.color }};">{{ thing.button-it }}</a>
</div>
</div>
{% else %}
<div class="stuff row" style="color: {{ thing.color }}; background: {{ thing.background }}" id="{{ thing.title | slugify }}">
<div class="half column vertical flex">
<img src="{{ site.images }}/stuff/{{ thing.title | slugify }}.jpg" title="{{ thing.alt }}" alt="{{ thing.alt }}" />
</div>
<div class="half column vertical flex">
<img class="stuff-logo" src="{{ site.logos }}/stuff/{{ thing.title | slugify }}.svg" alt="{{ thing.title }} logo" title="{{ thing.title }}" />
<p>{{ thing.description | markdownify }}</p>
<a href="{{ thing.link }}" rel="noopener noreferrer" target="_blank" class="written button" style="color: {{ thing.background }}; background: {{ thing.color }};">{{ thing.button }}</a>
</div>
</div>
{% endif %}
{% endfor %}

11
_includes/tags.html
View File

@ -1,11 +0,0 @@
<div class="box">
<a href="/tags"><h2 class="title">Tags</h2></a>
<div class="flex">
<a href="/poetry" style="color: white; background: linear-gradient(145deg, #009999, #006C6C);" class="smaller written button">Pasticci</a>
<a href="/filosofia" style="color: black; background: linear-gradient(145deg, #22F2A2, #1DB070);" class="smaller written button">Filosofia</a>
{% assign tags = site.data.tags %}
{% for tag in tags %}
<a href="/tags#{{ tag.title | slugify }}" class="smaller written button {{ tag.title | slugify }}" title="{{ tag.title }} tag">{{ tag.title }}</a>
{% endfor %}
</div>
</div>

216
_includes/zettelkasten-content.html
View File

@ -1,216 +0,0 @@
<!-- Parse internal links, external links, transclusions etc and manipuate the content to reflect it accordingly -->
{%- if page.content-type == "notes" -%}
<ul class="tags">
{%- if page.season != nil and page.season != empty -%}
<li><a href="javascript:void(0)" class="tag"><b>Season:</b> <i>{{page.season | capitalize}}</i></a></li>
{%- endif -%}
<!-- Loop through page categories and print them in tags -->
{%- if page.tags != empty and page.tags !=nil -%}
{%- for tag in page.tags -%}
<li><a href="/tags/#{{ tag }}" class="tag">{{ tag }}</a></li>
{%- endfor -%}
{%- endif -%}
</ul>
{%- endif -%}
{%- include toc.html -%}
<div class="content">
{%- assign content_array = content | split:'[[' -%}
{%- assign external_link_delimiter = '::' -%}
{%- assign internal_link_delimiter = '|' -%}
{%- assign link_joiner_delimiter = '$@' -%}
{%- for item in content_array -%}
{%- if forloop.index > 1 -%}
{%- assign itemparts = item | split:']]' -%}
{%- assign internal_link = itemparts[0] | split:internal_link_delimiter -%}
{%- assign external_link = itemparts[0] | split:external_link_delimiter -%}
{%- assign sidenote = itemparts[0] | split:sidenote_delimiter -%}
{%- if external_link[1] == nil -%}
{%- if internal_link[1] == nil -%}
{%- assign result_notes = site.notes | where: 'title',internal_link[0] -%}
{%- assign result_posts = site.posts | where: 'title',internal_link[0] -%}
{%- assign result_pages = site.pages | where: 'title',internal_link[0] -%}
{%- assign internal_links = internal_links | append: link_joiner_delimiter | append: internal_link[0] -%}
{%- assign internal_urls = internal_urls | append: link_joiner_delimiter | append: result_notes[0].url | append: result_posts[0].url | append: result_pages[0].url -%}
{%- else -%}
{%- assign result_notes = site.notes | where: 'title',internal_link[0] -%}
{%- assign result_posts = site.posts | where: 'title',internal_link[0] -%}
{%- assign result_pages = site.pages | where: 'title',internal_link[0] -%}
{%- assign internal_links_alt = internal_links_alt | append: link_joiner_delimiter | append: internal_link[0] -%}
{%- assign internal_urls_alt = internal_urls_alt | append: link_joiner_delimiter | append: result_notes[0].url | append: result_posts[0].url | append: result_pages[0].url -%}
{%- assign internal_titles_alt = internal_titles_alt | append: link_joiner_delimiter | append: internal_link[1] -%}
{%- endif -%}
{%- else -%}
{%- assign external_links = external_links | append: link_joiner_delimiter | append: external_link[0] -%}
{%- assign external_urls = external_urls | append: link_joiner_delimiter | append: external_link[1] -%}
{%- endif -%}
{%- endif -%}
{%- endfor -%}
{%- assign internal_url_array = internal_urls | split:link_joiner_delimiter -%}
{%- assign internal_link_array = internal_links | split:link_joiner_delimiter -%}
{%- assign external_url_array = external_urls | split:link_joiner_delimiter -%}
{%- assign external_link_array = external_links | split:link_joiner_delimiter -%}
{%- assign replaced_content = content -%}
{%- for title in internal_link_array -%}
{%- assign url = internal_url_array[forloop.index0] -%}
{%- if url == nil -%}
{%- assign link_text = '<a style="background-color:#ffffc4;" href="' | append: 'javascript:void(0)' | append: '">' | append: title | append: '</a>' -%}
{%- elsif url == empty -%}
{%- assign link_text = '<a style="background-color:#ffffc4;" href="' | append: 'javascript:void(0)' | append: '">' | append: title | append: '</a>' -%}
{%- else -%}
{%- assign post = site.notes | where: 'title',title -%}
{%- if post[0].title == nil -%}
{%- assign post = site.posts | where: 'title',title -%}
{%- endif -%}
{%- assign excerpt = post[0].content | markdownify | strip_html | truncate: 500 | newline_to_br -%}
{%- assign link_text = '<span class="tooltip"><a href="' | append: url | append: '">' | append: title | append: '</a><span class="right bottom"><span class="tooltip-title">' | append: title | append: '</span><br/><span class="tooltip-excerpt">' | append: excerpt | append: '</span><i></i></span></span>' -%}
{%- endif -%}
{%- assign bracket_link = '[[' | append: title | append: ']]' -%}
{%- assign replaced_content = replaced_content | replace: bracket_link,link_text -%}
{%- endfor -%}
{%- assign internal_url_alt_array = internal_urls_alt | split:link_joiner_delimiter -%}
{%- assign internal_link_alt_array = internal_links_alt | split:link_joiner_delimiter -%}
{%- assign internal_titles_alt_array = internal_titles_alt | split:link_joiner_delimiter -%}
{%- for title in internal_link_alt_array -%}
{%- assign url = internal_url_alt_array[forloop.index0] -%}
{%- assign alt_title = internal_titles_alt_array[forloop.index0] -%}
{%- if url == nil -%}
{%- assign link_text = '<a style="background-color:#ffffc4;" href="' | append: 'javascript:void(0)' | append: '">' | append: alt_title | append: '</a>' -%}
{%- elsif url == empty -%}
{%- assign link_text = '<a style="background-color:#ffffc4;" href="' | append: 'javascript:void(0)' | append: '">' | append: alt_title | append: '</a>' -%}
{%- else -%}
{%- assign post = site.notes | where: 'title',title -%}
{%- assign gggg = site.notes | where: 'title', 'pd.cut() - créer une variable catégorielle'-%}
{%- assign excerpt = post[0].content | markdownify | strip_html | truncate: 500 | newline_to_br -%}
{%- assign link_text = '<span class="tooltip"><a href="' | append: url | append: '">' | append: alt_title | append: '</a><span class="right bottom"><span class="tooltip-title">' | append: post[0].title | append: '</span><br/><span class="tooltip-excerpt">' | append: excerpt | append: '</span><i></i></span></span>' -%}
{%- endif -%}
{%- assign bracket_link = '[[' | append: title | append: '|' | append: alt_title | append: ']]' -%}
{%- assign replaced_content = replaced_content | replace: bracket_link, link_text -%}
{%- endfor -%}
{%- assign sideNoteCounter = 0 -%}
{%- assign srsCounter = 0 -%}
{%- for title in external_link_array -%}
{%- assign url = external_url_array[forloop.index0] -%}
{%- if url contains "wikipedia.org" -%}
{%- assign link_text = '<a href="' | append: url | append: '">' | append: title | append: '<sup ><i class="fa fa-wikipedia-w"></i>
</sup></a>' -%}
{%- elsif url contains "archive.org" -%}
{%- assign link_text = '<a href="' | append: url | append: '">' | append: title | append: '<sup >Wayback</sup></a>' -%}
{%- elsif url contains "gutenberg.org" -%}
{%- assign link_text = '<a href="' | append: url | append: '">' | append: title | append: '<sup >Guten</sup></a>' -%}
{%- elsif url contains "youtube.com" or url contains "youtu.be" -%}
{%- assign link_text = '<a href="' | append: url | append: '">' | append: title | append: '<sup ><i class="fa fa-youtube"></i></sup></a>' -%}
{%- elsif url contains "twitter.com" -%}
{%- assign link_text = '<a href="' | append: url | append: '">' | append: title | append: '<sup ><i class="fa fa-twitter"></i></sup></a>' -%}
{%- elsif url contains "github.com" or url contains "github.io" -%}
{%- assign link_text = '<a href="' | append: url | append: '">' | append: title | append: '<sup ><i class="fa fa-github"></i></sup></a>' -%}
{%- elsif url == "highlight" -%}
{%- assign link_text = '<span style="background-color: #DAEDFF; color: #555;">' | append: title | append: '</span>' -%}
{%- elsif url == "wrap" -%}
{%- assign link_text = '<div class="boxit">' | append: title | append: '</div>' -%}
{%- elsif url == "img" -%}
{%- assign link_text = '<img src="' | append: title | append: '"/>' -%}
{%- elsif url == "lsn" or url == "rsn" or url == "lsn-transclude" or url == "rsn-transclude" or url == "lmn" or url == "rmn" or url == "lmn-transclude" or url == "rmn-transclude" -%}
{%- assign toggleLabel = "" -%}
{%- assign sideNoteNum = "" -%}
{%- if url contains "lsn" -%}
{%- assign noteType = "sn-left" -%}
{%- assign sideNoteNum = "sidenote-number" -%}
{%- elsif url contains "rsn" -%}
{%- assign noteType = "sn-right" -%}
{%- assign sideNoteNum = "sidenote-number" -%}
{%- elsif url contains "lmn" -%}
{%- assign noteType = "mn-left" -%}
{%- assign toggleLabel = "&#8853;" -%}
{%- elsif url contains "rmn" -%}
{%- assign noteType = "mn-right" -%}
{%- assign toggleLabel = "&#8853;" -%}
{%- endif -%}
{%- if url contains "transclude" -%}
{%- assign post = site.notes | where: 'title',title -%}
{%- if post[0].title == nil -%}
{%- assign post = site.posts | where: 'title',title -%}
{%- endif -%}
{%- assign excerpt = post[0].content | strip_html | truncate: 280 -%}
{%- assign link_text = '<label for="' | append: url | append: '-' | append: sideNoteCounter | append: '" class="margin-toggle ' | append: sideNoteNum | append: ' ">' | append: toggleLabel | append: '</label><input type="checkbox" id="' | append: url | append: '-' | append: sideNoteCounter | append: '" class="margin-toggle"/><span class="' | append: noteType | append: '"><a href="' | append: post[0].url | append: '"> <span style="background-color: #ffffc4; color: #555;">Transclusion</span><br/><b>' | append: title | append: '</b><br/>' | append: excerpt | append: '</a></span>' -%}
{%- else -%}
{%- assign link_text = '<label for="' | append: url | append: '-' | append: sideNoteCounter | append: '" class="margin-toggle ' | append: sideNoteNum | append: ' ">' | append: toggleLabel | append: '</label><input type="checkbox" id="' | append: url | append: '-' | append: sideNoteCounter | append: '" class="margin-toggle"/><span class="' | append: noteType | append: '">' | append: title | append: '</span>' -%}
{%- endif -%}
{%- assign sideNoteCounter = sideNoteCounter | plus:1 -%}
{%- elsif url == "srs" -%}
{%- assign link_text = '<label for="' | append: url | append: '-' | append: srsCounter | append: '" class="srs-toggle "><svg class="srs-svg" x="0px" y="0px" height="20" width="18" viewBox="0 0 100 125" enable-background="new 0 0 100 100" xml:space="preserve"><path fill="none" d="M41.648,12.407c-0.186-0.286-0.5-0.457-0.841-0.457c-0.191,0-0.379,0.056-0.542,0.162l-5.235,3.396l8.239-0.602 L41.648,12.407z"/><path fill="none" d="M28.45,19.776L8.471,32.737c-0.462,0.3-0.594,0.921-0.294,1.384l23.832,36.736l-3.638-49.85 C28.34,20.584,28.379,20.176,28.45,19.776z"/><path d="M40.055,81.425l0.127-0.082l-1.181,0.086C39.319,81.615,39.731,81.635,40.055,81.425z"/><path d="M94.964,32.733c-0.616-1.185-1.656-2.06-2.93-2.462l-15.315-4.845l-0.576-7.905c-0.2-2.721-2.604-4.834-5.352-4.623 l-22.969,1.676l-2.818-4.344c-0.925-1.428-2.495-2.28-4.197-2.28c-0.966,0-1.907,0.279-2.719,0.806L6.294,29.381 c-2.313,1.5-2.974,4.603-1.473,6.916l30.496,47.008c0.926,1.428,2.495,2.28,4.198,2.28c0.965,0,1.905-0.278,2.717-0.806l1.04-0.675 l28.847,9.123c0.491,0.155,0.999,0.233,1.511,0.233c2.191,0,4.105-1.404,4.764-3.491l16.902-53.424 C95.697,35.273,95.58,33.919,94.964,32.733z M40.266,12.112c0.163-0.106,0.35-0.162,0.542-0.162c0.341,0,0.656,0.17,0.841,0.457 l1.622,2.5l-8.239,0.602L40.266,12.112z M8.177,34.121c-0.3-0.463-0.168-1.083,0.294-1.384l19.979-12.96 c-0.071,0.399-0.11,0.808-0.08,1.23l3.638,49.85L8.177,34.121z M35.678,66.191L32.36,20.716c-0.04-0.55,0.375-1.031,0.924-1.071 l12.471-0.909l4.552-0.332l20.852-1.52c0.519,0,0.955,0.408,0.993,0.928l0.461,6.315L55.9,18.841 c-0.49-0.155-0.997-0.234-1.508-0.234c-1.206,0-2.32,0.437-3.195,1.169c-0.715,0.597-1.274,1.385-1.571,2.324l-0.554,1.75 L35.678,66.191z M91.48,35.34l-11.408,36.06l-2.057,6.5l-3.438,10.867c-0.194,0.614-0.798,0.794-1.253,0.647l-25.706-8.13 l-1.247-0.394l-3.694-1.169l-5.488-1.735c-0.343-0.108-0.514-0.355-0.586-0.493c-0.061-0.116-0.137-0.342-0.093-0.617 c0.007-0.047,0.011-0.093,0.026-0.143l15.354-48.536l1.547-4.891c0.005-0.016,0.016-0.026,0.021-0.041 c0.166-0.451,0.579-0.659,0.932-0.659c0.101,0,0.202,0.016,0.301,0.047l18.233,5.768l4.105,1.299l13.795,4.364 c0.345,0.109,0.516,0.356,0.588,0.494C91.486,34.715,91.59,34.997,91.48,35.34z"/><path d="M40.055,81.425c-0.323,0.21-0.735,0.19-1.054,0.004l1.181-0.086L40.055,81.425z"/></svg></label><input type="checkbox" id="' | append: url | append: '-' | append: srsCounter | append: '" class="srs-toggle"/><span class="spaced-rep"><span style="font-size: 14px; color: #555;"><u><strong>Flashcard</strong></u></span><br/>' | append: title | append: '</span>' -%}
{%- assign srsCounter = srsCounter | plus:1 -%}
{%- elsif url == "todo" -%}
{%- assign todo_list = title | split:';' -%}
{%- assign link_text = "<h4>::TODO::</h4><ul style='padding-left: 20px; margin-top: -20px; list-style-type:decimal;'>" -%}
{%- for list_items in todo_list -%}
{%- assign link_text = link_text | append: '<li>' | append: list_items | append: '</li>' -%}
{%- endfor -%}
{%- assign link_text = link_text | append: '</ul>' -%}
{%- else -%}
{%- assign link_text = '<a href="' | append: url | append: '">' | append: title | append: '</a>' -%}
{%- endif -%}
{%- assign bracket_link = '[[' | append: title | append: external_link_delimiter | append: url | append: ']]' -%}
{%- assign replaced_content = replaced_content | replace: bracket_link,link_text -%}
{%- endfor -%}
{{ replaced_content }}
</div>

34
_layouts/category.html
View File

@ -1,34 +0,0 @@
---
layout: wrapper
---
<div class="page-header">
<h1 style="color: {{ page.color }}; background-color: {{ page.background-color }};">{{ page.title }}</h1>
<div class="row">
<div class="one column">
<p class="page description">
{{ content }}
</p>
</div>
</div>
</div>
{% for post in site.posts %}
{% if post.categories contains page.title %}
<a href="{{ post.url }}">
<div class="row">
<div class="one column preview">
<div class="four-fifths column">
<h2 class="post-title">{{ post.title }}</h2>
</div>
<div class="one-fifth column date">
{{ post.date | date: "%d %B %Y" }}
</div>
</div>
<div class="line" style="background: {{ page.background-color }}"></div>
</div>
</a>
{% endif %}
{% endfor %}
<br />
<br />

28
_layouts/page.html
View File

@ -1,15 +1,14 @@
---
layout: wrapper
---
<div class="row page-header">
<div class="one column">
<div class="one column">
<div class="row page-header">
<h1>{{ page.title }}</h1>
<p>{{ page.description }}</p>
</div>
</div>
{% if page.toc == 1 %}
<div class="row toc">
<div class="one column">
{% if page.toc == true %}
<div class="row toc">
<h2>
{% if page.lang == 'it' %}
Indice
@ -17,14 +16,19 @@ layout: wrapper
Table of contents
{% endif %}
</h2>
{% include toc.html html=content sanitize=true %}
</div>
</div>
{% endif %}
<div class="row">
<div class="one column">
{% include toc.html html=content sanitize=true %}
</div>
{% endif %}
<div class="row">
<article class="note">
{% include anchor-parser.html html=content %}
</article>
</div>
<div class="row">
{% include edit.html %}
{% include share.html %}
</div>
</div>

18
_layouts/poetry.html
View File

@ -1,18 +0,0 @@
---
layout: wrapper
---
<div class="h-entry">
<div class="row page-header">
<div class="one column">
<a class="u-uid" href="{{ page.url }}"><h1 class="p-name">{{ page.title }}</h1></a>
{% comment %}<a class="u-url" href="{{ site.url }}{{ page.url }}"><h1 class="p-name">{{ page.title }}</h1></a>{% endcomment %}
</div>
</div>
<div class="row">
<div class="one column">
<article class="e-content poetry">
{{ content }}
</article>
</div>
</div>
{% include share.html %}

31
_layouts/sconnesso.html
View File

@ -1,31 +0,0 @@
---
layout: wrapper
---
<link class="p-author h-card" rel="author" class="p-name" href="/about" content="{{ site.author.name }}" />
<div class="h-entry one column">
<div class="page-header row">
<a class="u-uid" href="{{ page.url }}"><h1 class="p-name">{{ page.title }}</h1></a>
<p>Episodio {{ page.episode }}, <time class="dt-published" datetime="{{ page.last_modified_at | date_to_xmlschema }}">{{ page.date | date_to_long_string }}</time></p>
</div>
{% include post-tags.html %}
<div class="row">
<article class="e-content">
<audio controls preload='auto'>
<source src='https://assets.tommi.space/assets/audio/{{ page.audio }}.wav'>
</audio>
{{ content }}
</article>
</div>
{% include post-tags.html %}
{% include share.html %}
{% include listen-on.html %}
{% include comments.html %}
</div>

4
_layouts/wrapper.html
View File

@ -18,6 +18,10 @@ layout: compress
{% include draft.html %}
{% endif %}
{% if page.tags contains 'l10n' %}
{% include l10n.html %}
{% endif %}
{{ content }}
{% include footer.html %}
</body>

17
_levels/L02-Share.md
View File

@ -1,17 +0,0 @@
---
title: "Spread the word"
redirect_from:
- /level-2
- /level2
- /l02
- /l2
- /l-02
- /l-2
- /awareness
- /share
ref: share
nextlevel: "3"
---
**Level 2**: spreading the word.
The most effective way to make the internet a healthier place is making everybody

6
_sass/_nav.scss
View File

@ -1,6 +1,6 @@
.nav {
height: 2.8rem;
margin: 2vw;
margin: 3vw;
text-transform: uppercase;
font-weight: 700;
* {
@ -93,8 +93,8 @@ nav {
height: 2.8rem;
width: 2.8rem;
position: absolute;
top: 2vw;
right: 2vw;
top: 3vw;
right: 3vw;
background: var(--background);
box-shadow: var(--shadow);
span {

2
_sass/_search.scss
View File

@ -29,7 +29,7 @@
&:active,
&:focus,
&:hover {
background: var(--primary);
background-color: var(--primary);
color: var(--background);
width: 94%;
right: 3%;

42
index.html
View File

@ -1,42 +0,0 @@
---
title: home
redirect_from: /home
lang: en
ref: home
---
<div class="one column">
<div class="row">
<div class="page-header">
<h1>Quit Social Media</h1>
<p>All of the reasons why Social Media platforms are bad and possible solution to live a happy life on the web without them</p>
</div>
</div>
{% for post in site.posts %}
{% if forloop.first %}
<div class="row">
<a href="/blog"><h2 class="title">Updates</h2></a>
<ul>
<li>{{ post.date | date_to_long_string }} - <a href="{{ post.url }}" title="{{ post.title }}"></a></li>
{% elsif forloop.last %}
<li>{{ post.date | date_to_long_string }} - <a href="{{ post.url }}" title="{{ post.title }}"></a></li>
</ul>
</div>
{% else %}
<li>{{ post.date | date_to_long_string }} - <a href="{{ post.url }}" title="{{ post.title }}"></a></li>
{% endif %}
{% else %}
{% endfor %}
<div class="row">
<h2 class="title">Website pages</h2>
<p>An overview of all the pages in the website:</p>
<ul>
{% for page in site.pages %}
{% unless page.url contains '.json' or page.url contains '.csv' or page.url contains '.css' or page.url contains '.txt' or page.title contains '404' or page.url contains '.xml' or page.title == nil or page.title == 'home' %}
<li><a href="{{ page.url }}" title="{{ page.title }}">{{ page.title }}</a> - {% if page.description != nil %}{{ page.description | markdownify | strip_html }}{% else %}{{ page.content | strip_html | truncatewords: 15 }}{% endif %}</li>
{% endunless %}
{% endfor %}
</ul>
</div>
</div>

11
pages/Contribute.md
View File

@ -3,16 +3,13 @@ title: Contribute
permalink: /contribute
ref: contribute
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
redirect_from: ["/contribution", "/contribution-guide", "/contrib", "/contribuisci"]
layout: page
---
There are several ways to contribute to this website, and any of it is very much appreciated.
- [**Spread the word**](/steps#share)
- [**Translate**](/l10n) the website's content
- [**Spread the word**](/share "Share")
- [**Translate**](/l10n "Localization page") the website's content
- **Add knowledge**: suggest videos, talks, researches, articles, etc.
- **Improve content**: fix typos, suggest better ways to explain things, report incorrect data or unreliable sources
- Tommi is a student, he has no income and nevertheless he spent months [studying](/act#study) the topic, developing the idea, building this website, and curating its content. You might consider [**making a donation**](https://liberapay.com/tommi/donate) for the time he devoted to the project.
- Tommi is a student, he has no income and nevertheless he spent months [studying](/why "Why") the topic, developing the idea, building this website, and curating its content. You might consider **[making a donation](https://liberapay.com/tommi/donate "Make a donation through Liberapay")** for the time he devoted to quitsocialmedia.club.

6
pages/Contributors.md
View File

@ -1,4 +1,5 @@
---
title: "Contributors"
permalink: /contributors
ref: contributors
description: "Everyone who made this website"
@ -6,8 +7,11 @@ layout: page
---
This website was created by [Tommi](https://tommi.space "Tommi's personal website").
<br>
<br>
## Localization
Everyone who localized content.
Everyone who localized content:
- [Tommi](https://tommi.space "Tommi's personal website") - 🇮🇹🇬🇧

28
pages/Development roadmap.md Normal file
View File

@ -0,0 +1,28 @@
---
title: Development roadmap
layout: page
title: Development roadmap
permalink: /development-roadmap
redirect_from: ["/dev-roadmap", "/dev", "/dev-path", "/development"]
description: "Technical stuff to do"
---
My personal roadmap to Internet Freedom is [here](https://tommi.space/internet-freedom-roadmap "Path to Internet Freedom - tommi.space")
{:.box}
More detailed data in the <a href="/notes" title="Notes page">notes</a>
{:.blue .box}
<br>
<br>
## l10n
Translations to be concluded:
<ul>
{%- for p in site.pages -%}
{%- if p.tags contains 'l10n' -%}
<li><a href="{{ p.url }}" title="{{ p.title }}">{{ p.title }}</a></li>
{%- endif -%}
{%- endfor -%}
</ul>

69
pages/Home.html Normal file
View File

@ -0,0 +1,69 @@
---
title: Home
ref: home
permalink: /home
---
<div class="one column">
<div class="row">
<div class="page-header">
<h1>Quit Social Media</h1>
<p>All of the reasons why Social Media platforms are bad and possible solutions to live a happy life on the web without them</p>
</div>
</div>
<div class="red box row">
<h2 class="title">WTF is this website?</h2>
<p>
<b>Short answer</b>: a place where all the reasons why social media are harmful are listed and several resources to deepen knowledge on the topic are provided.
<br />
<b>Long answer</b>: read the <a href="/about">About page</a>
</p>
<h3 class="title">Where to start</h3>
<p>
You probably are a busy person who doesn't have time to go through all of the stuff that's on here. Ok, I got you: just read this <a href="/quick">quick summary</a>
</p>
<p>
If devoting a bit more of your time to the dopic does not bother you, I ca assure you it's definitely worth it. I suggest you to follow <a href="/path" title="Path">this path</a>
</p>
</div>
{% for post in site.posts %}
{% if forloop.first %}
<div class="row">
<a href="/blog"><h2 class="title">Updates</h2></a>
<ul>
<li>{{ post.date | date_to_long_string }} - <a href="{{ post.url }}" title="{{ post.title }}"></a></li>
{% elsif forloop.last %}
<li>{{ post.date | date_to_long_string }} - <a href="{{ post.url }}" title="{{ post.title }}"></a></li>
</ul>
</div>
{% else %}
<li>{{ post.date | date_to_long_string }} - <a href="{{ post.url }}" title="{{ post.title }}"></a></li>
{% endif %}
{% else %}
{% endfor %}
<div class="blue box row">
<a href="/contribute"><h2 class="title">Contribute</h2></a>
{% for contrib in site.pages %}
{% if contrib.title == "Contribute" %}
{{ contrib.content | markdownify }}
{% endif %}
{% endfor %}
</div>
<div class="row">
<h2 class="title">Website pages</h2>
<p>An overview of all the pages in the website:</p>
<ul>
{% for p in site.pages %}
{% if p.lang == page.lang %}
{% unless p.url contains '.json' or p.url contains '.csv' or p.url contains '.css' or p.url contains '.txt' or p.title contains '404' or p.url contains '.xml' or p.title == nil or p.title == 'Home' %}
<li><a href="{{ p.url }}" title="{{ p.title }}">{{ p.title }}</a> - {{ p.description }}</li>
{% endunless %}
{% endif %}
{% endfor %}
</ul>
</div>
</div>

14
_levels/L01-Learn.md → pages/L01-Learn.md
View File

@ -1,17 +1,11 @@
---
title: "Becoming Aware"
redirect_from:
- /level-1
- /level1
- /l01
- /l1
- /l-01
- /l-1
- /awareness
- /learn
redirect_from: ["/level-1", "/level1", "/l01", "/l1", "/l-01", "/l-1", "/awareness", "/learn"]
ref: learn
level: "1"
nextlevel: "2"
description: "<strong>Level 1</strong>"
description: "<strong>Level 1</strong>: learn what's wrong with Social Media platform and become more concious"
layout: level
---
Before taking action, you should learn the most you can about Social Media, and you should [grasp the purpose](/why) of quitting.

12
pages/L02-Share.md Normal file
View File

@ -0,0 +1,12 @@
---
title: "Spread the word"
permalink: /share
redirect_from: ["/level-2", "/level2", "/l02", "/l2", "/l-02", "/l-2", "/awareness"]
ref: share
level: "2"
nextlevel: "3"
layout: level
description: "<strong>Level 2</strong>: share this website"
---
The most effective way to make the internet a healthier place is making everybody

185
pages/Notes.md Normal file
View File

@ -0,0 +1,185 @@
---
aliases: ["QSM", "Quit Social Media"]
permalink: /notes
redirect_from: ["/quit-social-media", "/qsm-notes", "/quit-social-media-notes", "/appunti"]
---
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}
To-do list, progress status and purposes are tracked on the [roadmap](https://quitsocialmedia.club/roadmap)
{:.box}
<br>
## Content
- [Cos'è il Free Software](https://www.gnu.org/philosophy/free-sw.it.html)
- [Differenze fra Free Software e Open Source](https://www.gnu.org/philosophy/open-source-misses-the-point.html)
- hypothes.is tags with language
- [Translate](https://wiki.fsfe.org/TechDocs/Mainpage/Translations) “[What is Free Software](https://fsfe.org/freesoftware/freesoftware.it.html) page in Italian, on <fsfe.org>
- [Snowden Stuff on Wired](https://www.wired.com/tag/edward-snowden/)
- <https://deletefacebook.com>
- <https://mzl.la/unfck>
- <https://indigenous.realize.be>
- <https://humanetech.community>
- <http://datascientia.disi.unitn.it>
- Do we really need to share everything? Does someone who is not interested in communication or media our cinema or art etc really need to share what goes on with our life?
- want to become fabous and be notices? Start writing emails, sending pictures, ask for collaborations
- 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?
- add donate button:
```
<script src="https://liberapay.com/tommi/widgets/button.js"></script>
<noscript><a href="https://liberapay.com/tommi/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg" /><a></noscript>
```
> The present treatise contains everything that I have been able to accomplish in this area. Not that I have attempted to collect here all the different arguments that could be put forward to establish the same results, for this does not seem worthwhile except in cases where no single argument is regarded as sufficiently reliable. What I have done is to take merely the principal and most important arguments and develop them in such a way that I would now venture to put them forward as very certain and evident demonstrations.
<br>
<br>
## Resources
Randomly ordered links to articles, videos, documents, etc. about social media issues
- [Facebook ads Brexit](https://www.ted.com/talks/carole_cadwalladr_facebook_s_role_in_brexit_and_the_threat_to_democracy)
- [Stop Using Facebook website](https://www.stopusingfacebook.co/)
- [time well spent article](https://medium.com/@caseorganic/is-your-product-designed-to-be-calm-cdde5039cca5)
- [Quit Social Media - TED Talk](https://youtu.be/3E7hkPZ-HTk)
- [quitfacebook.org](https://www.quitfacebook.org/)
- [Don Alberto sui social dannosi per i ragazzi](https://youtu.be/aZ2pn0tNoGQ?t=3600)
- [RaiPlay interview to Jaron Lanier](https://www.raiplay.it/video/2019/08/Codice-intervista-esclusiva-a-Jaron-Lanier-pioniere-della-realta-virtuale-98a38fd9-6fa9-46d6-9b49-f9deccc7d1c6.html) (in English)
<br>
## Concept
L’idea è quella di redarre un manifesto che unisca e raccolga tutti i motivi e le questioni per cui i social network così come li conosciamo sono socialmente dannosi e successivamente spingere in ogni modo le persone a firmarlo. Utopisticamente, il fine sarebbe che tutte le persone che hanno firmato il manifesto, una volta raggiunto un (grande) numero stabilito, in massa escano dai social proprietari, creando un vero e proprio movimento indipendente che promuove l’abbandono delle piattaforme brutte, grosse e cattive.
<br>
## Notes from *Ten Arguments for your deleting Social Media accounts*
[Here are](https://tommi.space/lanier-social-media-notes) the notes from the great book by [Jaron Lanier](http://www.jaronlanier.com/), [Ten Arguments for Your Deleting Social Media Accounts - Right Now](http://www.jaronlanier.com/tenarguments.html), which I discovered almost at the end of my journey of writing the [*Quit Social Media Manifesto*](/manifesto), but it explains in a better and more detailed way what I’ve been thinking about for months now.
<br>
<br>
## 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?)
```
<br>
## Random thoughts
- qualcuno si sta accorgendosi di qualcosa dev'essere trattata come una crisi, dovrebbe crescere la consapevolezza, come per l'ambiente
- [Internet Freedom Festival](https://internetfreedomfestival.org/) collab?
- suggerimento di un'alternativa o, comunque, un approccio differente alla condivisione pubblica in rete e non (sito web, eventi)
- come diffondere altrimenti movimenti geniali quali _Fridays For Future_, _le Sardine_, incontri, eventi, concerti?
- Comprensione: come funziona
- sensibilizzare
- discutere
- decentralizzazione
- non più solo mezzo, anche fine
- semplicità vs semplificazione
<br>
## Video spiegazione
- non TUTTI gli argomenti spiegati sono oggettivamente inequivocabilmente sempre veri, ma unendoli insieme emerge piuttosto chiaramente e oggettivamente che c'è un problema, piuttosto grosso.e
- perché
- partire dall'utente
- un luogo che raccolga TUTTI i motivi per cui i social proprietari sono dannosi, sotto ogni punto di vista
- perché di solito la divulgazione è ahtereferenziale, fra persone già interessate o del mestiere, o, semplicemente, nerd. Invece, siccome riguarda tutti, dovrebbe essere comprensibile e accessibile e conosciuto da tutti
- obiettivi
- firmare su change.org per tenere traccia, a 500 000 persone, in massa usciamo
- creare una community che si ritrovi a scegliere di non usare più piattaforme proprietarie
- aziende, imprese, personaggi pubblici, pagine: quando il 60% dei propri followers si sarà spostato su alternative, si eliminerà la pagina.
- alternative
- pro e contro
- fediverse, tutto connesso
- scarsa o assente moderazione o censura
- impossibilità di "promuovere post"
- completa trasparenza
- gestito da non profit o addirittura singoli
- chiunque può contribuire
- imperituri e impossibili da chiudere
- alternativeto.net
- note
- non sono pagato
- non so perfettamente tutto. Ci sono persone che fanno questo da una vita e ancora non sono considerate. Chiunque può contribuire con miglioramenti e correzioni
- ma allora perché condividere e pubblicare questo proprio sui social che si vogliono abbandonare?
- se lo facessi già su piattaforme alternative, non avrebbe senso, perché raggiungerei coloro che già hanno consapevolezza, e non sarebbe nulal di nuovo per loro
- perché dobbiamo usare i social per distruggere i social / perché, su internet, ogni mezzo è lecito per salvare internet
- perché dobbiamo dare un forte segnale e rendere un contenuto virale, cosa difficile se non impossibile su altre piattaforme, poiché non hanno sufficienti utenti
- non "perché?", ma "perché no?"
- non più solo mezzo, anche fine
<br>
<br>
## Advices
- veronica.piccolo@unive.it
<br>
## Preview
Who to share an early beta version of the website
- Carlo Lascialfari
- Lorenzo Ancona
- Vlad
## Share with
- Settime
- Claudio
- Mozilla Italia
- Internet Freedom Festival
- Derek Sivers: `derek@sive.rs`
- Jaron Lanier: `hello@jaronlanier.com`
- Awesome Humane Tech
- Redecentealize +
- Clarice Subiaco (Tlon videocall)
- Salvatore Cotogno (Tlon videocall)
- Erika Barbacelli
- <https://austinhuang.me/reference>
### Communities
- [Humane Tech Community](https://community.humanetech.com/)
- [Disroot Community](https://disroot.org/en/community)
- [Free Software Foundation Europe](https://fsfe.org/contact/contact.en.html)
- [Free Software Foundation Europe Milano](https://t.me/fsfemilano)
- [The Devs](https://thedevs.network/)
- Tlon
<br>
## Collaborations (?)
- Giffoni Film Festival
- Radioimmaginaria
## Press
- Comunicato stampa
- ilpost (Arianna + Sofri)
- codice, RaiPlay
- Press kit (`/press` e `/stampa`)

34
pages/Path.html
View File

@ -4,37 +4,29 @@ permalink: /path
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: 0
anchor: false
---
<p>
You shouldn't (very likely you don't even want to) rush it: don't delete any account straight away.<br />
Before you get there, if you do, there's an awareness path to follow.
You should not rush it (and very likely you don't even want to): don't delete any account straight away.<br />
Before you get there, <em>if</em> you do, there's an awareness path to follow.
</p>
<div class="red box">
Since you can take action at different levels, actions which get you closer to <a href="https://tommi.space/internet-freedom" target="_blank" title="“Internet Freedom” in Tommi's notes">Internet Freedom</a> are gameified and displayed as levels, from level <a href="/l00">Level 0</a> to <a href="l1000">Level 1000</a>.
Since you can take action at different levels, actions which get you closer to <a href="https://tommi.space/internet-freedom" target="_blank" title="“Internet Freedom” in Tommi's notes">Internet Freedom</a> are gameified and displayed as levels, from <a href="/l00">Level 0</a> to <a href="l1000">Level 1000</a>.
</div>
<br>
<ul>
<li><strong>Level 0</strong>: <a href="/about">about</a> this website and <strong>its <a href="/about#purpose">purpose</a></strong></li>
{% for level in site.levels %}
<li><strong>Level {{ forloop.index }}</strong>: <a href="{{ level.url }}" target="_blank">{{ level.title }}</a></li>
<li><strong>Level 0</strong>: <a href="/about" title="About quitsocialmedia.club">about</a> this website and <strong>its <a href="/about#purpose" "Purpose - quitsocialmedia.club">purpose</a></strong></li>
{% for level in site.pages %}
{% if level.level != nil and level.lang == page.lang %}
<li><strong>Level {{ level.level }}</strong>: <a href="{{ level.url }}" target="_blank" title="{{ level.title }}">{{ level.title }}</a> - {{ level.description }}</li>
{% endif %}
{% endfor %}
</ul>{% comment %}
<br>
<br>
{% for level in site.levels %}
<h2><a href="{{ level.url }}">{{ level.title }}</a></h2>
{{ level.content | markdownify }}
<br />
{% endfor %}
</ul>
{% comment %}
## About
@ -68,4 +60,6 @@ You may be interested in learning about [Free Software](https://fsfe.org/freesof
- [AlternativeTo](https://alternativeto.net/)
- [PrivacyTools](https://privacytools.io/)
- [Switching Software](https://switching.software/){% endcomment %}
- [Switching Software](https://switching.software/)
{% endcomment %}

19
pages/Quick.md
View File

@ -2,12 +2,23 @@
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 page to be."
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
---
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 pros and, most importantly, that the individual's actions are the key to improve digital wellbeing and make the internet a healthier place.
2. The best thing to do is to [delete your social media accounts](/delete), but there are some [intermediate steps](/act) which could make your life a lot better
3. If you don't feel like reading, you can get an idea of the importance and relevance of social media issues by watching some talks or documentaries (a [complete list](/watch)):
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
3. If you don't feel like reading, you can get an idea of the importance and relevance of social media issues by watching some talks or documentaries (a mre comprehensive list is in the [*Watch* page](/watch "Watch")):
- [<cite>The Great Hack</cite>](https://www.wikiwand.com/en/The_Great_Hack), a documentary on the Cambridge Analytica scandal, and much more.
- Carole Cadwalladr's Ted Talk on [Facebook's role in Brexit — and the threat to democracy](https://www.ted.com/talks/carole_cadwalladr_facebook_s_role_in_brexit_and_the_threat_to_democracy "Facebook's role in Brexit — and the threat to democracy, TED Talk")
- [<cite>The Social Dilemma</cite>](https://www.thesocialdilemma.com "The Social Dilemma website"), a documentary on the risks and threats of Social Media
4. In short, the key reasons which make Social Media bad are mainly the one above. They are better explained in the [Why page](/why "Why")
- They foster [anger](/why#anger "Anger - Why") and [hate](/why#hate), leading to a [polarization](/why#polarization) of society
- They make [misinformation](/why#misinformation) spread faster
- They make us live in a [bubble](/why#bubble)
- They lower the [quality](/why#quality) of the content, which is less valued than quantity
- They keep us [hooked](/why#addiction) and make us very [distracted](/why#distraction)
- They store a huge amount of [data](/why#data) on us which is used to [understand who we are](/why#profilation) and target us with specific advertisement to influence our behavior and beliefs
- They are [closed](/why#closed) [monopolies](/why#monopolization) and they crush competition, leaving very little choice to enterprises and communicators
- They [standardize](/why#standardization) rules and parameters by making everything look the same
- Everything is built to be [quick](/why#hurry) and rewarding; slow reading and focus are losing their crucial importance
- [They use us](/why#being-used), while we believe we are using them instead.

5
pages/Resources.html
View File

@ -3,9 +3,10 @@ title: Resources
ref: resources
lang: en
permalink: /resources
redirect_from:
- /bibliography
redirect_from: ["/bibliography", "/bibliografia", "/risorse"]
layout: page
description: "Every link posted in this website"
tags: wip
---
<ul>
{% for resource in site.data.resources %}

30
pages/Solution.md → pages/Solutions.md
View File

@ -1,18 +1,17 @@
---
title: Solution
permalink: /solution
title: Solutions
permalink: /solutions
ref: sol
toc: true
layout: page
redirect_from: ["/sol", "/solutions"]
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>freeedom</strong>. There are a few solutions which make life without Social Media connected and interactive anyway."
---
Being “social” without “Social Media” seems impossible. Nevertheless, it's a whole new life, full of surprises, excitement and authenticity, but, above all, **freeedom**. There are a few solutions which make life without Social Media connected and interactive anyway.
## Briefly
In short: after quitting social media, you won't become a misanthrope who lives in the woods and who is isolated from the rest of the world. You have awesome yet simple tools which replace in some way the tasks Social media.
In short: after quitting Social Media, you won't become a misanthrope who lives in the woods and who is isolated from the rest of the world. Quitting Social Media does not mean abandoning the web for good; on the contrary, it means exploiting its real <u>independent and open values</u> in different ways. You may not believe it, there exist **a lot** of awesome yet simple tools which replace in some way the tasks Social media.
The concept is this: to stay up to date, you can subscribe to any website's [RSS feed](#rss-feed), even to social media pages and profiles, YouTube channels… anything. To publish content, instead, the best way is to [**create your own website**](#website), or consider [healthier alternatives](#alternatives).
The concept is this: to stay up to date, you can subscribe to any website's [RSS feed](#rss-feed), even to Social Media pages and profiles, YouTube channels… anything. To publish content, instead, the best way is to [**create your own website**](#website), start a newsletter, or consider [healthier Social Media platforms](#alternatives).
<br>
<br>
@ -36,7 +35,7 @@ As pointed out in the [about](/about) page, this website isn't meant to explain
## Alternatives
We already [covered](/why) the reasons why Social Media platforms as we know them are bad. Nevertheless, there are plenty of platforms which solve some if not most of Social Media greatest issues. The most important features which all of them share that are worth noting is that they have **no ads**, user data collected is **the minimum** needed to make the service work, and they are open source: they will never die.
We already covered [the reasons](/why "Why") why Social Media platforms as we know them are bad. Nevertheless, there are plenty of platforms which solve some if not most of Social Media greatest issues. The most important features which all of them share that are worth noting is that they have **no ads**, user data collected is **the minimum** needed to make the service work, and they are open source: they will never die.
All of these platforms are free not only to subscribe to, but also to actually use! Anyone could take the code and install it on her/his own server. Imagine having a whole Facebook, completely owned by you. How cool would it be?
@ -57,3 +56,18 @@ The last solution is the best one: build your own website! Whatever your technic
### Further info
- [Get a Website Now! Don't be a Web Peasant!](https://youtu.be/bdKZVIGRAKQ "Get a Website Now! Don't be a Web Peasant!"), a YouTube video by [Luke Smith](https://lukesmith.xyz "Luke's personal website")
<br>
<br>
## Experiment
After quitting, instead of being [limited](/why#closed) you become free and your creativity is unbounded. Therefore, **start experimenting**!
You may start a newsletter or record a podcast, they're very popular these days! Alternetively, you may consider focusing on more intimate and personal communications, sharing your life's milestones by sending [private messages](https://signal.org) to groups or individuals.
<br>
<br>
Regardless of what you decide to do, you can start enjoying your freedom from Social Media.\
At first, it's going to be quite hard, but on the long run it's going to be a great gain!

5
pages/Watch.md Normal file
View File

@ -0,0 +1,5 @@
---
title: Watch
layout: page
description: "Instead of reading, you may start diving into the topic by watching some of these great talks and documentaries."
---

4
pages/Why.md
View File

@ -1,12 +1,12 @@
---
title: Why
permalink: /why
redirect_from: ["/arguments", "/reasons"]
ref: why
toc: true
layout: page
description: "The heart of the matter: all of the reasons why we should quit Social Media"
---
Quitting Social Media is a big step. This is why we have some pretty serious reasons and concerns to do it.
I haven't found yet a place on the web where all of these reasons for why Social Media are bad were listed. You might not believe in one or two of them, and even a handful of them won't be sufficient to make you realize the gravity of the problem. Nevertheless, after going through all of the arguments, it's hard to negate that something has to be done. The most effective something we can do as individuals, before government actions, lawsuits and reports, is quitting.
<br>

26
pages/about.md
View File

@ -3,19 +3,18 @@ title: About
ref: about
lang: en
permalink: /about
redirect_from:
- /who
- /purpose
redirect_from: ["/who", "/purpose"]
layout: page
description: "What quitsocialmedia.club is, how it's born and what its purposes are"
---
I'm Tommi, and I created this website. Let's skip the part [about me](https://tommi.space/about "About Tommi"), you can read it [on my website](https://tommi.space/ "Tommi Space").
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").
I spent several tormented months tinkering about the ups and downs of social media. I got very stressed and particularly obsessed with their [ethical issues](/why). Eventually, I realized [**quitting**](/quit "Quit") is the best (and probably the only) way to actually [feel better](/solutions).
I spent several tormented months tinkering about the ups and downs of Social Media. I got very stressed and particularly obsessed with their [ethical issues](/why). Eventually, I realized [**quitting**](/quit "Quit") is the best (and probably the only) way to actually [feel better](/solutions "Solutions").
Nevertheless, I concluded that just quitting and doing nothing else is useless. Yes I could feel better, yes I could start enjoying and experimenting new ways of communicating, but nobody else would benefit of my choice. So I asked myself:
Nevertheless, I concluded that <u>just quitting and doing nothing else is useless</u>. Yes I could feel better, yes I could start enjoying and experimenting [new ways of communicating](/solutions), but nobody else would benefit of my choice. So I asked myself:
- How is it possible that the situation is so bad and most of my friends literally ignore the problem, even feeling something's wrong?
- Why don't people get that it's in our best interest to [become aware](/why), inform ourselves and [act](/path) to make our online and offline relationships better?
- Why don't people get that it's in our best interest to [become aware](/why "Why"), inform ourselves and [act](/path "Path") to make our online and offline relationships better?
- How can I share the crucial importance of doubting about the way the most common social media platforms work?
- How to foster **curiosity**, need for knowledge and **concern** about the way most of our online relations happen these days?
- How can I let people realize that it's not about geeky or technical stuff?
@ -23,19 +22,20 @@ Nevertheless, I concluded that just quitting and doing nothing else is useless.
Simply abandoning social media platforms changes nothing.
I looked online for information and arguments to understand how Social Media work, but every publication always focused on few of them, and none was absolutely comprehensive; therefore, I decided to put everything together by myself
This website has three main purposes:
1. **Gathering in the same place** articles, researches, books, documentaries, interviews, and material of any sort which highlight how the risks and damages of social media outweigh their (still great) vantages.
1. Allowing skeptical, indifferent and unaware social media users to understand that individual and **personal choices are fundamental** to improve online experience, making the internet a better place.
1. **Being a reference point** for all social media quitters (who become more and more everyday), to provide them a reliable and complete yet simple and clear way to share their arguments.
I know there are many other [great communities](/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).
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 **carefully go through the website’s content** and the referenced material, <u>to acquire enough knowledge to decide by him/herself what's the best thing to do</u>.
<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>.
{:.red .box}
We need to understand what’s happening and look for a way to make our internet experience better.
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.
Quitting Social Media might be a great start.
@ -45,5 +45,5 @@ Quitting Social Media might be a great start.
## Notes
- I chose the `.club` domain because it was among the cheapest and, in the end, it makes sense.
- I want to point out 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) I became so tired and stressed I came close to giving up several times. (Once, I was so sleepy that by mistake I deleted the working directory of this website, irremediably losing months of hard work) I'm motivated only by my
- 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)!
- I want to point out 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")
- 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")!

19
pages/index.html Normal file
View File

@ -0,0 +1,19 @@
---
sitemap: false
layout: none
permalink: /
redirect_from: /landing-page
---
<html lang="en">
{% include head.html %}
<title>Quit Social Media</title>
<body>
<div class="landing vertical flex">
<h1>Quit Social Media</h1>
<div class="flex">
<a class="written blue button" href="/it/home" title="Homepage in italiano">Italiano</a>
<a class="written blue button" href="/home" title="English homepage">English</a>
</div>
</div>
</body>
</html>

10
pages/it/About.md
View File

@ -2,11 +2,13 @@
title: Info
ref: about
lang: it
permalink: /it/about
redirect_from: ["/about-it", "info"]
permalink: /info
redirect_from: ["/about-it", "/it/about"]
layout: page
tags: l10n
description: "Cos'è quitsocialmedia.club, come è nato ed il suo fine"
---
Sono Tommi, ho creato questo sito. Saltiamo la parte su di me, che si può leggere sul mio [sito web](https://tommi.space/tuffo#about).
Sono Tommi, ho creato questo sito. Saltiamo la parte su di me, che si può leggere sul mio [sito web](https://tommi.space/about-it "Tommi").
Dopo parecchi tormentati mesi passati a crucciarmi sui pregi e difetti dei social media, non ce la potevo fare più. Ero così stressato e ossessionato dai problemi etici che i social network di oggi pongono che ho conncluso che **abbandonarli** è l'unico modo per stare meglio.
@ -16,6 +18,8 @@ Solamente abbandonare i Social Media non cambia nulla.
Siamo onesti: non avere un profilo su Facebook, Instagram né Twitter (eccetera) in questo momento potrebbe far credere che si è esclusi dalle e chiusi in una quieta, pacifica, ma isolata bolla. Però, se non sei da solo, non è affatto così.
## Fine
Questo sito web ha tre principali scopi:
- Riunire ed elencare in un unico luogo tutti gli articoli, le ricerche, i documentari, le interviste e materiale di ogni sorta che provi come i rischi e i danni dei Social Media superino di gran lunga i loro (pur fantastici) vantaggi.

71
pages/it/Home.html Normal file
View File

@ -0,0 +1,71 @@
---
title: Home
lang: it
ref: home
permalink: /it/home
redirect_from: ["/home-it", "/it-home", "/home/it"]
---
<div class="one column">
<div class="row">
<div class="page-header">
<h1>Quit Social Media</h1>
<p>Tuttle le ragioni per cui i Social Media come li conosciamo ora sono pericolosi e tutte le possibili soluzioni per vivere una vita felice sul web.</p>
</div>
</div>
<div class="red box row">
<h2 class="title">Cosa cavolo è questo sito?</h2>
<p>
<b>Risposta breve</b>: un luogo in cui sono esposte tutte le ragioni per cui i Social Media sono un gran problema, con diverse risorse che ne spiegano il perché.
<br />
<b>Risposta lunga</b>: leggi le <a href="/about">info</a>.
</p>
<h3 class="title">Da dove partire</h3>
<p>
Probabilmente sarai una persona impegnata che non ha tempo da perdere per queste sciocchezze. Ok, ti capisco: ho scritto <a href="/veloce">un veloce riassunto</a> per te.
</p>
<p>
Se dedicare un po' più del tuo tempo all'argomento non ti spaventa, io posso assicurarti che ne vale la pena. Per fare tutto per bene, ti consiglio di seguire <a href="/percorso" title="/percorso"> questo percorso</a>.
</p>
</div>
{% for post in site.posts %}
{% if forloop.first %}
<div class="row">
<a href="/blog"><h2 class="title">Novità</h2></a>
<ul>
<li>{{ post.date | date_to_long_string }} - <a href="{{ post.url }}" title="{{ post.title }}"></a></li>
{% elsif forloop.last %}
<li>{{ post.date | date_to_long_string }} - <a href="{{ post.url }}" title="{{ post.title }}"></a></li>
</ul>
</div>
{% else %}
<li>{{ post.date | date_to_long_string }} - <a href="{{ post.url }}" title="{{ post.title }}"></a></li>
{% endif %}
{% else %}
{% endfor %}
<div class="blue box row">
<a href="/contribute"><h2 class="title">Contribuisci</h2></a>
{% for contrib in site.pages %}
{% if contrib.title == "Contribute" %}
{{ contrib.content | markdownify }}
{% endif %}
{% endfor %}
</div>
<div class="row">
<h2 class="title">Pagine</h2>
<p>Un'anteprima di tutte le pagine del sito in italiano:</p>
<ul>
{% for p in site.pages %}
{% if p.lang == page.lang %}
{% unless p.url contains '.json' or p.url contains '.csv' or p.url contains '.css' or p.url contains '.txt' or p.title contains '404' or p.url contains '.xml' or p.title == nil or p.title == 'Home' %}
<li><a href="{{ p.url }}" title="{{ p.title }}">{{ p.title }}</a> - {{ p.description }}</li>
{% endunless %}
{% endif %}
{% endfor %}
</ul>
</div>
</div>

67
pages/it/Path.html Normal file
View File

@ -0,0 +1,67 @@
---
title: Percorso
permalink: /percorso
redirect_from: ["/it/path", "/path-it", "/it-path", "/path/it"]
lang: it
ref: path
description: "Troppe informazioni ti disorientano? Prenditi un po' di tempo, respira, e segui questo percorso verso la libertà sul web."
layout: page
anchor: false
---
<p>
Non dovresti fare di corsa (anche perché probabilmente nemmeno vuoi): non eliminare alcun account immediatamente.<br />
Prima di arrivarci, se ci arriverai, è importante seguire <u>un percorso di <strong>consapevolezza</strong></u>.
</p>
<div class="red box">
Poiché si può agire a diversi livelli, in un anelito verso l'<a href="https://tommi.space/internet-freedom" target="_blank" title="“Internet Freedom” in Tommi's notes"><cite>Internet Freedom</cite></a>, ho trasformato questo percorso in un giochino: dal <a href="/l00">Livello 0</a> al <a href="l1000">Livello 1000</a>.
</div>
<br>
<ul>
<li><strong>Livello 0</strong>: <a href="/info" title="About quitsocialmedia.club">cos'è</a> questo sito e qual è <strong>il suo <a href="/info#fine" "Fine - quitsocialmedia.club">fine</a></strong></li>
{% for level in site.pages %}
{% if level.level != nil and level.lang == page.lang %}
<li><strong>Livello {{ level.level }}</strong>: <a href="{{ level.url }}" target="_blank" title="{{ level.title }}">{{ level.title }}</a> - {{ level.description }}</li>
{% endif %}
{% endfor %}
</ul>
{% comment %}
## About
First of all, you should aknowledge [the purpose](/about) of this website, who created it, and why it's much needed.
<br>
## Why
[Why](/why) should you quit Social Media?
More importantly, are they that bad? The short answer is yes, they do. They're awesome for some things, but there are many other terrifying aspects to consider which objectively strongly overweight the pros.
The [why page](/why) is too long? Start from [here](/quick)
{:.blue .box}
<br>
## Act
You
<br>
## Free Software
Finding out more about what's wrong with Social Media made you more aware of all of the other big problems that “free” services provided by big cosporations have?
You may be interested in learning about [Free Software](https://fsfe.org/freesoftware/freesoftware.en.html) and in considering Free Software alternatives to non-free proprietary software you are using. How to find alternative software and choose the one which fits you? There are a ton of wabsites which accomplish this task perfectly, the most famous are below.
- [AlternativeTo](https://alternativeto.net/)
- [PrivacyTools](https://privacytools.io/)
- [Switching Software](https://switching.software/)
{% endcomment %}

75
pages/it/Solutions.md Normal file
View File

@ -0,0 +1,75 @@
---
title: Soluzioni
permalink: /soluzioni
lang: it
ref: sol
toc: true
layout: page
redirect_from: ["/sol-it", "/it/sol", "/soluzione", "/it/solutions"]
description: "Essere “social” senza “Social Media” sembra impossibile. Tuttavia, è veramente una nuova vita, straordinaria, piena di sorprese, scoperte, autenticità ed eccitazione, ma, soprattutto, <strong>libera</strong>. Esistono alcune favolose soluzioni talmente perfette che danno apparire i Social Media quasi inutili e stupidi."
tags: l10n
---
## Briefly
In short: after quitting Social Media, you won't become a misanthrope who lives in the woods and who is isolated from the rest of the world. Quitting Social Media does not mean abandoning the web for good; on the contrary, it means exploiting its real <u>independent and open values</u> in different ways. You may not believe it, there exist **a lot** of awesome yet simple tools which replace in some way the tasks Social media.
The concept is this: to stay up to date, you can subscribe to any website's [RSS feed](#rss-feed), even to Social Media pages and profiles, YouTube channels… anything. To publish content, instead, the best way is to [**create your own website**](#website), start a newsletter, or consider [healthier Social Media platforms](#alternatives).
<br>
<br>
## RSS feed
You may have no idea [what a RSS feed is](https://en.wikipedia.org/wiki/RSS), or you may recall it as something old and remote. It's a simple tool which keeps you anonymous and isn't owned by anyone, which keeps you anonymous. It has no algorithms and nobody uses watches your actions for [advertising purposes](/why#profilation).
Some say it's dead because of Social Media, the thing is it's EVERYWHERE instead, we just don't see it. Starting to use it is trivial.
As pointed out in the [about](/about) page, this website isn't meant to explain what it contains, but simply put together data, so I won't explain what RSS is, but link to some explanations:
- [What is RSS?](https://yewtu.be/6HNUqDL-pI8?quality=dash&dark_mode=true&player_style=youtube&subtitles=en%2Cit), a YouTube video
- [What is RSS](https://www.digitaltrends.com/computing/what-is-an-rss-feed/), an article
- [RSS on Wikipedia](https://en.wikipedia.org/wiki/RSS) (or, even better, [Web feed](https://en.wikipedia.org/wiki/Web_feed) on Wikipedia)
- [RSS before Social Media](https://yewtu.be/watch?v=0klgLsSxGsU&quality=dash&dark_mode=true&player_style=youtube&subtitles=en), a very interesting YouTube video to watch: it shows how before the diffusion of Social Media RSS really was the best way to stay updated.
- RSS is fundamental in one field in particular: **podcasting**. Anyone who has a podcast publishes it in one place (a podcasting platform or a website) and all of the other podcasting platforms [get new episodes through its RSS feed](https://yewtu.be/TU5zc-u6dhY?t=159).
<br>
<br>
## Alternatives
We already covered [the reasons](/why "Why") why Social Media platforms as we know them are bad. Nevertheless, there are plenty of platforms which solve some if not most of Social Media greatest issues. The most important features which all of them share that are worth noting is that they have **no ads**, user data collected is **the minimum** needed to make the service work, and they are open source: they will never die.
All of these platforms are free not only to subscribe to, but also to actually use! Anyone could take the code and install it on her/his own server. Imagine having a whole Facebook, completely owned by you. How cool would it be?
- [Mastodon](https://joinmastodon.org "Join Mastodon") is the most famous one. Think of it as a healthier version of Twitter.
- [Pixelfed](https://pixelfed.org "Pixelfed official website") is almost identical to Instagram. It has stories, too!
- [Friendica](https://friendi.ca "Friendica official website") it something like Facebook.
- [PeerTube](https://joinpeertube.org "PeerTube") is a great paltform built by the French Framasoft. As the name suggests, it's like YouTube, but it relies on peer-to-peer video sharing to avoid stressing the servers which host the existing instances.
The most awesome thing is that all of these platforms are connected among each other: I can follof from my mastodon account someone on PixelFed, as well as a PeerTube channel. This is possible because these healthier alternative Social Media platforms are based on the same protocol, [ActivityPub](https://en.wikipedia.org/wiki/ActivityPub "ActivityPub on Wikipedia"). Thanks to this federation, all of these platforms can interact with each other and together they composed what is wonderfully called the [*Fediverse*](https://www.wikiwand.com/en/Fediverse "Fediverse on Wikipedia") (which stands for *Federated (Social Media) Universe*)
<br>
<br>
## Website
The last solution is the best one: build your own website! Whatever your technical skills may be, you can be your own social media provider and create your online world by yourself. [Wordpress](https://wordpress.com "Wordpress") is the most popular and it's easiest way to start, but if you'd like to learn web development, I suggest [Jekyll](https://jekyllrb.com "Jekyll official website"), which I used for my personal site as well as this one!
### Further info
- [Get a Website Now! Don't be a Web Peasant!](https://youtu.be/bdKZVIGRAKQ "Get a Website Now! Don't be a Web Peasant!"), a YouTube video by [Luke Smith](https://lukesmith.xyz "Luke's personal website")
<br>
<br>
## Experiment
After quitting, instead of being [limited](/why#closed) you become free and your creativity is unbounded. Therefore, **start experimenting**!
You may start a newsletter or record a podcast, they're very popular these days! Alternetively, you may consider focusing on more intimate and personal communications, sharing your life's milestones by sending [private messages](https://signal.org) to groups or individuals.
<br>
<br>
Regardless of what you decide to do, you can start enjoying your freedom from Social Media.\
At first, it's going to be quite hard, but on the long run it's going to be a great gain!

235
pages/it/Why.md Normal file
View File

@ -0,0 +1,235 @@
---
title: Perché
tags: l10n
permalink: /perché
redirect_from: ["/it/why", "/why-it", "/perche", "/motivi"]
lang: it
ref: why
toc: true
layout: page
description: "Il cuore della questione: tutte le ragioni per cui dovremmo uscire dai Social Media"
---
Quitting Social Media is a big step. This is why we have some pretty serious reasons and concerns to do it.
I haven't found yet a place on the web where all of these reasons for why Social Media are bad were listed. You might not believe in one or two of them, and even a handful of them won't be sufficient to make you realize the gravity of the problem. Nevertheless, after going through all of the arguments, it's hard to negate that something has to be done. The most effective something we can do as individuals, before government actions, lawsuits and reports, is quitting.
<br>
<br>
## Anger
It's scientifically proven that negative emotions engage users way more than positive emotions. Feed composition algorithms are tailored to maximize engagement and interaction, they don't actually care about how users feel. Our emotions are governed by a machine: you get angry for something you see, you react to it, and you'll start seeing more of it. The more anger, the more engagement, the better.
<br>
<br>
## Hate
Strictly connected with [anger](#anger). When you get angry, you do something about it. This is exactly what Social Media platforms wait for. It doesn't matter how much the debate is fired up, as long as you're interacting a lot, it's good. The problem is you get more hateful: you can't discuss with people who have a different idea without judging them. Social Media allow us to report content which contains hate or insults, but one thing which can't be reported are **emotions**.
<br>
<br>
## Polarization
It goes without saying that hateful speech and anger lead to a strong polarization in society.\
“Polarization” is a word we are hearing a lot in these days, but the surprising fact is that it isn't linked to one bad side only; division and extremism are fostered by people with different ideas who can't listen to each other. Social Media platforms don't do much to allow a more peaceful way of sharing ideas and a greater openness to different positions.
<br>
<br>
## Misinformation
This is one of the key points of 2020, and of the last months in general: Social Media platforms make it very hard to understand what's true and what's not. Of course, it's not only a problem which appears on Social Media platforms, but it got dangerous because of them. Donald Trump's and highly influential people's posts may be checked, but it is virtually impossible for platforms owners to keep up with what's going on and be certain that no fake information is being shared. Around this key point, and whose responsibility is it if something goes wrong, is rotating the debate about [Section 230](https://en.wikipedia.org/wiki/Section_230 "Section 230 on Wikipedia"), which basically states that it's not the platform's owner of employee responsibility if something against the law is published on a cretain platform. Everybody should be responsible for what he/she shares, and publishing content should be done regardless of Social Media.
### Further reading
- [Don’t Blame Section 230 for Big Tech’s Failures. Blame Big Tech.](https://www.eff.org/deeplinks/2020/11/dont-blame-section-230-big-techs-failures-blame-big-tech "Don’t Blame Section 230 for Big Tech’s Failures. Blame Big Tech. - EFF") by Elliot Harmon on [EFF](https://eff.org "EFF official website")
<br>
<br>
## Bubble
Since algorithms which govern Social Media aim to keep users hooked to their platform the more they can, they attempt to show us content they know users will like. We're not talking about advertisements alone, we're talking about suggestions inside the platform. “You may also like”, “similar to this” … are just other ways of telling you “keep browsing more, stay here!”. The problem isn't only being [hooked](#addiction), but also ending up living in a bubble, where the vast majority of the content is likeable to you or in line with your ideas, while other things are a remote, unimportant matter. Think about a political election you voted to in the last few years: if you get informed about politics through social media, you probably believed that your side, whatever it was, was gonna win, even if it didn't. This is the simplest example of living in a bubble: you perceive a distorted view of reality.
<br>
<br>
## Quality
In what proportion is your social media feed populated by meaningful, qualitative content as opposed to selfies of friends, pictures of models, memes and puppies? The great concern, in this case, is that the quality, profoundness, meaningfulness of the contents we enjoy everyday is getting terribly low. Because of social media [we get distracted](#distraction) too often by stuff which most of the time is irrelevant and not insightful. In general, we tend to have less to do with culture, knowledge, leargning, while spending time on empty entertainment.\
Note: I'm not criticizing low level entrateinment and silly funny images or videos, I'm preoccupied by how much they're taking over more important and meaningful content.
<br>
<br>
## Addiction
It may be a matter of push notifications, and the ringtone of our smartphone always buzzing and capturing our attention, requiring us to look at who commented on our latest post; nevertheless, it's not just this, it's about how Social Media are designed and built: they require us to be satisfied so much by what we experience that we start to somewhat *need* it.\
Ok, anyone may reply to this argument “come on, it's very few people! I'm not addicted!”. If you dare, uninstall all of your social media apps for one month, just out of curiosity, as an experiment; you probably wouldn't repeat this again.
<br>
<br>
## Distraction
Of course, distraction and [addiction](#addiction) go hand in hand: the more we need to check all of our apps for new likes or posts, the less we focus on things which actually matter to us. It's mostly a matter of [time](#time), but it's also a matter of focus and commitment: Social Media make us endlessly jump from one content to another at great speed; at most, our eyes stay put on a picture for five seconds. It follows that in our everyday lives focusing on something for a long time requires an innatuaral amount of effort.\
Again: it's not that if someone isn't focused it's because of Social Media, but for sure spending time scrolling our feed does not halp us being more focused.
<br>
<br>
## Data
Whether we want this or not, even by passively using Social Media, so by browsing around, whatcing videos and pictures or reading posts, we give Social Media platforms owners a huge amount of data about us and about what we like, for free. Such data, even if it's “deliberately” shared, is piled up day after day, month after month and year after year. The result is scary… what all of this information about us is used for? The answer is [user profilation](#profilation).
<br>
<br>
## Profilation
Probably this is one of the main reasons why people delete their social media accounts. The matter is very simple, too: our data is used to understand who we are. If the answer was limited to this, it could also be acceptable. In the end, if we want to use the internet, something about us is leaked some way or another. The problem is how our identity, our intrests, our fears, our desires, our hate are managed and what they're used for.
It's not a secret: our identity is sold to addvertisers to show (or better, flood our feed) with ads “of our interest”. This may be even good if it was used solely for marketing purposes, but, unfortunately, it's not: we may be (and probably we are) targeted by political ads, which don't aim to sell us something or make install some app, but their purpose is to condition our behavior and distort our view of the world, further enforcing the [bubble](#bubble) we are uncounsciously trapped in.
<br>
<br>
## Monopolization
Is there any way to become an influencer, to promore a product, to share a political point of view, to condemn an injustice, to display a piece of art or to communicate anything to the public which doesn't involve Social Media? Regardless of Social Media being good or bad, the fact that being heard or noticed in this messy world is *only* through platforms owned by giant corporations which use our content to grow tremendously and endlessly, by earning an incredible amount of money is deeply unjust. Social Media corporations are monopolies which don't allow any competition to mess with them, by either buying competitors, or by being so much bigger that if a tiny slice of the market is stolen it doesn't change much.
Facebook is now being sued in the US by the government and by several states, exactly with the accusation of unlawfully acquiring and avoiging competitors.
<br>
<br>
## Standardization
What does creativity have to do with all of this? As seen in [monopolization](#monopolization), there is little if no alternative to have a public online presence if not by taking advantage of a social media profile. Unless you were previously known for some reason, it's very unlikely for you to be considered by a broad audience without a social media profile. From these considerations stems that the vast majority of people online necessarily show their content and their public image on a page which has the same layout, the same rules, the same colors. You can be as creative as you wish in editing and posting, but you will always be constrained by the same standard.
Social media are killing diversity: they are standardizing the way people present themselves, the way in which communicators can be listened, and, more importantly, the way in which pictures are displayed. The context loses all of its meaning. Personality and identity are masked behind the same layer and behind a profile which is the same for everybody.
<br>
<br>
## Content ownership
Is what we publish on Social Media actually ours? The answer comes straight from the two major social media platform policies.
**Spoiler** - The short answer is yes, but the actual one is no: we retain ownership rights on our content, but it means that almost nothing, since platforms can do whatever they whant with it, and we cann't do anything about it: once we published something, **it's not over our control anymore**. So: we own our content but we can't control it. Is this actual ownership?
### Facebook
From Facebook's [Terms of Service](https://www.facebook.com/terms.php "Facebook Terms of Service")
> […] when you share, post, or upload content that is covered by intellectual property rights on or in connection with our Products, you grant us a non-exclusive, transferable, sub-licensable, royalty-free, and worldwide license to host, use, distribute, modify, run, copy, publicly perform or display, translate, and create derivative works of your content (consistent with your privacy and application settings). […]
[Source](https://hyp.is/XqcmpBIrEeu7dUNn9rN24g/www.facebook.com/terms.php "Facebook Terms of Service")
### Twitter
From Twitter's [Terms of Service](https://twitter.com/en/tos "Twitter Terms of Service")
> […] By submitting, posting or displaying Content on or through the Services, you grant us a worldwide, non-exclusive, royalty-free license (with the right to sublicense) to use, copy, reproduce, process, adapt, modify, publish, transmit, display and distribute such Content in any and all media or distribution methods now known or later developed (for clarity, these rights include, for example, curating, transforming, and translating). […]
[Source](https://hyp.is/2H2wMhIsEeuntaMMPJ6iIw/twitter.com/en/tos "Twitter Terms of Service")
<br>
## Tik Tok
From Tik Tok's [Terms of use](https://www.tiktok.com/legal/terms-of-use "Tik Tok Terms of Service")
> […] You or the owner of your User Content still own the copyright in User Content sent to us, but by submitting User Content via the Services, you hereby grant us an unconditional irrevocable, non-exclusive, royalty-free, fully transferable, perpetual worldwide licence to use, modify, adapt, reproduce, make derivative works of, publish and/or transmit, and/or distribute and to authorise other users of the Services and other third-parties to view, access, use, download, modify, adapt, reproduce, make derivative works of, publish and/or transmit your User Content in any format and on any platform, either now known or hereinafter invented. […]
>
> You further grant us a royalty-free license to use your user name, image, voice, and likeness to identify you as the source of any of your User Content;
[Source](https://hyp.is/GROIKBIuEeukK5tV0Tl_rg/www.tiktok.com/legal/terms-of-use?lang=en "Tik Tok Terms of Service")
Important passage:
> […] you are granting us the right to use your User Content without the obligation to pay royalties to any third party […]
[Source](https://hyp.is/VnoxMBIuEeuuiUMgV1pp_Q/www.tiktok.com/legal/terms-of-use?lang=en "Tik Tok Terms of Service")
<br>
### Further readings
- SocialMediaToday: [Who Owns Your Content Online?](https://www.socialmediatoday.com/content/who-owns-your-content-online)
- TechJunkie: [Does Instagram Own the Pictures & Photos you Post?](https://social.techjunkie.com/instagram-own-photos-pictures/)
<br>
<br>
## Hurry
As noted in [distraction](#distraction), we look at anything which appears on our feed very quickly. We double tap and like hundreds of posts every day, and we do it so much that we don't mind anymore the importance of the content. We may look at one of our friends taking a selfie with her new make-up and immediately after this a video of a forest being devastated by wildfire. Isn't it strongly unethical? Is it right to dedicate few seconds, or even milliseconds, to such different topics, jumping from hard and touching images, to silly and funny ones? I believe this is not how human nature is. To learn something, we need to take time and commit ourselves to it, 100%.
Social Media make everything appear similar by flattening every post and putting it into the same, identical, container. In this way, we lose empathy, compassion and we can't distinguish anymore what's important and what's worrying to what's a joke.
<br>
<br>
## Simplicity vs simplification
On Social Media, everything is gameified, and everything looks so simple. Truth is not simple, though. Neither are the world we live in and its inhabitants. The Universe is complex, hard to understand, full of confusing and conflicting events. Social Media simplify everything, as if knowledge was always at hand and everything could be easily learned. Unfortunately, it's not quite so. While on the web developers attempt to pursue simplicity and minimalism, Social Media fight fo simlification of matters which are not. There may be no actual right or wrong concerning an argument, but algorithms detect what's our inclination and display us what enforces it, so we become convinced of something which appears very simple, while in the end it's not, and we miss a whole point of view, the one from the other side.
Simplification is bad, simplicity is good, but it can't be everywhere. Let's quit social media to look at the other site of the coin and embrace the comlexity of our reality.
<br>
<br>
## Being always connected
The paragraph title says it all. Do we really need to be this connected? Do we really need to look at the hundreds of media pubished and shared by the ones we follow, everyday?
I believe the answer is no, and I'm not the only one.
<br>
<br>
## Environment
This may be the weaker argument among the ones in this page. It is worth mentioning it, anyway.
Facebook stated that by the end of 2030 it will commit 100% to renewable energy; it has also dedicated [a whole website](https://sustainability.fb.com "Facebook Sustainability") to the topic of sustainability. Nevertheless, services provided by Social Media companies are powered by an undisclosed number of indefinitely big (probably huge) servers all over the world. Such servers are super powerful computers conneced to the internet all of the day, everyday; they are responsible for the effective publication of what we share, and they make sure everything is accessible to anyone, anywhere on the planet (actually, not everything, we are kind of in a [bubble](#bubble)). As it's easy to imagine, these servers consume an astounding amount of energy, and, even if it comes from renewable sources, it still has a great impact on our planet's environment.
A personal note: not dumb people aknowledge that the greatest and most worrying issue for us in this time in history (setting asite the pandemic for one moment) is the global warming emergency; it is strongly affecting our lives and it's very likely to devastate them unless we do something in the near future. Even if it may not seem justified, my concern about Social Media is somewhat greater: if global warming can be observed, objectively measured and monitored, the decline of internet freedom is something subtle, happening in the shadows and with a growing but still very little attention, if compared to the dimensions of the problem. We should quit social media to make the world better.
<br>
<br>
## Closed
Let's imagine I am an influencer and I want to move to another social networking platform (it may be Mastodon, Pixelfed, Friendica, Diaspora…), which is very little known and much less used, if compared to Social Media giantes everybody knows. How can I do it? Outside of my social media profiles, unless I have a great fanbase, I have no followers, no audience, no tool outside of the great Social Media platforms I used up to now. The only way I can continue to do my job is by building a new fanbase from scratch.
This is a little mind experiment (and probably even not the most effective one) to give you an idea of how closed Social Media are. These platforms don't interact among each other, instead, they compete. If all of a sudden for some reason Twitter shuts down, there is no way to go on using Twitter anymore. Social Media as we know them are limited to and by the ones who own them, and it is as a world without them does not exist. We can prove the contrary.
<br>
<br>
## Saturation
Social Media business plan is to provide a “free” “service” to their users by displaying ads. I already wrote about what and how bad those ads are, but now the focus is on their sustainability. I'm not using Instagram since one year ago, but, last I checked, there was an ad every three stories I watched. The same, or even worse, with posts.
Social Media current business plan is becoming less rewarding everyday. There is a worrying saturation of ads and media which makes the single adversisement worth a fraction of what it was worth several months ago. Social Media need to change, sooner or later. They are bound to shut down unless they find other ways to make profit. They are getting close to the edge and an evolution is required to them to continue to surf the wave of dominance over the world.
In the meanwhile, we can get out of this mess, so that it can't concern us. Once we deleted Social Media accounts, we become independent and free, and how much an ad is worth or how many of them are clummed into a feed is not of our interest anymore.
<br>
<br>
## Being used
If we think carefully, we may realize that we don't actually use Social Media: Social Media use us. Think about something you can do thanks to Social Media: isn't it possible to do it without them? Often, the answer is “yes, but I wouldn't get such good results”. The fact is that quitting is hard mainly because we get out of a system which is [closed](#closed) and it doesn't work according to rules we can influence. Either Social Media are ok as they are, or we can't use them. We, as individuals, have no voice whatsoever in how Social Media platforms should work.
Social Media impose on us so many rules, boundaries, systems and preconceptions that we're not the true users anymore. Our interactions, our posts, our likes, our comments, everything produces value and earnings, but not for us. We are used to produce wealth for those who control the platforms we use to produce it, and the excuse is that we connect, we interact, we make friends or we even find love thanks to them. It is not true: we might be able to do all of this, maybe even in a better way, without Social Media, but we can't.
It's impossible for us to change Social Media and stop being used by them unless we completely quit. There is no middle way, there is no compromise. Using Social Media consciously is a joke as much as claiming that they do not influence society.
In our hand we have the power to say no, to stop the trend, to give back diversity, empathy, calm, peace, meaning, art, and authentic feelings to the world.
It's not easy, and it's quite painful at the beginning, but you can do it, we can do it, if we're not alone.

12
pages/roadmap.md
View File

@ -1,12 +0,0 @@
---
title: Roadmap
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
More detailed data in the [notes](/notes)
{:.warning}

104
style.scss
View File

@ -11,7 +11,7 @@
html {
box-sizing: border-box;
cursor: url(https://assets.tommi.space/logos/cursor.svg) 16 16, crosshair;
cursor: url(https://assets.tommi.space/logos/red-cursor.svg) 16 16, crosshair;
background: var(--background);
scroll-behavior: smooth;
}
@ -160,52 +160,71 @@ article li,
text-shadow: none;
color: var(--link) !important;
}
&[href*="jar" i],
&[href*="marmellata" i] {
&::before {
content: "🍯 ";
}
}
&[href*="mailto" i] {
&::before {
content: "✉️ ";
}
}
&[href*="giri" i] {
&::before {
content: "🧳 ";
}
}
&[href*="visioni" i],
&[href*="visions" i] {
&[href*="/about" i] {
&::before {
content: "🖼 ";
/*content: "📷" */
content: "🙋🏻‍♂️ ";
}
}
&[href="/about" i],
&[href*="about-it" i] {
&[href*="development" i] {
&::before {
content: "🙋 ";
content: "💻 ";
}
}
&[href="/zibaldone" i],
&[href="/zibenglish" i],
&[href="/blog" i] {
&[href*="resources" i] {
&::before {
content: "📜 ";
/*content: "📖"; */
content: "📚 ";
}
}
&[href*="unive.it" i] {
&[href*="/path" i] {
&::before {
content: "🎓 ";
content: "🧭 ";
}
}
&[href^="/"],
&[href^="#"],
&[href*="https://tommi.space" i] {
color: var(--internal-link);
&[href*="/why" i] {
&::before {
content: "❓";
}
}
&[href*="l10n" i] {
&::before {
content: "🌎 ";
}
}
&[href*="learn" i] {
&::before {
content: "📖 ";
}
}
&[href*="/solution" i] {
&::before {
content: "💡 ";
}
}
&[href*="/quick" i] {
&::before {
content: "⏰ ";
}
}
&[href*="/watch" i] {
&::before {
content: "🍿 ";
}
}
&[href*="/delete" i],
&[href*="/quit" i] {
&::before {
content: "❌ ";
}
}
&[href="/contributors" i] {
&::before {
content: "🧑🏽‍💻 ";
}
}
}
}
@ -249,7 +268,7 @@ button,
.button,
.aa-suggestion,
.embed-container {
cursor: url(https://assets.tommi.space/logos/cursor-hover.svg) 16 16, pointer;
cursor: url(https://assets.tommi.space/logos/red-cursor-hover.svg) 16 16, pointer;
}
@ -652,22 +671,15 @@ h2 {
}
footer {
margin: var(--bigger) 3%;
margin: 2vw;
overflow: hidden;
width: 94%;
padding: var(--big);
width: 96%;
padding: 2vw;
border-radius: var(--radius-l);
box-shadow: var(--shadow);
* {
text-align: center;
}
p {
opacity: .7;
&:hover,
&:focus {
opacity: 1;
}
}
img {
border-radius: 0;
margin: auto;
@ -793,16 +805,16 @@ button,
color: white !important;
border-color: var(--red) !important;
a {
color: var(--yellow);
color: var(--light-blue);
}
}
.blue {
background: var(--blue);
color: white !important;
border-color: var(--blue) !important;
background: var(--light-blue);
color: var(--blue) !important;
border-color: var(--light-blue) !important;
a {
color: var(--yellow);
color: var(--red);
}
}