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

Migration to Eleventy almost complete 

The website now builds with Eleventy, but there are still many bugs to
fix.
This commit is contained in:
Tommi 2022-06-01 19:34:23 +02:00
parent ea68e427e9
commit c3811ec689
52 changed files with 530 additions and 486 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
.eleventy.js
View File

@ -33,27 +33,6 @@ module.exports = function(eleventyConfig) {
eleventyConfig.setFrontMatterParsingOptions({ excerpt: true, excerpt_separator: '<!--excerpt-->'});
eleventyConfig.setQuietMode(true);
// Collections //
eleventyConfig.addCollection('posts', function(collection) {
return collection.getFilteredByGlob('content/posts/*').sort((a, b) => {
return b.date - a.date; // sort by date - descending
});
});
eleventyConfig.addCollection('jam', function(collection) {
return collection.getFilteredByGlob('content/notes/public/*').sort((a, b) => {
return b.date - a.date;
});
});
eleventyConfig.addCollection('poetry', function(collection) {
return collection.getFilteredByGlob('content/poetry/*').sort((a, b) => {
return b.date - a.date;
});
});
eleventyConfig.addCollection('sconnesso', function(collection) {
return collection.getFilteredByGlob('content/sconnesso/*').sort((a, b) => {
return b.date - a.date;
});
});
// Multilingual sitemap collection. See https://github.com/quasibit/eleventy-plugin-sitemap#create-a-multilingual-sitemap
eleventyConfig.addCollection('sitemap', function(collectionApi) {
return collectionApi
@ -150,7 +129,7 @@ module.exports = function(eleventyConfig) {
eleventyConfig.addFilter('convertHtmlToAbsoluteUrls', pluginRss.convertHtmlToAbsoluteUrls);
// Minify output //
eleventyConfig.addTransform('miniHtml', function(content, outputPath) {
/*eleventyConfig.addTransform('miniHtml', function(content, outputPath) {
if( this.outputPath && this.outputPath.endsWith('.html') ) {
let minified = miniHtml.minify(content, {
useShortDoctype: true,
@ -163,7 +142,7 @@ module.exports = function(eleventyConfig) {
return minified;
}
return content;
});
});*/
// 404 //
eleventyConfig.setBrowserSyncConfig({

2
404.html
View File

@ -1,6 +1,6 @@
---
permalink: /404.html
layout: full
layout: full.html
sitemap: false
title: 404
link: 'javascript:history.go(-1)'

37
data/tommi.json Normal file
View File

@ -0,0 +1,37 @@
{
"@context": "http://schema.org",
"@type": "Person",
"gender": "Male",
"url": "https://tommi.space",
"name": "Tommi",
"givenName": "Tommaso",
"familyname": "Marmo",
"nationality": "IT",
"mainEntityOfPage": "https://tommi.space/about",
"image": "https://tommi.space/profile-full.jpg",
"birthDate": "2000-07-08",
"knowsLanguage": ["it", "en", "fr"],
"jobTitle": "Enthusiast",
"worksFor": {
"@type": "Organization",
"additionalType": "Brand",
"name": "A.P.S. Oltre",
"email": "staff@scambi.org",
"url": "https://scambi.org/oltre",
"sameAs": "https://tommi.space/oltre",
"address":{
"@type": "PostalAddress",
"addressCountry": "IT",
"addressRegion": "IM",
"postalCode": 18038,
"streetAddress": "Via Dante Alighieri, 81"
},
"event": {
"name": "Scambi Festival",
"location": "Sanremo, Italy"
}
},
"hasOccupation": {},
"knows": [],
"memberOf": []
}

18
includes/comments.html
View File

@ -1,10 +1,8 @@
{% if page.comments %}
<section id='comments' class='u-comment box row'>
<h2 class='title'>{% case page.lang %}{% when 'it' %}Commenti{% when 'fr' %}Commentaires{% else %}Comments{% endcase %}</h2>
<script defer
src='https://bla.tommi.space/js/commento.js'
data-no-fonts='true'>
</script>
<div id='commento'></div>
</section>
{% endif %}
<section id='comments' class='u-comment box row'>
<h2 class='title'>{% case lang %}{% when 'it' %}Commenti{% when 'fr' %}Commentaires{% else %}Comments{% endcase %}</h2>
<script defer
src='https://bla.tommi.space/js/commento.js'
data-no-fonts='true'>
</script>
<div id='commento'></div>
</section>

10
includes/draft.html
View File

@ -1,16 +1,16 @@
<div class='one column row'>
<div class='banner red box'>
<h3>🚧 {% case page.lang %}{% when 'it' %}Lavori in corso{% when 'fr' %}Travail en cours{% else %}Work in progress{% endcase %} 🏗</h3>
{% case page.lang %}
<h3>🚧 {% case lang %}{% when 'it' %}Lavori in corso{% when 'fr' %}Travail en cours{% else %}Work in progress{% endcase %} 🏗</h3>
{% case lang %}
{% when 'it' %}
Questa pagina è ancora <u>in fase di scrittura</u>. Perdona eventuali errori o imprecisioni.<br />
Se hai parti da aggiungere o da correggere, <a href='https://www.github.com/{{ site.github_username }}/{{ site.git_repository }}/blob/main/{{ page.path | uri_escape }}' target='_blank' title='Modifica “{{ page.title }}” su GitHub'>puoi completarla tu</a>!
Se hai parti da aggiungere o da correggere, <a href='{{ source }}' target='_blank' title='Modifica “{{ title }}” su GitHub'>puoi completarla tu</a>!
{% when 'fr' %}
Cette page est en train d’être ècrite ou modifiée. S’il vous plait, pardonnez éventuel erreurs.<br />
Vous pouvez <a href='https://www.github.com/{{ site.github_username }}/{{ site.git_repository }}/blob/main/{{ page.path | uri_escape }}' target='_blank' title='Modifiez “{{ page.title }}” sur GitHub'>ajouter ou modifier quelque chose vous-mêmes</a>!
Vous pouvez <a href='{{ source }}' target='_blank' title='Modifiez “{{ title }}” sur GitHub'>ajouter ou modifier quelque chose vous-mêmes</a>!
{% else %}
This page is still being written or edited. Please pardon possible errors or imperfections.<br />
If you have something to add or to adjust yourself, <a href='https://www.github.com/{{ site.github_username }}/{{ site.git_repository }}/blob/main/{{ page.path | uri_escape }}' target='_blank' title='Edit “{{ page.title }} on GitHub”'>feel free to do it</a>!
If you have something to add or to adjust yourself, <a href='{{ source }}' target='_blank' title='Edit “{{ title }} on GitHub”'>feel free to do it</a>!
{% endcase %}
</div>
</div>

8
includes/edit.html
View File

@ -1,12 +1,12 @@
<div class='row'>
<p class='center'><a href='https://www.github.com/{{ site.github_username }}/{{ site.git_repository }}/blob/main/{{ page.path | uri_escape }}' target='_blank' title='
<p class='center'><a href='{{ source }}' target='_blank' title='
{% case page.lang %}
{% when 'it' %}
Modifica questa pagina su GitHub'>modifica questa pagina
Modifica questa pagina su Codeberg'>modifica questa pagina
{% when 'fr' %}
Modifiez cette page-ci sur GitHub'>Modifiez cette page-ci
Modifiez cette page-ci sur Codeberg'>Modifiez cette page-ci
{% else %}
Edit this page on GitHub'>edit this page
Edit this page on Codeeberg'>edit this page
{% endcase %}
</a>
</p>

26
includes/footer.html
View File

@ -1,8 +1,8 @@
<footer id='0'>
<div class='row'>
<p>{% case page.lang%}
<p>{% case lang%}
{% when 'it' %}
Questo sito è stato ideato e creato da <a href='https://tommi.space/about' target='_blank' title='About Tommi'>Tommi</a> con ❤️ e dedizione.
Questo sito è stato ideato e creato da <a href='https://tommi.space/about-it' target='_blank' title='About Tommi'>Tommi</a> con ❤️ e dedizione.
{% when 'fr' %}
Ce site-ci à été creé par <a href='https://tommi.space/about' target='_blank' title='About Tommi'>Tommi</a> et traduit en Français par <a href='https://github.com/le-jun' target='_blank' title='JeJun sur GitHub'>LeJun</a>.
{% else %}
@ -10,29 +10,27 @@
{% endcase %}</p>
</div>
<div class='flex row'>
<p class='time'>{% case page.lang %}{% when 'it %}Ultimo aggiornamento di questa pagina{% when 'fr'%}Dernière mise à jour de cette page-ci{% else %}This page was last updated on{% endcase %}:<br /><time>{{ page.last_modified_at | date: '%Y-%m-%d' }}</time></p>
<!--<a href='{% if page.lang == 'it' %}https://it.liberapay.com/tommi/donate{% else %}https://liberapay.com/tommi/donate{% endif %}' title='Donate to Tommi using Liberapay'>
{% comment %}<p class='time'>{% case lang %}{% when 'it %}Ultimo aggiornamento di questa pagina{% when 'fr'%}Dernière mise à jour de cette page-ci{% else %}This page was last updated on{% endcase %}:<br /><time>{{ page.last_modified_at | date: '%Y-%m-%d' }}</time></p>
<a href='{% if page.lang == 'it' %}https://it.liberapay.com/tommi/donate{% else %}https://liberapay.com/tommi/donate{% endif %}' title='Donate to Tommi using Liberapay'>
<img alt='Donate using Liberapay' src='https://liberapay.com/assets/widgets/donate.svg' />
</a>-->
<!-- <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> -->
<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>{% endcomment %}
<div class='h-card button-box' id='social-box'>
<!-- RSS feed -->
<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/quitsocialmedia.club' target='_blank' rel='noopener noreferrer' title='{% if page.lang == 'it' %}Il codice sorgente di questo sito su GitHub{% else %}Source code of this website on GitHub{% 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>
{% comment %}<!-- GitHub -->
<a rel='me' class'u-url' href='https://github.com/xplosionmind/quitsocialmedia.club' target='_blank' title='{% if page.lang == 'it' %}Il codice sorgente di questo sito su GitHub{% else %}Source code of this website on GitHub{% 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>
<!-- Gitea -->
<a href='https://gitea.it/tommi/quitsocialmedia.club' rel='me' target='_blank' title='{% if page.lang == 'it' %}Il codice sorgente di questo sito su Gitea.it{% else %}Source code of this website on Gitea.it{% endif %}'><svg class='button' width='512' height='512' version='1.1' viewBox='0 0 135 135' xmlns='http://www.w3.org/2000/svg'><g transform='translate(0 -162)'><path d='m29.2 196c-8.71-0.0248-20.4 6.2-19.7 21.8 1.01 24.4 23.2 26.6 32.1 26.8 0.975 4.57 11.4 20.3 19.2 21.2h33.9c20.3-1.52 35.6-69.1 24.3-69.4-42.7 2.26-45.6 1.95-80.9 0-2.28-0.0243-5.45-0.451-8.86-0.461zm2.27 8.63c1.23 12.5 3.25 19.8 7.32 31-10.4-1.37-19.2-4.77-20.9-17.4-0.868-6.76 2.18-13.8 13.5-13.5z' style='fill:var(--background);stroke:var(--background)'/></g><rect transform='matrix(.9 .437 -.437 .899 0 0)' x='85' y='18.3' width='31.7' height='31.7' rx='5.48' ry='5.48' style='fill:var(--primary);stroke-width:.248'/><path d='m76.7 56 2.96 1.47v-21.6h-2.98z' style='fill:var(--primary);stroke-width:.266px'/><g transform='matrix(.913 0 0 .912 3.9 3.7)' style='stroke-width:1.1'><circle transform='rotate(-19.8)' cx='49.1' cy='90.1' r='3.47' style='fill:var(--background);stroke-width:.29'/><circle transform='rotate(-19.8)' cx='36.8' cy='102' r='3.47' style='fill:var(--background);stroke-width:.29'/><circle transform='rotate(-19.8)' cx='46.5' cy='111' r='3.47' style='fill:var(--background);stroke-width:.29'/><rect transform='rotate(26)' x='97.3' y='18.1' width='2.67' height='27.3' style='fill:var(--background);stroke-width:.301'/><path d='m76.6 68.1c13 6.4 13 4.1 4.89 20.9' style='fill:none;stroke-width:2.94;stroke:var(--background)'/></g></svg>
</a>
<a href='https://codeberg.org/tommi/quitsocialmedia.club' rel='me' target='_blank' title='{% if page.lang == 'it' %}Il codice sorgente di questo sito su Codeberg{% else %}Source code of this website on Codeberg{% endif %}'>
<svg class='button' width='16' height='16' version='1.1' viewBox='0 0 4.23 4.23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><linearGradient id='a' x1='42519' x2='42575' y1='-7079' y2='-6967' gradientUnits='userSpaceOnUse'><stop stop-color='#fff' stop-opacity='0' offset='0'/><stop stop-color='#fff' stop-opacity='.3' offset='.495'/><stop stop-color='#fff' stop-opacity='.3' offset='1'/></linearGradient></defs><g transform='matrix(.0655 0 0 .0655 -2.23 -1.43)'><path transform='matrix(.371 0 0 .371 -15690 2662)' d='m42519-7079a0.761 0.568 0 0 0-0.738 0.674l33.6 126a87.2 87.2 0 0 0 39.4-33.8l-71.6-92.5a0.761 0.568 0 0 0-0.664-0.279z' fill='url(#a)' stop-color='#000000' style='font-variation-settings:normal;paint-order:stroke markers fill'/><path transform='matrix(1.4 0 0 1.4 -15690 2662)' d='m11249-1884c-12.7 0-23.1 10.3-23.1 23.1 0 4.33 1.22 8.58 3.52 12.3l19.2-24.9c0.138-0.18 0.486-0.18 0.624 0l19.2 24.9c2.3-3.67 3.52-7.92 3.52-12.3 0-12.7-10.3-23.1-23.1-23.1z' fill='#fff' stop-color='#000000' stroke-width='17' style='paint-order:markers fill stroke'/></g></svg>
</a>
<!-- Telegram -->
<a class='u-url' href='{% if page.lang == 'it' %}https://t.me/quitsocialmedia_it{% else %}https://quitsocialmedia_en{% endif %}' target='_blank' rel='me noopener noreferrer' title='{% if page.lang == 'it' %}Unisciti al gruppo Telegram{% else %}Join the Telegram group{% 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='{% if page.lang == 'it' %}https://t.me/quitsocialmedia_it{% else %}https://quitsocialmedia_en{% endif %}' target='_blank' rel='me noopener noreferrer' title='{% if page.lang == 'it' %}Unisciti al gruppo Telegram{% else %}Join the Telegram group{% 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>{% endcomment %}
</div>
</div>
<div id='license' class='row'>
{% case page.lang %}
{% case lang %}
{% when 'it' %}
<p>Eccetto dove diversamente specificato, tutto quello che c’è in questo sito, compreso il codice sorgente, è protetto dalla licenza <a rel='license' href='http://creativecommons.org/licenses/by-sa/4.0/deed.it' target='_blank'>Creative Commons Attribution-ShareAlike 4.0 International</a>.</p>
{% when 'fr' %}

103
includes/head.html
View File

@ -1,24 +1,93 @@
{% assign absoluteUrl = url | prepend: site.url %}
<head>
<!-- Basic -->
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1, viewport-fit=cover'>
<meta name='mobile-web-app-capable' content='yes'>
<meta name='apple-mobile-web-app-status-bar-style' content='black-translucent'>
<meta name='apple-mobile-web-app-capable' content='yes'>
<meta name='color-scheme' content='dark light'>
{% seo %}
<link rel='alternate' type='application/atom+xml' title='{% case page.lang %}{% when 'it'%}Blog{% when 'fr' %}Mises à jour{% else %}Updates feed{% endcase %}' hreflang='en' href='/feed.xml'>
<title>{{ page.title }} | Quit Social Media</title>
<!-- Assets -->
<link rel='preload' href='/style.css' type='text/css' as='style'>
<link rel='preload' href='/inter.woff2' as='font' type='font/woff2'>
<link rel='stylesheet' href='/style.css' type='text/css'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<meta http-equiv='x-ua-compatible' content='ie=edge'>
<meta name='mobile-web-app-capable' content='yes'>
<link rel='icon' href='{{ site.favicon}}'>
<meta name='apple-mobile-web-app-status-bar-style' content='black-translucent'>
<meta name='theme-color' content='#1D3557'>
<meta property='og:type' content='website'>
<meta property='og:article:published_time' content='{{ page.date | date_to_xmlschema }}'>
<meta property='og:locale:alternate' content='{% case page.lang %}{% when 'en' %}it{% else %}en{% endcase %}'>
<!-- Analytics -->
<script async defer data-domain='quitsocialmedia.club' src='https://visits.quitsocialmedia.club/js/index.js'></script>
<script>if(!sessionStorage.getItem('_swa')&&document.referrer.indexOf(location.protocol+'//'+location.host)!== 0){fetch('https://counter.dev/track?'+new URLSearchParams({referrer:document.referrer,screen:screen.width+'x'+screen.height,user:'tommi',utcoffset:'1'}))};sessionStorage.setItem('_swa','1');</script>
<!-- Favicon -->
<link rel='icon' href='/favicon-16x16.png' type='image/png' sizes='16x16'>
<link rel='icon' href='/favicon-32x32.png' type='image/png' sizes='32x32'>
<link rel='shortcut icon' href='/favicon.ico' type='image/x-icon'>
<link rel='apple-touch-icon' sizes='120x120' href='/favicon-120.png' type='image/png'>
<link rel='apple-touch-icon' sizes='152x152' href='/favicon-152.png' type='image/png'>
<link rel='apple-touch-icon' sizes='167x167' href='/favicon-167.png' type='image/png'>
<link rel='apple-touch-icon' sizes='180x180' href='/favicon-180.png' type='image/png'>
<!-- Metadata -->
<title>{% if title %}{{ title }} | {% endif %}{{ site.title }}</title>
<meta property='og:title' content='{% if title %}{{ title }} | {% endif %}{{ site.title }}'>
{% if description != nil %}
<meta name='description' content='{{ description | strip_html | replace: "'", " " }}'>
<meta property='og:description' content='{{ description | strip_html | replace: "'", " " }}'>
{% else %}
<meta name='description' content='{{ site.description }}'>
<meta property='og:description' content='{{ site.description }}'>
{% endif %}
<meta property='og:author' content='{{ site.author.name }}'>
<meta name='author' content='{{ site.author.name }}'>
<meta property='og:site_name' content='{{ site.title }}'>
<meta name='generator' content='Eleventy'>
<meta property='og:url' content='{{ absoluteUrl }}'>
{% if date %}<meta property='og:article:published_time' content='{{ date | date: '%Y-%m-%dT%H:%M:%S%:z' }}'>{% endif %}
{% if updated %}<meta property='article:modified_time' content='{{ updated | date: '%Y-%m-%dT%H:%M:%S%:z' }}'>{% endif %}
<meta property='og:image' content='{% if image %}{{ image }}{% else %}{{ site.image }}{% endif %}'>
<meta name='twitter:card' content='{% if layout == post %}summary_large_image{% else %}summary{% endif %}'>
<meta name='theme-color' content='#F1FAEE' media='(prefers-color-scheme: light)'>
<meta name='theme-color' content='#1D3557' media='(prefers-color-scheme: dark)'>
<link rel='canonical' href='{{ absoluteUrl }}'>
<meta property='og:author' content='{{ site.author.name }}'>
<meta property='og:locale' content='{{ lang }}'>
{% if alternates %}
{% for alternate in alternates %}
<meta property='og:locale:alternate' content='{{ alternate.data.lang }}'>
<link rel='alternate' hreflang='{{ alternate.data.lang }}' href='{{ alternate.url | url }}'>
{% endfor %}
{% endif %}
<!-- IndieAuth + IndieWeb -->
{% comment %}<link rel='microsub' href='https://aperture.p3k.io/microsub/571'>{% endcomment %}
<link rel='openid.delegate' href='https://quitsocialmedia.club'>
<link rel='openid.server' href='https://openid.indieauth.com/openid'>
<link rel='authorization_endpoint' href='https://indieauth.com/auth'>
<link rel='token_endpoint' href='https://tokens.indieauth.com/token'>
<link rel='pingback' href='https://webmention.io/quitsocialmedia.club/xmlrpc'>
<link rel='webmention' href='https://webmention.io/quitsocialmedia.club/webmention'>
<!-- All of Tommi’s Accounts -->
{% for account in accounts %}
{% if account.deleted == '' and account.url != '' %}
<link rel='me{{ account.attributes }}' href='{{ account.url }}' title='Tommi on {{ account.platform }}'>
{% endif %}
{% endfor %}
<link rel='me pgpkey' href='https://api.protonmail.ch/pks/lookup?op=get&search={{ author.email }}'>
<script type='application/ld+json'>
{
"@context": "https://schema.org",
"@type": "{%- if type -%}{{ type }}{%- else -%}WebPage{%- endif -%}",
"name": "{{ title }}",
"about": "{%- if description -%}{{ description }}{%- else -%}{{ site.description }}{%- endif -%}",
"headline": "{%- if description -%}{{ description }}{%- else -%}{{ site.description }}{%- endif -%}",
"author": {
"@type": "Person",
"name": "{{ tommi.name }}",
"gender": "{{ tommi.gender }}",
"nationality": "{{ tommi.nationality }}",
"image": "{{ tommi.image }}",
"jobTitle": "{{ tommi.jobTitle }}",
},
"url": "{{ url | prepend: site.url }}",
"image": "{{ site.image | prepend: site.url }}",
"sameAs": "{{ source }}"
}
</script>
</head>

6
includes/l10n.html
View File

@ -3,11 +3,11 @@
<h3>🚧 {% case page.lang%}{% when 'it' %}Traduzione in corso{% when 'fr' %}Traduction en cours{% else %}Translation in progress{% endcase %} 🏗</h3>
{% case page.lang %}
{% when 'it' %}
Questa pagina non è stato completamente tradotta; tutti gli articoli e le note con traduzione in sospeso sono contraddistinte dal tag <a href='/development#l10n' title='tutte le traduzioni in corso'><code>l10n</code></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 }}' hreflang='en' title='{{ p.title }}'{% endif %}{% endfor %}>visualizza questa pagina in inglese</a>
Questa pagina non è stato completamente tradotta; tutti gli articoli e le note con traduzione in sospeso sono contraddistinte dal tag <a href='/development#l10n' title='tutte le traduzioni in corso'><code>l10n</code></a>.<br />Per visualizzare il contenuto aggiornato, <a {% for p in collections.all %}{% if p.data.ref == ref and p.data.lang == 'en' %}href='{{ p.url }}' hreflang='en' title='{{ p.data.title }}'{% endif %}{% endfor %}>visualizza questa pagina in inglese</a>
{% when 'fr' %}
Cette page-ci n’a pas été complètement traduite; tous les pages dont traductions sont incomplètes sont marquées avec l’étiquette <a href='/development#l10n' title='Tous les traductions incomplètes'><code>l10n</code></a>.<br />Pour visualiser la version à jour de la page, <a {% for p in site.pages %}{% if p.ref == page.ref and p.lang == 'en' %}href='{{ p.url }}' hreflang='en' title='{{ p.title }}'{% endif %}{% endfor %}>visualisez-la en anglais</a>
Cette page-ci n’a pas été complètement traduite; tous les pages dont traductions sont incomplètes sont marquées avec l’étiquette <a href='/development#l10n' title='Tous les traductions incomplètes'><code>l10n</code></a>.<br />Pour visualiser la version à jour de la page, <a {% for p in collections.all %}{% if p.data.ref == ref and p.data.lang == 'en' %}href='{{ p.url }}' hreflang='en' title='{{ p.data.title }}'{% endif %}{% endfor %}>visualisez-la en anglais</a>
{% else %}
This page has not been completely translated from the language it was originally written in. You may seen chunks of it in other languages. Please, consider <a href='https://www.github.com/{{ site.github_username }}/{{ site.git_repository }}/blob/main/{{ page.path | uri_escape }}' target='_blank' title='Edit “{{ page.title }} on GitHub”'>helping out</a> in translating it!
This page has not been completely translated from the language it was originally written in. You may seen chunks of it in other languages. Please, consider <a href='{{ source }}' target='_blank' title='Edit “{{ title }} on GitHub”'>helping out</a> in translating it!
{% endcase %}
</div>
</div>

104
includes/nav.html
View File

@ -1,48 +1,56 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<meta name="Generator" content="Cocoa HTML Writer">
<meta name="CocoaVersion" content="2113.2">
<style type="text/css">
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Times; color: #0000e9; -webkit-text-stroke: #0000e9}
li.li1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Times; color: #0000e9; -webkit-text-stroke: #0000e9}
li.li2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Times; color: #000000; -webkit-text-stroke: #0000e9}
li.li3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Times; color: #0000e9}
li.li4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Times; color: #000000; -webkit-text-stroke: #000000}
span.s1 {text-decoration: underline ; font-kerning: none}
span.s2 {color: #000000; -webkit-text-stroke: 0px #000000}
span.s3 {font-kerning: none; color: #000000; -webkit-text-stroke: 0px #000000}
span.s4 {text-decoration: underline ; font-kerning: none; color: #0000e9; -webkit-text-stroke: 0px #0000e9}
span.s5 {font-kerning: none; color: #0000e9; -webkit-text-stroke: 0px #0000e9}
span.s6 {-webkit-text-stroke: 0px #000000}
span.s7 {font-kerning: none; -webkit-text-stroke: 0px #000000}
span.s8 {text-decoration: underline ; font-kerning: none; -webkit-text-stroke: 0px #0000e9}
span.s9 {font-kerning: none}
span.s10 {text-decoration: underline ; font-kerning: none; color: #0000e9}
ul.ul1 {list-style-type: disc}
ul.ul2 {list-style-type: circle}
</style>
</head>
<body>
<p class="p1"><span class="s1"><a href="file:///Users/tommi/quitsocialmedia.club/_includes/%7B%25%20case%20page.lang%20%25%7D%7B%25%20when">Quit Social Media</a></span></p>
<ul class="ul1">
<li class="li1"><span class="s2"></span><span class="s3">{% case page.lang %}{% when 'it' %}<a href="file:///info"><span class="s4">Info{% when 'fr' %}</span></a><a href="file:///%C3%83%C2%A0Propos"><span class="s4">À propos{% else %}</span></a><a href="file:///about"><span class="s4">About{% endcase %}</span></a></span></li>
<li class="li1"><span class="s2"></span><span class="s3">{% case page.lang %}{% when 'it' %}<a href="file:///perch%C3%83%C2%A9"><span class="s4">Perché{% when 'fr' %}</span></a><a href="file:///pourquoi"><span class="s4">Pourquoi{% else %}</span></a><a href="file:///why"><span class="s4">Why{% endcase %}</span></a></span></li>
<li class="li1"><span class="s2"></span><span class="s3">{% case page.lang %}{% when 'it' %}<a href="file:///ma"><span class="s5">“</span><span class="s4">Ma…</span><span class="s5">”</span><span class="s4">{% when 'fr' %}</span></a><a href="file:///mais"><span class="s5">“</span><span class="s4">Mais…</span><span class="s5">”</span></a>{% else %}<a href="file:///but"><span class="s5">“</span><span class="s4">But…</span><span class="s5">”</span><span class="s4">{% endcase %}</span></a></span></li>
<li class="li2"><span class="s6"></span><span class="s7">{% case page.lang %}{% when 'it' %}<a href="file:///percorso"><span class="s4">Percorso{% when 'fr' %}</span></a><a href="file:///chemin"><span class="s4">Chemin</span></a>{% else %}<a href="file:///path"><span class="s4">Path{% endcase %}</span></a></span></li>
<li class="li1"><span class="s2"></span><span class="s3">{% case page.lang %}{% when 'it' %}<a href="file:///soluzioni"><span class="s4">Soluzioni{% when 'fr' %}</span></a><a href="file:///solutions"><span class="s4">Solutions</span></a>{% else %}<a href="file:///solutions"><span class="s4">Solutions{% endcase %}</span></a></span></li>
<li class="li3"><a href="file:///Users/tommi/quitsocialmedia.club/_includes/%7B%25%20case%20page.lang%20%25%7D%7B%25%20when"><span class="s8">FAQ</span></a></li>
<li class="li4"><span class="s6"></span><span class="s9">{% unless page.ref == nil %}</span></li>
<li class="li4"><span class="s6"></span><span class="s9">🌍</span></li>
<ul class="ul2">
<li class="li4"><span class="s6"></span><span class="s9">{% for cosa in site.pages %}{% if cosa.ref == page.ref %}</span></li>
<li class="li1"><span class="s6"><a href="file:///Users/tommi/quitsocialmedia.club/_includes/%7B%7B%20cosa.url%20%7D%7D"><span class="s10">{% case cosa.lang %} {% when 'it' %}🇮🇹{% when 'en' %}🇬🇧{% when 'fr' %}🇫🇷{% else %}{{ cosa.lang }} {% endcase %}</span></a></span><span class="s3"><span class="Apple-converted-space"> </span></span></li>
<li class="li4"><span class="s6"></span><span class="s9">{% endif %}{% endfor %}<span class="Apple-converted-space"> </span></span></li>
</ul>
<li class="li4"><span class="s6"></span><span class="s9">{% endunless %}<span class="Apple-converted-space"> </span></span></li>
</ul>
</body>
</html>
<header class='nav'>
<a id='home' href='{% case lang %}{% when 'it' %}/it/home{% when 'fr' %}/fr/home{% else %}/home{% endcase %}' title='home'>{{ site.title }}</a>
<nav id='nav'>
<input aria-hidden='true' type='checkbox' id='menutoggle'>
<label class='nav-mobile' for='menutoggle'><span></span></label>
<ul class='nav-list'>
<li><a href='/{{ lang }}/about' title='
{% case lang %}
{% when 'it' %}Info'>Info
{% when 'fr' %}À propos'>À propos
{% else %}About'>About
{% endcase %}
</a></li>
<li><a href='/{{ lang }}/why' title='
{% case lang %}
{% when 'it' %}Perché'>Perché
{% when 'fr' %}Pourquoi'>Pourquoi
{% else %}Why'>Why
{% endcase %}
</a></li>
<li><a href='/{{ lang }}/but' title='
{% case lang %}
{% when 'it' %}Obiezioni e Risposte'><q>Ma…</q>
{% when 'fr' %}Objections et Réponses'><q>Mais…</q>
{% else %}Objections and Replies'><q>But…</q>
{% endcase %}
</a></li>
<li><a href='/{{ lang }}/path' title='
{% case lang %}
{% when 'it' %}Percorso'>Percorso
{% when 'fr' %}Chemin'>Chemin
{% else %}Path'>Path
{% endcase %}
</a></li>
<li><a href='/{{ lang }}/sol' title='
{% case lang %}
{% when 'it' %}Soluzioni e alternative'>Soluzioni e alternative
{% when 'fr' %}Solutions et alternatives'>Solutions
{% else %}Solutions and alternatives'>Solutions and alternatives
{% endcase %}
</a></li>
<li><a href='/{{ lang }}/faq' title='FAQ'>FAQ</a></li>
{% if alternates %}
<li class='dropdown'>
<label for='langtoggle' title='language selector'>🌍</label>
<input aria-hidden='true' type='checkbox' id='langtoggle'>
<ul class='lang-list'>
{% for alternate in alternates %}
<li><a rel='alternate' href='{{ alternate.url }}' title='{{ alternate.data.title }}' hreflang='{{ alternate.data.lang }}'>{% case alternate.data.lang %}{% when 'it' %}🇮🇹{% when 'fr' %}🇫🇷{% else %}🇬🇧</a>{% endcase %}</li>
{% endfor %}
</ul>
</li>
{% endif %}
</ul>
</nav>
</header>

73
includes/share.html
View File

@ -1,29 +1,20 @@
<div class='flex box row'>
<h2 style='margin-right:var(--regular)'>{% case page.lang %}{% when 'it' %}Condividi{% when 'fr' %}Partagez{% else %}Share{% endcase %}</h2>
<div class='sharing flex'>
<section class='flex box'>
<h2 style='margin-right:1rem'>{% if lang == 'it' %}Condividi{% else %}Share{% endif %}</h2>
<div id='share' class='flex'>
<!-- Copy URL -->
<script type='text/javascript'>
function Copy() {
var sURL = window.location.href;
sTemp = '<input id=\'copy_to_Clipboard\' value=\'' + sURL + '\' />'
$('body').append(sTemp);
$('#copy_to_Clipboard').select();
document.execCommand('copy');
$('#copy_to_Clipboard').remove();
// alert('Page URL copied'); /* too invasive */
<script>
function Copy(text) {
var inputc = document.body.appendChild(document.createElement('input'));
inputc.value = window.location.href;
inputc.focus();
inputc.select();
document.execCommand('copy');
inputc.parentNode.removeChild(inputc);
alert('{% if lang == 'it' %}URL copiato{% else %}URL has been copied{% endif %}');
}
</script>
<div value='Copy Url' title='Copy URL' onclick='Copy();' style='margin-right:var(--small);'>
<svg class='button' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='margin:0'><path d='M13.29 9.29l-4 4a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l4-4a1 1 0 0 0-1.42-1.42z' fill='var(--background)'/><path d='M12.28 17.4L11 18.67a4.2 4.2 0 0 1-5.58.4 4 4 0 0 1-.27-5.93l1.42-1.43a1 1 0 0 0 0-1.42 1 1 0 0 0-1.42 0l-1.27 1.28a6.15 6.15 0 0 0-.67 8.07 6.06 6.06 0 0 0 9.07.6l1.42-1.42a1 1 0 0 0-1.42-1.42z' fill='var(--background)'/><path d='M19.66 3.22a6.18 6.18 0 0 0-8.13.68L10.45 5a1.09 1.09 0 0 0-.17 1.61 1 1 0 0 0 1.42 0L13 5.3a4.17 4.17 0 0 1 5.57-.4 4 4 0 0 1 .27 5.95l-1.42 1.43a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l1.42-1.42a6.06 6.06 0 0 0-.6-9.06z' fill='var(--background)'/></svg>
</div>
<!-- Mastodon -->
<div value='Share on Mastodon' title='Share on Mastodon' onclick='share_on_mastodon();'>
<svg class='button' width='300' height='300' version='1.1' viewBox='0 0 281.2 281.2' xmlns='http://www.w3.org/2000/svg'><rect width='281.2' height='281.2' style='fill:var(--primary);'/><path d='m244.2 161.9c-3.181 16.37-28.49 34.28-57.56 37.75-15.16 1.809-30.08 3.471-46 2.741-26.03-1.192-46.56-6.212-46.56-6.212 0 2.534 0.1562 4.946 0.4688 7.202 3.384 25.69 25.47 27.22 46.39 27.94 21.12 0.7225 39.92-5.206 39.92-5.206l0.8675 19.09s-14.77 7.931-41.08 9.39c-14.51 0.7975-32.52-0.365-53.51-5.919-45.51-12.04-53.33-60.55-54.53-109.8-0.365-14.61-0.14-28.39-0.14-39.92 0-50.33 32.98-65.08 32.98-65.08 16.63-7.636 45.16-10.85 74.82-11.09h0.7288c29.66 0.2425 58.21 3.454 74.84 11.09 0 0 32.98 14.75 32.98 65.08 0 0 0.4138 37.13-4.599 62.92' fill='var(--background)'/><path d='m209.9 102.9v60.94h-24.14v-59.15c0-12.47-5.246-18.8-15.74-18.8-11.6 0-17.42 7.508-17.42 22.35v32.38h-24v-32.38c0-14.85-5.816-22.35-17.42-22.35-10.49 0-15.74 6.329-15.74 18.8v59.15h-24.14v-60.94c0-12.46 3.171-22.35 9.541-29.68 6.569-7.322 15.17-11.08 25.85-11.08 12.36 0 21.71 4.749 27.9 14.25l6.014 10.08 6.015-10.08c6.185-9.499 15.54-14.25 27.9-14.25 10.68 0 19.28 3.754 25.85 11.08 6.369 7.322 9.54 17.22 9.54 29.68' fill='var(--primary)'/></svg>
</div>
<svg title='{% if lang == 'it' %}Copia URL{% else %}Copy URL{% endif %}' onclick='Copy()' class='button' viewBox='0 0 24 24' ><path d='M13.29 9.29l-4 4a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l4-4a1 1 0 0 0-1.42-1.42z' fill='var(--background)'/><path d='M12.28 17.4L11 18.67a4.2 4.2 0 0 1-5.58.4 4 4 0 0 1-.27-5.93l1.42-1.43a1 1 0 0 0 0-1.42 1 1 0 0 0-1.42 0l-1.27 1.28a6.15 6.15 0 0 0-.67 8.07 6.06 6.06 0 0 0 9.07.6l1.42-1.42a1 1 0 0 0-1.42-1.42z' fill='var(--background)'/><path d='M19.66 3.22a6.18 6.18 0 0 0-8.13.68L10.45 5a1.09 1.09 0 0 0-.17 1.61 1 1 0 0 0 1.42 0L13 5.3a4.17 4.17 0 0 1 5.57-.4 4 4 0 0 1 .27 5.95l-1.42 1.43a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l1.42-1.42a6.06 6.06 0 0 0-.6-9.06z' fill='var(--background)'/></svg>
<!-- Mastodon --><svg title='Share on Mastodon' onclick='share_on_mastodon();' class='button' width='300' height='300' version='1.1' viewBox='0 0 281.2 281.2' ><rect width='281.2' height='281.2' style='fill:var(--primary);'/><path d='m244.2 161.9c-3.181 16.37-28.49 34.28-57.56 37.75-15.16 1.809-30.08 3.471-46 2.741-26.03-1.192-46.56-6.212-46.56-6.212 0 2.534 0.1562 4.946 0.4688 7.202 3.384 25.69 25.47 27.22 46.39 27.94 21.12 0.7225 39.92-5.206 39.92-5.206l0.8675 19.09s-14.77 7.931-41.08 9.39c-14.51 0.7975-32.52-0.365-53.51-5.919-45.51-12.04-53.33-60.55-54.53-109.8-0.365-14.61-0.14-28.39-0.14-39.92 0-50.33 32.98-65.08 32.98-65.08 16.63-7.636 45.16-10.85 74.82-11.09h0.7288c29.66 0.2425 58.21 3.454 74.84 11.09 0 0 32.98 14.75 32.98 65.08 0 0 0.4138 37.13-4.599 62.92' fill='var(--background)'/><path d='m209.9 102.9v60.94h-24.14v-59.15c0-12.47-5.246-18.8-15.74-18.8-11.6 0-17.42 7.508-17.42 22.35v32.38h-24v-32.38c0-14.85-5.816-22.35-17.42-22.35-10.49 0-15.74 6.329-15.74 18.8v59.15h-24.14v-60.94c0-12.46 3.171-22.35 9.541-29.68 6.569-7.322 15.17-11.08 25.85-11.08 12.36 0 21.71 4.749 27.9 14.25l6.014 10.08 6.015-10.08c6.185-9.499 15.54-14.25 27.9-14.25 10.68 0 19.28 3.754 25.85 11.08 6.369 7.322 9.54 17.22 9.54 29.68' fill='var(--primary)'/></svg>
<script>
function share_on_mastodon() {
var default_url = localStorage['mastodon_instance'];
@ -31,39 +22,27 @@
if (!default_url)
default_url = 'https://';
var instance = prompt('Enter your instance's address: (for example https://mastodon.uno)', default_url);
var instance = prompt('Enter your instance’s address: (for example mastodon.uno)', default_url);
if (instance) {
if ( !instance.startsWith('https://') && !instance.startsWith('http://') )
instance = 'https://' + instance;
instance = 'https://' + instance;
var url = window.location.href;
var title = document.querySelectorAll('meta[property='og:title']')[0].getAttribute('content');
if (!title) var title = document.getElementsByTagName('title')[0].innerHTML;
var title = document.getElementsByTagName('title')[0].innerHTML;
if ( !instance.endsWith('/') )
instance = instance + '/';
localStorage['mastodon_instance'] = instance;
hashtags = '#quitsocialmedia';
var author = '@xplosionmind@mastodon.uno';
mastodon_url = instance + 'share?text=' + encodeURIComponent(title + '\n\n' + url + '\n\n' + hashtags + ' ' + author);
var author = '@tommi@mastodon.uno';
mastodon_url = instance + 'share?text=' + encodeURIComponent(title + '\n\n' + url + '\n\n' + author);
window.open(mastodon_url, '_blank');
}
}
</script>
<!-- Pocket -->
<a href='https://getpocket.com/save?url={{ page.url | absolute_url }}&title={{ page.title | uri_escape }}' target='_blank'>
<svg class='button' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' fill='var(--background)' d='M0.9999,10.6312 L0.9999,4.0682 C0.9999,2.9302 1.9309,2.0002 3.0679,2.0002 L20.9329,2.0002 C22.0699,2.0002 22.9999,2.9302 22.9999,4.0682 L22.9999,10.6312 L22.9999,10.6432 C22.9999,16.7182 18.0749,21.6432 11.9999,21.6432 C5.9249,21.6432 0.9999,16.7182 0.9999,10.6432 L0.9999,10.6312 Z M12.0151,12.0203514 L7.86472144,8.02991037 C7.26754166,7.4557433 6.31797743,7.47439879 5.74381037,8.07157856 C5.1696433,8.66875834 5.18829879,9.61832257 5.78547856,10.1924896 L10.9754786,15.1824896 C11.556135,15.7407701 12.474065,15.7407701 13.0547214,15.1824896 L18.2447214,10.1924896 C18.8419012,9.61832257 18.8605567,8.66875834 18.2863896,8.07157856 C17.7122226,7.47439879 16.7626583,7.4557433 16.1654786,8.02991037 L12.0151,12.0203514 Z'></path></svg>
<!-- Pocket --><a href='https://getpocket.com/save?url={{ encoded_absolute_url }}&title={{ title | url_encode }}'>
<svg class='button' width='24' height='24' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' fill='var(--background)' d='M0.9999,10.6312 L0.9999,4.0682 C0.9999,2.9302 1.9309,2.0002 3.0679,2.0002 L20.9329,2.0002 C22.0699,2.0002 22.9999,2.9302 22.9999,4.0682 L22.9999,10.6312 L22.9999,10.6432 C22.9999,16.7182 18.0749,21.6432 11.9999,21.6432 C5.9249,21.6432 0.9999,16.7182 0.9999,10.6432 L0.9999,10.6312 Z M12.0151,12.0203514 L7.86472144,8.02991037 C7.26754166,7.4557433 6.31797743,7.47439879 5.74381037,8.07157856 C5.1696433,8.66875834 5.18829879,9.61832257 5.78547856,10.1924896 L10.9754786,15.1824896 C11.556135,15.7407701 12.474065,15.7407701 13.0547214,15.1824896 L18.2447214,10.1924896 C18.8419012,9.61832257 18.8605567,8.66875834 18.2863896,8.07157856 C17.7122226,7.47439879 16.7626583,7.4557433 16.1654786,8.02991037 L12.0151,12.0203514 Z'></path></svg>
</a>
<!-- Facebook -->
<a href='https://facebook.com/sharer/sharer.php?u={{ page.url | absolute_url }}' target='_blank' rel='noopener noreferrer'><svg class='button' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M17 3.5a.5.5 0 0 0-.5-.5H14a4.77 4.77 0 0 0-5 4.5v2.7H6.5a.5.5 0 0 0-.5.5v2.6a.5.5 0 0 0 .5.5H9v6.7a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-6.7h2.62a.5.5 0 0 0 .49-.37l.72-2.6a.5.5 0 0 0-.48-.63H13V7.5a1 1 0 0 1 1-.9h2.5a.5.5 0 0 0 .5-.5z' fill='var(--background)'/></svg></a>
<!-- Twitter -->
<a href='https://twitter.com/intent/tweet/?url={{ page.url | absolute_url }}' target='_blank' rel='noopener noreferrer'><svg class='button' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='var(--background)' d='M8.08 20A11.07 11.07 0 0 0 19.52 9 8.09 8.09 0 0 0 21 6.16a.44.44 0 0 0-.62-.51 1.88 1.88 0 0 1-2.16-.38 3.89 3.89 0 0 0-5.58-.17A4.13 4.13 0 0 0 11.49 9C8.14 9.2 5.84 7.61 4 5.43a.43.43 0 0 0-.75.24 9.68 9.68 0 0 0 4.6 10.05A6.73 6.73 0 0 1 3.38 18a.45.45 0 0 0-.14.84A11 11 0 0 0 8.08 20'/></svg></a>
<!-- WhatsApp -->
<a href='whatsapp://send?text={{ page.url | absolute_url }}' target='_blank' rel='noopener noreferrer'><svg class='button' width='24' height='24' version='1.1' viewBox='-23 -21 18 18' xmlns='http://www.w3.org/2000/svg'><path d='m-8.84-17.3c-1.37-1.37-3.19-2.13-5.13-2.13-4 0-7.26 3.25-7.26 7.26-5.45e-4 1.28 0.333 2.53 0.973 3.63l-1.03 3.76 3.85-1.01c1.06 0.578 2.25 0.883 3.47 0.883h0.0031c4 0 7.26-3.26 7.26-7.26 7.92e-4 -1.94-0.754-3.76-2.13-5.13zm-5.13 11.2h-0.0025c-1.28-0.104-1.95-0.0736-3.29-0.973l-2.29 0.599 0.61-2.22c-0.91-1.72-1.05-2.38-1.06-3.44 0.0012-3.32 2.71-6.03 6.03-6.03 1.61 5.47e-4 3.13 0.629 4.27 1.77 1.13 1.14 1.77 2.66 1.77 4.27-0.00144 3.32-2.71 6.03-6.03 6.03zm1.75-5.24c-0.692 0.209-0.44 0.964-0.772 1.06-0.181-0.091-1.04-0.366-1.74-0.982-0.616-0.49-1.14-0.836-1.3-1.6 0.336-0.356 1.17-0.611 1.01-1.23-0.259-0.561-0.656-0.988-0.977-1.17-1.24-0.846-1.66 0.897-1.66 1.52-0.0747 2.33 3.11 5.06 5.84 4.98 1.01-0.124 1.55-1.19 1.31-1.69-0.472-0.603-0.982-1.04-1.72-0.878z' fill='var(--background)'/></svg></a>
<!-- Telegram -->
<a href='https://t.me/share/url?url={{ page.url | absolute_url }}' target='_blank' rel='noopener noreferrer'><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>
<!-- Facebook --><a href='https://facebook.com/sharer/sharer.php?u={{ encoded_absolute_url }}'><svg class='button' viewBox='0 0 24 24'><path d='M17 3.5a.5.5 0 0 0-.5-.5H14a4.77 4.77 0 0 0-5 4.5v2.7H6.5a.5.5 0 0 0-.5.5v2.6a.5.5 0 0 0 .5.5H9v6.7a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-6.7h2.62a.5.5 0 0 0 .49-.37l.72-2.6a.5.5 0 0 0-.48-.63H13V7.5a1 1 0 0 1 1-.9h2.5a.5.5 0 0 0 .5-.5z' fill='var(--background)'/></svg></a>
<!-- Twitter --><a href='https://twitter.com/intent/tweet/?url={{ encoded_absolute_url }}'><svg class='button' viewBox='0 0 24 24'><path fill='var(--background)' d='M8.08 20A11.07 11.07 0 0 0 19.52 9 8.09 8.09 0 0 0 21 6.16a.44.44 0 0 0-.62-.51 1.88 1.88 0 0 1-2.16-.38 3.89 3.89 0 0 0-5.58-.17A4.13 4.13 0 0 0 11.49 9C8.14 9.2 5.84 7.61 4 5.43a.43.43 0 0 0-.75.24 9.68 9.68 0 0 0 4.6 10.05A6.73 6.73 0 0 1 3.38 18a.45.45 0 0 0-.14.84A11 11 0 0 0 8.08 20'/></svg></a>
<!-- WhatsApp --><a href='whatsapp://send?text={{ encoded_absolute_url }}'><svg class='button' width='24' height='24' version='1.1' viewBox='-23 -21 18 18' ><path d='m-8.84-17.3c-1.37-1.37-3.19-2.13-5.13-2.13-4 0-7.26 3.25-7.26 7.26-5.45e-4 1.28 0.333 2.53 0.973 3.63l-1.03 3.76 3.85-1.01c1.06 0.578 2.25 0.883 3.47 0.883h0.0031c4 0 7.26-3.26 7.26-7.26 7.92e-4 -1.94-0.754-3.76-2.13-5.13zm-5.13 11.2h-0.0025c-1.28-0.104-1.95-0.0736-3.29-0.973l-2.29 0.599 0.61-2.22c-0.91-1.72-1.05-2.38-1.06-3.44 0.0012-3.32 2.71-6.03 6.03-6.03 1.61 5.47e-4 3.13 0.629 4.27 1.77 1.13 1.14 1.77 2.66 1.77 4.27-0.00144 3.32-2.71 6.03-6.03 6.03zm1.75-5.24c-0.692 0.209-0.44 0.964-0.772 1.06-0.181-0.091-1.04-0.366-1.74-0.982-0.616-0.49-1.14-0.836-1.3-1.6 0.336-0.356 1.17-0.611 1.01-1.23-0.259-0.561-0.656-0.988-0.977-1.17-1.24-0.846-1.66 0.897-1.66 1.52-0.0747 2.33 3.11 5.06 5.84 4.98 1.01-0.124 1.55-1.19 1.31-1.69-0.472-0.603-0.982-1.04-1.72-0.878z' fill='var(--background)'/></svg></a>
<!-- Telegram --><a href='https://t.me/share/url?url={{ encoded_absolute_url }}'><svg class='button' width='128' height='128' version='1.1' viewBox='0 0 128 128' ><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>
</div>
</section>

6
layouts/full.html
View File

@ -1,12 +1,10 @@
---
layout: ~
---
<!DOCTYPE html>
<html>
{% include head.html %}
{% render 'head.html', date: date, updated: updated, title: title, description: description, primary: primary, lang: lang, alternates: alternates, site: site, url: page.url, layout: layout, image: image %}
<style>
body {
background: var(--primary);
height: 100vh;
}
h1,a,a:visited {
color: var(--background);

4
layouts/level.html
View File

@ -23,7 +23,7 @@ layout: wrapper
<a class='button' href='/l{{ page.nextlevel }}'>{% if page.lang == 'it' %}Livello successivo{% else %}Next level{%endif %}</a>
</div>
{% include edit.html %}
{% include share.html %}
<div class='flex center'><a class='button' href='{{ source }}' title='{% if lang == 'it' %}Visualizza{% else %}View{% endif %} {{ title }} source code'>{% if lang == 'it' %}Sorgente{% else %}Source{% endif %}</a></div>
{% render 'share.html', lang: lang, title: title, encoded_absolute_url: encoded_absolute_url %}
</div>

41
layouts/page.html
View File

@ -1,16 +1,16 @@
---
layout: wrapper
layout: wrapper.html
---
<div class='one column'>
<div class='row page-header'>
<h1>{{ page.title }}</h1>
<p>{{ page.description | markdownify }}</p>
<h1>{{ title }}</h1>
{% if desctiption %}<p>{{ description | markdownify }}</p>{% endif %}
</div>
{% if page.toc == true %}
<div class='row toc'>
<h2>
{% case page.lang %}
{% if toc %}
<aside id='toc'>
<h3>
{% case lang %}
{% when 'it' %}
Indice
{% when 'fr' %}
@ -18,35 +18,20 @@ layout: wrapper
{% else %}
Table of contents
{% endcase %}
</h2>
{% include toc.html html=content sanitize=true %}
</div>
{% endif %}
{% if page.ref == 'why' %}
<div class='row toc'>
<h2>
{% case page.lang %}
{% when 'it' %}
Indice
{% when 'fr' %}
Table des matières
{% else %}
Table of contents
{% endcase %}
</h2>
{% include toc.html html=content sanitize=true h_max=2 %}
</div>
</h3>
{{ content | toc }}
</aside>
{% endif %}
<div class='row'>
<article class='note'>
{% include anchor-parser.html html=content h_max=4 anchorBody='#' anchorClass='anchor' anchorTitle='%heading%' %}
{{ content }}
</article>
</div>
<div class='row'>
{% include edit.html %}
{% include share.html %}
<div class='flex center'><a class='button' href='{{ source }}' title='{% if lang == 'it' %}Visualizza{% else %}View{% endif %} {{ title }} source code'>{% if lang == 'it' %}Sorgente{% else %}Source{% endif %}</a></div>
{% render 'share.html', lang: lang, title: title, encoded_absolute_url: encoded_absolute_url %}
</div>
</div>

61
layouts/wrapper.html
View File

@ -1,39 +1,48 @@
---
---
<!DOCTYPE html>
<html lang='{% if page.lang == 'it' %}it{% else %}en{% endif %}'>
<html lang='{% case lang %}{% when 'it' %}it{% when 'fr' %}fr{% else %}en{% endcase %}' prefix='og: http://ogp.me/ns#' dir='ltr'>
{% include head.html %}
{% if ref %}
{% for entry in collections.all %}
{% if entry.data.ref == ref and entry.data.lang != lang %}
{% assign alternates = alternates | concat: entry %}
{% endif %}
{% endfor %}
{% endif %}
{% render 'head.html', date: date, updated: updated, title: title, description: description, primary: primary, lang: lang, alternates: alternates, site: site, url: page.url, layout: layout, image: image %}
{% capture source %}{{ site.source }}/src/branch/main{{ page.inputPath | replace: './', '/' }}{% endcapture %}
<body>
<a id='scroll-to-top' href='#' title='scroll to top'>
<svg class='top button tool' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='background:var(--background)'><path d='M18 15a1 1 0 0 1-.64-.23L12 10.29l-5.37 4.32a1 1 0 0 1-1.41-.15 1 1 0 0 1 .15-1.41l6-4.83a1 1 0 0 1 1.27 0l6 5a1 1 0 0 1 .13 1.41A1 1 0 0 1 18 15z' fill='var(--text)'/></svg>
<a id='scrollbutton' class='tool' href='#' aria-label='scroll to top' title='scroll to top'>
<svg class='button' viewBox='0 0 24 24' style='background:var(--background)' aria-hidden='true'><path d='M18 15a1 1 0 0 1-.64-.23L12 10.29l-5.37 4.32a1 1 0 0 1-1.41-.15 1 1 0 0 1 .15-1.41l6-4.83a1 1 0 0 1 1.27 0l6 5a1 1 0 0 1 .13 1.41A1 1 0 0 1 18 15z' fill='var(--text)'/></svg>
</a>
<a id='scroll-to-bottom' href='#0' title='scroll to bottom'>
<svg class='bottom button tool' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='background:var(--background)'><path d='M18 15a1 1 0 0 1-.64-.23L12 10.29l-5.37 4.32a1 1 0 0 1-1.41-.15 1 1 0 0 1 .15-1.41l6-4.83a1 1 0 0 1 1.27 0l6 5a1 1 0 0 1 .13 1.41A1 1 0 0 1 18 15z' fill='var(--text)'/></svg>
</a>
<script>
scrollbottom = document.getElementById('scroll-to-bottom');
window.onscroll = function() {scroll()};
function scroll() {
if (document.body.scrollTop > 1000 || document.documentElement.scrollTop > 1000) {
scrollbottom.style.display = 'none';
} else {
scrollbottom.style.display = 'block';
}
}
</script>
{% include nav.html %}
{% render 'nav.html', lang: lang, alternates: alternates, site: site %}
{% if page.tags contains 'draft' or page.tags contains 'wip' %}
{% include draft.html %}
{% if tags contains 'draft' or tags contains 'wip' %}
{% render 'draft.html', lang: lang, title: title, source: source %}
{% endif %}
{% if page.tags contains 'l10n' %}
{% include l10n.html %}
{% if tags contains 'l10n' %}
{% render 'l10n.html', lang: lang, source: source %}
{% endif %}
{{ content }}
{% include footer.html %}
{% render 'footer.html', lang: lang %}
<script type='text/javascript'>
scrollbutton = document.getElementById('scrollbutton');
window.onscroll = function() {scroll()};
function scroll() {
if (document.body.scrollTop > 1000 || document.documentElement.scrollTop > 1000) {
scrollbutton.href='#';
scrollbutton.title='scroll to top';
scrollbutton.setAttribute('aria-label', 'scroll to top');
} else {
scrollbutton.href='#0';
scrollbutton.title='scroll to bottom';
scrollbutton.setAttribute('aria-label', 'scroll to bottom');
};
}
</script>
</body>
</html>

3
logos/red-cursor-hover.svg
View File

@ -1 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" version="1.1" viewBox="0 0 8.47 8.47"><circle cx="4.23" cy="4.23" r="1.85" style="fill:#E63946;stroke-width:0"/><circle cx="4.23" cy="4.23" r="1.06" style="fill:#F1FAEE;stroke-width:0"/></svg>
<?xml version='1.0' encoding='UTF-8'?>
<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' version='1.1' viewBox='0 0 8.47 8.47'><circle cx='4.23' cy='4.23' r='1.85' style='fill:#E63946;stroke-width:0'/><circle cx='4.23' cy='4.23' r='1.06' style='fill:#F1FAEE;stroke-width:0'/></svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 256 B

After

Width:  |  Height:  |  Size: 295 B

3
logos/red-cursor.svg
View File

@ -1 +1,2 @@
<svg width="32" height="32" version="1.1" viewBox="0 0 8.47 8.47" xmlns="http://www.w3.org/2000/svg"><circle cx="4.23" cy="4.23" r="1.85" style="fill:#f1faee;stroke-width:0"/><circle cx="4.23" cy="4.23" r="1.06" style="fill:#e63946;stroke-width:0"/></svg>
<?xml version='1.0' encoding='UTF-8'?>
<svg width='32' height='32' version='1.1' viewBox='0 0 8.47 8.47' xmlns='http://www.w3.org/2000/svg'><circle cx='4.23' cy='4.23' r='1.85' style='fill:#f1faee;stroke-width:0'/><circle cx='4.23' cy='4.23' r='1.06' style='fill:#e63946;stroke-width:0'/></svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 256 B

After

Width:  |  Height:  |  Size: 295 B

4
package-lock.json generated
View File

@ -1,11 +1,11 @@
{
"name": "tommi.space",
"name": "quitsocialmedia.club",
"version": "1.0.0",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "tommi.space",
"name": "quitsocialmedia.club",
"version": "1.0.0",
"license": "ISC",
"dependencies": {

2
pages/Contribute.md
View File

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

2
pages/Development.md
View File

@ -6,7 +6,7 @@ description: 'Technical stuff to do'
toc: false
---
<div>
My personal roadmap to Internet Freedom, where <q>quitting Social Media</q> is at the top of the list, can be found <a href='https://tommi.space/path-to-internet-freedom' target='_blank' title='Tommi's path to Internet Freedom'>here</a>.
My personal roadmap to Internet Freedom, where <q>quitting Social Media</q> is at the top of the list, can be found <a href='https://tommi.space/path-to-internet-freedom' target='_blank' title='Tommi’s path to Internet Freedom'>here</a>.
</div>
<div class='blue box'>

4
pages/FAQ.md
View File

@ -8,7 +8,7 @@ description: |
---
## Coherence
##### *It is incoherent: <u>you are sharing <cite><a href='/'>quitsocialmedia.club</a></cite> <b>on</b> Social Media</u>. If you promote the idea of abandoning social media and you use them to share your perspective, you go against the very idea of quitting them!*
##### *It is incoherent: <u>you are sharing <cite>[quitsocialmedia.club](/home)</cite> **on** Social Media</u>. If you promote the idea of abandoning social media and you use them to share your perspective, you go against the very idea of quitting them!*
Not quite so. Think about this: if I love the strawberry flavour of the ice cream, I won't speak about how much strawberries are delicious with a friend who is eating a strawberry ice cream, I'll try to make my friend who is eating a chocolate ice cream taste a spoon of my strawberry one. Similarly, it makes no sense to quit Social Media and share this choice *off* Social Media: people who may quit are the ones who didn't quit yet, and, guess what, they can be reached by social media exclusively, since there is no other valid alternative.
This apparently incoherent decision conceals in itself one of the very reasons of quitting: you have no way (or if you do, it's very unlikely) of being noticed or reaching some audience unless it's done through those platforms.
@ -16,7 +16,7 @@ The authors of <cite><a href='https://thesocialdilemma.com' target='_blank' titl
<br>
##### *If you quit social media, you should quit **all*** Social Media. *Why do you consider only the big platforms?*
##### *If you quit social media, you should quit ***all*** Social Media. Why do you consider only the big platforms?*
Mainly, because the vast majority of the problems derives from the fact that the most famous social media are owned by corporations which make profit by managing unethically their platforms. Strictly speaking, by definition social media are not something which is mainly bad, and as a shorthand it's quicker and simpler to write “Social Media” instead of “Social Media owned by for-profit companies that make money from activities users do for free”, or, as [Jaron Lanier](http://jaronlanier.com 'Jaron Lanier') calls them, [BUMMER](https://thefourthrevolution.org/wordpress/archives/6262 'How BUMMER Became a New Acronym for Social Media').
Please refer to [what](/what) for further info.

94
pages/Home.html
View File

@ -7,79 +7,57 @@ toc: false
---
<div class='one column'>
<div class='row'>
<div class='page-header'>
<section 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>
</section>
</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, together with valid solutions and alternatives.
<br />
<b>Long answer</b>: read the <a href='/about'>About page</a>
</p>
<h3 class='title' style='margin-top:var(--twice)'>Where to start</h3>
<p>
You probably are a busy person who does not have time to go through all of the stuff that is 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 topic does not bother you, I can assure you it’s definitely worth it. I suggest you to follow <a href='/path' title='Path'>this path</a>
</p>
<div class='row'>
<section class='red box'>
<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, together with valid solutions and alternatives.
<br />
<b>Long answer</b>: read the <a href='/about'>About page</a>
</p>
<h3 class='title' style='margin-top:var(--twice)'>Where to start</h3>
<p>
You probably are a busy person who does not have time to go through all of the stuff that is 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 topic does not bother you, I can assure you it’s definitely worth it. I suggest you to follow <a href='/path' title='Path'>this path</a>
</p>
</section>
</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 %}
<br />
<div class='row'>
<h2 class='title'>Get in touch!</h2>
<p>If you have any questions or suggestions, please don't hesitate to <a href='mailto:{{ site.email | encode_email }}' target='_blank' rel='noopener noreferrer' title='Send me an email'>write me an email</a> (<a href='https://keys.openpgp.org/vks/v1/by-fingerprint/D435660C86733BA1C4C22F4D922BA2D96336049E' title='PGP Key hello@quitsocialmedia.club'>PGP key</a>).</p>
<section class='one column'>
<h2 class='title'>Get in touch!</h2>
<p>If you have any questions or suggestions, please don't hesitate to <a href='mailto:{{ site.author.email }}' target='_blank' title='Send me an email'>write me an email</a> (<a href='https://mail-api.proton.me/pks/lookup?op=get&search={{ site.author.email }}' title='{{ site.author.email }}PGP Key'>PGP key</a>).</p>
</section>
</div>
<br />
<div class='blue box row'>
<a href='/contribute'><h2 class='title'>Contribute</h2></a>
{% for contrib in collections.all %}
{% if contrib.data.title == 'Contribute' %}
{{ contrib.templateContent }}
{% endif %}
{% endfor %}
<div class='row'>
<section class='blue box row'>
<a href='/contribute'><h2 class='title'>Contribute</h2></a>
{% for contrib in collections.all %}
{% if contrib.data.title == 'Contribute' %}
{{ contrib.templateContent }}
{% endif %}
{% endfor %}
</section>
</div>
<br />
<div class='margin row'>
<section class='margin row'>
<h2 class='title'>Website pages</h2>
<p>An overview of all the pages in the website:</p>
<ul>
{% for p in %}
{% 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 %}
{% for p in collections.all %}
{% if p.data.lang == lang and p.url != page.url and p.url != '/' %}
<li><a href='{{ p.url }}' title='{{ p.data.title }}'>{{ p.data.title }}</a> - {{ p.data.description }}</li>
{% endif %}
{% endfor %}
</ul>
</div>
<br />
<br />
</section>
</div>

26
pages/Learn.md
View File

@ -1,26 +0,0 @@
---
title: Becoming Aware
redirect_from: [/level-1/,/level1/,/l01/,/l1/,/l-01/,/l-1/,/awareness/,/learn/]
ref: learn
level: 1
nextlevel: 2
description: Learn what is wrong with Social Media platform and become more concious
layout: level
published: false
---
Before taking action, you should learn the most you can about Social Media, and you should [grasp the purpose](/why) of quitting.
The first and main thing to do is always the same: study study study **s t u d y**.
I didn't get to the conclusion of deleting social media all by myself: I started by watching some videos, then I read some books, and I keep myself informed all the time by reading articles and trying to understand how social media work. Actually, to be more independent from social media, you have to **learn** everything you can about them: How do they work? Who are they owned by? What are their effects on people? How do they transform our global society? Which researches have been made, what are their results? There are infinitely many questions to answer to, and attempting to answer to one of them means triggering the need to answer to **all of them**. When you're finished asking yourself questions, ask yourself one more: “is it enough?”.
The most important action to take is to **become aware** of the entity we're dealing with. The bigger problem about the proliferation of [misinformation](/why#misinformation) and psychological issues due to social media use is that **we know** our interactions are used to profile us, we know we're getting addicted, we know that too much of it is harmful, but we stop there, we don't dive deeper.
Start by diving deeper.
### Resources
Some content to start from:
- Watch **[*The Social Dilemma*](https://thesocialdilemma.com "The Social Dilemma")** for a general overview
- Read [*Ten Arguments for Deleting Your Social Media Accounts*](http://jaronlanier.com/tenarguments.html "Ten Arguments For Deleting Your Social Media Accounts") by the legendary [**Jaron Lanier**](http://jaronlanier.com/general.html "Jaron Lanier official website"); [here](https://tommi.space/lanier-social-media-notes "Notes on “Ten Arguments”") you can read notes and quotes selected by Tommi

2
pages/Localization.md
View File

@ -40,4 +40,4 @@ Localizing a content means translating it in another language to make it availab
If you are in trouble or you need any kind of help, please [open an issue](https://github.com/xplosionmind/quitsocialmedia.club/issues 'Issues of this website's repository on GitHub').
[Email me](mailto:{{ site.email | encode_email }}) if you know nothing about what I wrote about up to now but you would like to contribute to translation anyway.
[Email me](mailto:{{ site.author.email }}) if you know nothing about what I wrote about up to now but you would like to contribute to translation anyway.

6
pages/Press.md
View File

@ -1,14 +1,14 @@
---
title: Press Kit
permalink: /press/
redirect_from: [/presskit/,/press-kit/,/press_kit/,/stampa/,/kit-stampa/,/stampa-kit/,/kitstampa/,/mentions/,/appears-on/,/mentioned-in/,/mentioned/,/menzioni/]
redirect_from: [/presskit/,/press-kit/,/press_kit/,/mentions/,/appears-on/,/mentioned-in/,/mentioned/]
ref: press
description: Articles and publications containing a reference to this website, plus some basic infos for journalists and press interested in publishing something about the website
toc: false
---
## Press kit
Please [contact Tommi via email]({{ 'tommi@quitsocialmedia.club' | uri_encode }} 'Write Tommi an email') for any question not answered in the [About page](/about 'About quitsocialmedia.club').
Please <a href='mailto:{{ site.author.email }}' title='Write Tommi an email'>contact Tommi via email</a> for any question not answered in the [About page](/about 'About quitsocialmedia.club').
<br>
<br>
@ -25,7 +25,7 @@ A list of links to publications where quitsocialmedia appears:
{% else %}
🇬🇧
{% endif %}
<a href='{{ article.url }}' target='_blank' title='{{ article.title }}'>{{ article.title }}</a> by {{ article.author }} on {{ article.amasthead }}, {{ article.date | date_to_long_string }}
<a href='{{ article.url }}' target='_blank' title='{{ article.title }}'>{{ article.title }}</a> by {{ article.author }} on {{ article.amasthead }}, {{ article.date | date: '%d %B %Y' }}
</li>
{% endfor %}
</ul>

2
pages/Watch.md
View File

@ -1,7 +1,7 @@
---
title: Watch
layout: page
description: Instead of reading, you may start diving into the topic by watching some of these great talks and documentaries.
description: 'Instead of reading, you may start diving into the topic by watching some of these great talks and documentaries.'
permalink: /watch/
redirect_from: [/regarder/,/regardez/,/regarde/]
ref: watch

1
pages/fr/About.md
View File

@ -1,7 +1,6 @@
---
title: À propos
ref: about
lang: fr
permalink: /àPropos/
redirect_from: [/n00/,/n0/,/n-0/,/n-00/,/niveau0/,/niveau-0/,/niveau-00/,/niveau00/]
description: 'Qu’est ce que <cite>quitsocialmedia.club</cite>, quelles sont ses origines et quel sont ses objectifs.'

1
pages/fr/FAQ.md
View File

@ -1,7 +1,6 @@
---
title: Objections et réponses
ref: faq
lang: fr
permalink: /fr/faq/
redirect_from: [/faq-fr/,/faqfr/,/objections-et-réponses/,/objections-réponses/,/objections-et-reponses/,/objections-reponses/,/reponses/]
description: Comme beaucoup, j’ai envoyé un brouillon de ce site à des proches et des figures pour avoir leurs retours. J’adresse ici des réponses à certaines de leurs objections.

21
pages/fr/Home.html
View File

@ -1,7 +1,6 @@
---
title: Accueil
ref: home
lang: fr
permalink: /accueil/
redirect_from: [/fr/home/,/homefr/,/home-fr/,/home/fr/]
layout: wrapper
@ -33,17 +32,19 @@ toc: false
</div>
<div class='row'>
<h2 class='title'>Contactez nous!</h2>
<p>Si vous avez des questions ou suggestions, n’hésitez pas à nous <a href='mailto:{{ site.email | encode_email }}' target='_blank' title='Envoyez une email'>écrire un e-mail</a> (<a href='https://keys.openpgp.org/vks/v1/by-fingerprint/D435660C86733BA1C4C22F4D922BA2D96336049E' title='PGP Key hello@quitsocialmedia.club'>clé PGP</a>).</p>
<section class='one column'>
<h2 class='title'>Contactez nous!</h2>
<p>Si vous avez des questions ou suggestions, n’hésitez pas à nous <a href='mailto:{{ site.author.email }}' target='_blank' title='Envoyez une email'>écrire un e-mail</a> (<a href='https://mail-api.proton.me/pks/lookup?op=get&search={{ site.author.email }}' title='{{ site.author.email }}PGP Key'>clé PGP</a>).</p>
</section>
</div>
<br />
<div class='blue box row'>
<a href='/contribuez'><h2 class='title'>Contribuez</h2></a>
{% for contrib in site.pages %}
{% if contrib.title == 'Contribute' %}
{{ contrib.content | markdownify }}
{% for contrib in collections.all %}
{% if contrib.data.title == 'Contribute' %}
{{ contrib.templateContent | markdownify }}
{% endif %}
{% endfor %}
</div>
@ -54,11 +55,9 @@ toc: false
<h2 class='title'>Plan du Site</h2>
<p>Vue d’ensemble des pages du site:</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.ref == 'home' %}
<li><a href='{{ p.url }}' title='{{ p.title }}'>{{ p.title }}</a> - {{ p.description }}</li>
{% endunless %}
{% for p in collections.all %}
{% if p.data.lang == lang and p.url != page.url and p.url != '/' %}
<li><a href='{{ p.url }}' title='{{ p.data.title }}'>{{ p.data.title }}</a> - {{ p.data.description }}</li>
{% endif %}
{% endfor %}
</ul>

1
pages/fr/Path.md
View File

@ -1,7 +1,6 @@
---
title: Chemin
ref: path
lang: fr
permalink: /chemin/
redirect_from: [/voie/,/route/,/parcours/,/sentier/,/allée/,/allee/,/fr/path/,/pathfr/,/path-fr/,/path/fr/]
description: Le surplus d’informations vous a désorienté? Voici le chemin à suivre pour vous libérer de la dépendance aux réseaux sociaux.

1
pages/fr/Why.md
View File

@ -1,6 +1,5 @@
---
title: Pourquoi
lang: fr
permalink: /pourquoi/
redirect_from: [/fr/why/,/n1,/n01/,/n-01/,/niveau01/,/niveau1/,/niveau-1/,/niveau-01/]
ref: why

3
pages/fr/fr.11tydata.json Normal file
View File

@ -0,0 +1,3 @@
{
"lang": "fr"
}

25
pages/index.html
View File

@ -2,14 +2,21 @@
layout: ~
permalink: /
title: Quit Social Media
lang: en
---
<html lang='en'>{% include head.html %}<body>
<div class='landing vertical flex'>
<h1>Quit Social Media</h1>
<div class='flex'>
<a class='written blue button' hreflang='it' lang='it' href='/it/home' title='Homepage in italiano'>Italiano</a>
<a class='written blue button' hreflang='fr' lang='fr' href='/fr/home' title='Homepage en Français'>Français</a>
<a class='written blue button' href='/home' title='English homepage'>English</a>
<!DOCTYPE html>
<html lang='{{ lang }}' prefix='og: http://ogp.me/ns#' dir='ltr'>
{% render 'head.html', date: date, updated: updated, title: title, description: description, primary: primary, lang: lang, site: site, url: page.url, layout: layout, image: image %}
<body class='landing'>
<div class='vertical flex'>
<h1>Quit Social Media</h1>
<div class='flex'>
<a class='written blue button' hreflang='it' lang='it' href='/it/home' title='Homepage in italiano'>Italiano</a>
<a class='written blue button' hreflang='fr' lang='fr' href='/fr/home' title='Homepage en Français'>Français</a>
<a class='written blue button' href='/home' title='English homepage'>English</a>
</div>
</div>
</div>
</body></html>
</body>
</html>

1
pages/it/Ascolta.md
View File

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

3
pages/it/Contribuisci.md
View File

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

3
pages/it/Elimina.md
View File

@ -1,9 +1,8 @@
---
title: Eliminare i propri account sui <em>Social Media</em>
description: Sei convinto che sia la cosa giusta da fare ed hai deciso di eliminare i tuoi account dai <em>Social Media</em>. Cosa comporta questa scelta? Come si fa?
lang: it
permalink: /elimina/
redirect_from: [/elimina-account/,/eliminare/,/eliminare-account/,/it/l5/,/it/l05/,/it/l-05/,/it/l-5/,/it/level05/,/it/level-5/,/it/level-05/,/it/level5/]
redirect_from: [/elimina-account/,/eliminare/,/eliminare-account/,/it/l5/,/it/l05/,/it/l-05/,/it/l-5/,/it//,/it/level-5/,/it/level-05/,/it/level5/]
ref: del
toc: false
---

3
pages/it/FAQ.md
View File

@ -4,7 +4,6 @@ ref: faq
permalink: /it/faq/
redirect_from: [/risposte-e-obiezioni/,/obiezioni-e-risposte/,/risposte-obiezioni/,/obiezioni-risposte/,/domande/,/domande-frequenti/,/domande-e-risposte/,/domande-risposte/]
description: Come fanno gli intellettuali seri, ho inviato in anteprima questo sito a persone particolarmente informate su questi temi e di cui apprezzo molto l'opinione affinché condividessero con me le loro impressioni. In stile pseudo-filosofico, affronto alcune delle loro domande ed obiezioni qui di seguito.
lang: it
---
## Coerenza
@ -12,7 +11,7 @@ lang: it
Non proprio. Pensa a questo: se io amo il gelato alla fragola, non parlerò di quanto sono gustose le fragole con un mio amico che sta addentando un cono alla fragola; piuttosto, proverò a far assaggiare un cucchiaio del mio gelato alla fragola ad un mio amico che sta mangiando il gelato al cioccolato. Allo stesso modo, non ha senso abbandonare i *Social Media* e condividere questa idea **fuori** dalle piattaforme interessate: le persone che *possono* eliminare i propri account sono quelle che non l'hanno ancora fatto e, conseguentemente, sono coloro che possono essere raggiunti unicamente tramite *Social Media*.
Questo metodo di condivisione apparentemente incoerente nasconde in realtà al suo interno proprio una delle ragioni per cui si dovrebbe abbandonare i *Social*: non esiste un modo (e, se c'è, è molto poco considerato) per essere notato o ascoltato se non attraverso le piattaforme in questione.
Gli autori di <cite><a href="https://thesocialdilemma.com" rel="noopener noreferrer" target="_blank" title="The Social Dilemma">The Social Dilemma</a></cite> hanno creato degli account del film sui *Social* ed [hanno fornito una spiegazione simile](https://www.thesocialdilemma.com/code-of-ethics/ "The Social Dilemma’s Code of Ethics").
Gli autori di <cite><a href="https://thesocialdilemma.com" target="_blank" title="The Social Dilemma">The Social Dilemma</a></cite> hanno creato degli account del film sui *Social* ed [hanno fornito una spiegazione simile](https://www.thesocialdilemma.com/code-of-ethics/ "The Social Dilemma’s Code of Ethics").
<br>

1
pages/it/Guarda.md
View File

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

13
pages/it/Home.html
View File

@ -1,6 +1,5 @@
---
title: Home
lang: it
ref: home
layout: wrapper
permalink: /it/home/
@ -33,7 +32,7 @@ description: Tutte le ragioni per cui i <em>Social Media</em>, per come li conos
<div class='row'>
<h2 class='title'>Contatti</h2>
<p class='center'>Se hai domande o suggerimenti, non esitare a <a href='mailto:{{ site.email | encode_email }}' target='_blank' title='Send me an email'>scrivermi</a> (<a href='https://keys.openpgp.org/vks/v1/by-fingerprint/D435660C86733BA1C4C22F4D922BA2D96336049E' title='PGP Key hello@quitsocialmedia.club'>PGP key</a>).</p>
<p class='center'>Se hai domande o suggerimenti, non esitare a <a href='mailto:{{ site.author.email }}' target='_blank' title='Send me an email'>scrivermi</a> (<a href='https://keys.openpgp.org/vks/v1/by-fingerprint/D435660C86733BA1C4C22F4D922BA2D96336049E' title='PGP Key hello@quitsocialmedia.club'>PGP key</a>).</p>
</div>
<br />
@ -51,13 +50,11 @@ description: Tutte le ragioni per cui i <em>Social Media</em>, per come li conos
<div class='margin row'>
<h2 class='title'>Pagine</h2>
<p>Un'anteprima di tutte le pagine del sito in italiano:</p>
<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.ref == 'home' %}
<li><a href='{{ p.url }}' title='{{ p.title }}'>{{ p.title }}</a> - {{ p.description }}</li>
{% endunless %}
{% for p in collections.all %}
{% if p.data.lang == lang %}
<li><a href='{{ p.url }}' title='{{ p.data.title }}'>{{ p.data.title }}</a> - {{ p.data.description }}</li>
{% endif %}
{% endfor %}
</ul>

6
pages/it/Info.md
View File

@ -1,15 +1,13 @@
---
title: Info
ref: about
lang: it
permalink: /info/
redirect_from: [/about-it/,/it/about/,/informazioni/,/it/l00/,/it/l0/,/it/level-0/,/it/level0/,/it/l-0/,/it/l-00/,/it/level00/,/it/level-00/]
layout: page
description: Cos’è <cite>quitsocialmedia.club</cite>, come e perché è nato ed il suo fine
description: 'Cos’è <cite>quitsocialmedia.club</cite>, come e perché è 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/about-it 'Tommi').
Dopo svariati tormentati mesi trascorsi a crucciarmi sui pregi e difetti dei *Social Media*, non ce la facevo più. Ero così stressato e ossessionato dai problemi etici che i social network pongono, così ossessionato da letture e documentari per capirne il funzionamento, da concludere che <u><strong>abbandonarli</strong> sarebbe stato l'unico modo per stare meglio</u>.
Dopo svariati tormentati mesi trascorsi a crucciarmi sui pregi e difetti dei *Social Media*, non ce la facevo più. Ero così stressato e ossessionato dai problemi etici che i social network pongono, così ossessionato da letture e documentari per capirne il funzionamento, da concludere che <u>**abbandonarli** sarebbe stato l'unico modo per stare meglio</u>.
Mi sono reso conto, tuttavia, che semplicemente <u>eliminare i miei account senza fare altro è totalmente inutile</u>. Quante altre persone nel mondo condividono i miei stessi pensieri e preoccupazioni? Come posso condividere nel migliore modo possibile l'importanza cruciale di dubitare del funzionamento dei social network con i miei amici? Come far crescere curiosità, necessità di conoscenza e consapevolezza riguardo il modo in cui hanno luogo la maggior parte delle nostre relazioni online, oggi?

3
pages/it/Links.md
View File

@ -4,7 +4,6 @@ permalink: /it/links/
redirect_from: [/bibliografia/,/risorse/,/it/link/,/link/]
layout: page
description: 'Tutti i link alle risorse citate o utilizzate.'
lang: it
---
<div class='blue box'>
<strong>Tutti i link</strong> sono in <a href='/links'><em>Links</em></a>. Qui di seguito sono riportati esclusivamente quelli in italiano.
@ -23,7 +22,7 @@ Torna alla [home](/it/home 'Home')
### Libri
- <cite><a href='https://deditore.com/prodotto/cronofagia/' rel='noopener noreferrer' target='_blank' title='Cronofagia'>Cronofagia</a></cite>, un libro di Davide Mazzocco
- <cite><a href='https://deditore.com/prodotto/cronofagia/' target='_blank' title='Cronofagia'>Cronofagia</a></cite>, un libro di Davide Mazzocco
<br>
<br>

1
pages/it/Ma.md
View File

@ -2,7 +2,6 @@
tags: wip
title: Ma…
ref: ma
lang: it
permalink: /ma/
redirect_from: [/però/,/pero/,/obiezioni/]
layout: page

7
pages/it/Partecipanti.md
View File

@ -4,7 +4,6 @@ permalink: /partecipanti/
description: |
Tutti coloro che hanno <a href='/contribuisci' target='_blank' title='Contribuisci'>contribuito</a> a questo sito
redirect_from: [/persone/,/it/contributors/,/contributors-it/,/contributori/]
lang: it
ref: people
---
Questo sito [è stato creato](/info 'Informazioni su quitsocialmedia.club') da [Tommi](https://tommi.space 'Tommi's personal website').
@ -21,7 +20,7 @@ Tutti coloro che hanno [localizzato](/l10n 'Localization') i contenuti di questo
{% if person.what contains 'l10n' %}
<li>
{% if person.url != nil %}
<a href='{{ person.url }}' rel='noopener noreferrer' target='_blank' title='{{ person.description }}'>{{ person.name }} {{ person.surname }}</a>
<a href='{{ person.url }}' target='_blank' title='{{ person.description }}'>{{ person.name }} {{ person.surname }}</a>
{% else %}
{{ person.name }} {{ person.surname }}
{% endif %}
@ -42,7 +41,7 @@ Le persone che hanno contribuito a migliorare i contenuti e la forma in cui sono
{% if person.what contains 'help' %}
<li>
{% if person.url != nil %}
<a href='{{ person.url }}' rel='noopener noreferrer' target='_blank' title='{{ person.description }}'>{{ person.name }} {{ person.surname }}</a>
<a href='{{ person.url }}' target='_blank' title='{{ person.description }}'>{{ person.name }} {{ person.surname }}</a>
{% else %}
{{ person.name }} {{ person.surname }}
{% endif %}
@ -63,7 +62,7 @@ Gli autori delle illustrazioni presenti nelle varie pagine
{% if person.what contains 'draw' %}
<li>
{% if person.url != nil %}
<a href='{{ person.url }}' rel='noopener noreferrer' target='_blank' title='{{ person.description }}'>{{ person.name }} {{ person.surname }}</a>
<a href='{{ person.url }}' target='_blank' title='{{ person.description }}'>{{ person.name }} {{ person.surname }}</a>
{% else %}
{{ person.name }} {{ person.surname }}
{% endif %}

5
pages/it/Perché.md
View File

@ -2,7 +2,6 @@
title: Perché
permalink: /perché/
redirect_from: [/it/why/,/why-it/,/perche/,/motivi/,/perchè/,/it/l1/,/it/l01/,/it/l-01/,/it/level01/,/it/level1/,/it/level-1/,/it/level-01/,/prché/,/pk/,/xke/,/xké/,/xk/,/pké/,/pke/]
lang: it
ref: why
layout: page
toc: false
@ -72,7 +71,7 @@ I *Social Media* non fanno molto per favorire un modo più pacifico di esprimere
### Maggiori informazioni
- [How Facebook profits from polarization](https://ted.com/talks/yael_eisenstat_how_facebook_profits_from_polarization 'How Facebook profits from polarization'), un <mark class='red'>TED Talk</mark> di [Yael Eisenstat](https://en.wikipedia.org/wiki/Yael_Eisenstat 'Yael Eisenstat on Wikipedia')
- <cite><a href='https://thesocialdilemma.com' rel='noopener noreferrer' target='_blank' title='The Social Dilemma'>The Social Dilemma</a></cite>, a <mark class='red'>documentario</mark> di [Jeff Orlowski](https://it.wikipedia.org/wiki/Jeff_Orlowski 'Jeff Orlowski')
- <cite><a href='https://thesocialdilemma.com' target='_blank' title='The Social Dilemma'>The Social Dilemma</a></cite>, a <mark class='red'>documentario</mark> di [Jeff Orlowski](https://it.wikipedia.org/wiki/Jeff_Orlowski 'Jeff Orlowski')
- [Facebook Can’t Fix what it won’t admit to](https://www.wired.com/story/plaintext-facebook-cant-fix-what-it-wont-admit-to/ 'Facebook Can’t Fix what it won’t admit to') by [Steven Levy](https://en.wikipedia.org/wiki/Steven_Levy 'Steven Levy on Wikipedia') on [Wired](https://wired.com 'Wired')
- [altri contenuti](/links#polarizzazione 'More resources on Polarization and Social Media')
@ -221,7 +220,7 @@ Guarda le statistiche di utilizzo dei tuoi dispositivi.
### Maggiori informazioni
- <cite><a href='https://deditore.com/prodotto/cronofagia/' rel='noopener noreferrer' target='_blank' title='Cronofagia'>Cronofagia</a></cite>, un <mark class='purple'>libro</mark> di Davide Mazzocco
- <cite><a href='https://deditore.com/prodotto/cronofagia/' target='_blank' title='Cronofagia'>Cronofagia</a></cite>, un <mark class='purple'>libro</mark> di Davide Mazzocco
<br>
<br>

1
pages/it/Percorso.md
View File

@ -2,7 +2,6 @@
title: Percorso
permalink: /percorso/
redirect_from: [/it/path/,/path-it/,/it-path/,/path/it/,/livelli/]
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

3
pages/it/Soluzioni.md
View File

@ -1,7 +1,6 @@
---
title: Soluzioni e alternative
permalink: /soluzioni/
lang: it
ref: sol
toc: true
layout: page
@ -40,7 +39,7 @@ Dopo un po', è facile finire per essere piuttosto malinconici e rendersi conto
Gli strumenti esistenti sono più di uno, il più celebre di questi è [RSS-Bridge](https://github.com/RSS-Bridge/rss-bridge 'RSS-Bridge si GitHub').
È possibile <u>utilizzare gratuitamente <a href='https://rss-bridge.tommi.space' rel='noopener noreferrer' target='_blank' title='RSS-Bridge di Tommi'>quello ospitato sul mio server</a></u>.\
È possibile <u>utilizzare gratuitamente <a href='https://rss-bridge.tommi.space' target='_blank' title='RSS-Bridge di Tommi'>quello ospitato sul mio server</a></u>.\
(mantenere un server non costa poco: sono felice di offrire il mio RSS-Bridge, ma se ne faceste un utilizzo intensivo apprezzerei [un piccolo contributo](https://it.liberapay.com/tommi/donate 'Dona a Tommi su Liberapay'))
<br>

8
pages/it/Stampa.md
View File

@ -1,14 +1,14 @@
---
title: Stampa
permalink: /stampa
redirect_from: [/kitstampa/,/kit-stampa/,/stampakit/,/stampa-kit/,/it/press/,/press-it/,/it/press-kit]
permalink: /stampa/
redirect_from: [/kitstampa/,/kit-stampa/,/stampakit/,/stampa-kit/,/it/press/,/press-it/,/it/press-kit/]
ref: press
description: Articoli e video in cui è menzionato questo sito e informazioni per giornalisti interessati a raccontare di quitsocialmedia.club
toc: false
---
## Press kit
Si prega di [contattare Tommi via email]({{ 'tommi@quitsocialmedia.club' | uri_encode }} 'Scrivere un’email a Tommi') per qualunque domanda la cui risposta non fosse trovata nella [pagina info](/info 'Informazioni su quitsocialmedia.club') o in [Obiezioni e risposte](/it/faq 'Obiezioni e risposte').
Si prega di <a href='mailto:{{ site.author.email }}' target='_blank' title='Scrivi un’email a Tommi'>contattare Tommi via email</a> per qualunque domanda la cui risposta non fosse trovata nella [pagina info](/info 'Informazioni su quitsocialmedia.club') o in [Obiezioni e risposte](/it/faq 'Obiezioni e risposte').
<br>
<br>
@ -25,7 +25,7 @@ Una lista di link a video, articoli ed interviste in cui appare quitsocialmedia.
{% else %}
🇬🇧
{% endif %}
<a href='{{ article.url }}' rel='noopener noreferrer' target='_blank' title='{{ article.title }}'>{{ article.title }}</a> di {{ article.author }} su {{ article.masthead }}, {{ article.date | date_to_long_string }}
<a href='{{ article.url }}' target='_blank' title='{{ article.title }}'>{{ article.title }}</a> di {{ article.author }} su {{ article.masthead }}, {{ article.date | date: '%d %B %Y' }}
</li>
{% endfor %}
</ul>

3
pages/it/Veloce.md
View File

@ -4,7 +4,6 @@ permalink: /veloce
ref: quick
description: Non hai né il tempo né la voglia di leggere tutto ciò che è scritto qui e vuoi solo conoscerne i punti fondamentali? Questa è la pagina giusta per te.
layout: page
lang: it
toc: false
---
<div class='blue box'>
@ -27,6 +26,6 @@ toc: false
- [Standardizzano](/prché#standardizzazione 'Perché > Standardizzazione') i canoni di bellezza e le regole di comportamento
- Tutto su di essi è concepito per massimizzare il guadagno e la [velocità](/perché#velocità 'Perché > Velocità')
- [Ci sfruttano](/perché#essere-usati 'Perché > Essere usati'), mentre noi crediamo che siamo noi a sfruttare loro.
1. Sicuramente, ora avrai qualche obiezione. Naturale. Tuttavia, [Non c’è “ma…” che tenga](/ma '“Ma…”'), o, se c’è, <a href='mailto:{{ site.email | encode_email }}' rel='noopener noreferrer' target='_blank' title='Scrivimi un’email'>scrivimi</a> e proverò a replicare
1. Sicuramente, ora avrai qualche obiezione. Naturale. Tuttavia, [Non c’è “ma…” che tenga](/ma '“Ma…”'), o, se c’è, <a href='mailto:{{ site.author.email }}' target='_blank' title='Scrivimi un’email'>scrivimi</a> e proverò a replicare
2. Ancora non sei sufficientemente convinto? Leggi le [Obiezioni e Risposte](/it/faq 'Obiezioni e Risposte')
3. Ora, [elimina i tuoi account](/elimina 'Elimina i tuoi account')

3
pages/it/it.11tydata.json Normal file
View File

@ -0,0 +1,3 @@
{
"lang": "it"
}

35
pages/pages.11tydata.js Normal file
View File

@ -0,0 +1,35 @@
module.exports = {
permalink: '/{{ page.fileSlug | replace: " ", "-" }}/',
lang: 'en',
layout: 'page',
image: '/logo/qsm.png',
// Automatically generating titles, as explained in https://github.com/11ty/eleventy/discussions/2241#discussioncomment-2224265
eleventyComputed: {
title(data) {
// return data.title || deslugify(data.page?.fileSlug);
let hadTitle = false;
const title = data.title || require('lodash').startCase(data.page?.fileSlug);
if (data.title) {
hadTitle = true;
}
// console.log(`${data.page.filePathStem} => ${title}${hadTitle ? " (had title)" : ""}`);
return title;
},
/*date(data) {
let hadDate = false;
const date = data.date || '2020-03-20';
if (data.date) {
hadDate = true;
}
return date;
},*/
updated(data) {
let hadUpdated = false;
const updated = data.updated || data.date;
if (data.updated) {
hadUpdated = true;
}
return updated;
}
}
};

158
styles/parts/_nav.scss
View File

@ -8,64 +8,55 @@ $big: 1.6rem;
$bigger: 1.8rem;
$twice: 2.2rem;
$height: 3.1rem;
$mastodon: 4.4rem;
$mastodon: 4rem;
$radius-s: .4rem;
$radius-m: .6rem;
$radius-l: 1rem;
$trans: .5s;
$quicktrans: .2s;
$trans: .5s ease-out;
$quicktrans: .1s ease-in-out;
.nav {
height: 2.8rem;
margin: 3vw;
header {
height: $mastodon;
text-transform: uppercase;
font-weight: 700;
* {
border-radius: $radius-m;
list-style-type: none !important;
font-weight: 700 !important;
z-index: 9;
}
/* activate the following if you choose to make the header fixed */
/*z-index: 9;
position: fixed;
top: 2vw;
right: 2vw
background: var(--background); */
}
#home {
position: fixed;
top: 2vw;
left: 2vw;
top: 1.5vw;
left: 5vw;
padding: 0 $regular-less;
line-height: 2.8rem;
font-size: $big;
line-height: $height;
font-size: $bigger;
color: var(--background);
background: var(--primary);
box-shadow: var(--shadow);
transform: rotate(-2deg);
color: var(--background);
border: 2px solid var(--blue);
&:hover,
&:focus {
transform: rotate(3deg);
color: var(--white-ish) !important;
background: var(--red) !important;
border-color: var(--white-ish) !important;
}
a {
color: var(--background);
&:hover,
&:focus {
color: white;
}
}
&:hover,
&:focus {
background: var(--secondary);
border-bottom: none;
&:target {
color: var(--primary);
}
}
nav {
float: right;
#nav {
position: fixed;
height: $height;
top: 1.5vw;
right: 6vw;
text-align: right;
padding: 0 $small;
box-shadow: var(--shadow);
background: var(--background);
* {
margin: 0 !important;
}
@ -82,9 +73,14 @@ nav {
padding: 0 $small;
font-size: $regular-more;
font-weight: 700;
&::after {
content: none;
}
&:hover,
&:focus{
text-shadow: var(--text-shadow);
transform: scale(1.1) rotate(3deg);
filter: none;
border-bottom: none;
}
&:active {
opacity: .6;
@ -94,39 +90,41 @@ nav {
}
}
}
ul {
list-style: none;
}
}
}
.lang-list {
display: none;
top: 5rem;
right: -100px;
opacity: 0;
top: 3.7rem;
position: absolute;
box-shadow: var(--shadow);
background: var(--background);
z-index: -1;
#langtoggle:checked + & {
opacity: 1;
box-shadow: var(--shadow);
z-index: 9;
}
}
/* Mobile nav */
.nav-mobile {
display: none;
height: $height;
width: $height;
position: fixed;
top: 3vh;
right: 3vh;
box-shadow: var(--shadow);
bottom: calc(3vh + .5rem);
right: calc(6vw + 3.5rem);
box-shadow: var(--button-shadow);
background: var(--background);
z-index: 6;
span {
top: 1.25rem;
left: .6rem;
top: 1.4rem;
left: .7rem;
}
span,
span::before,
span::after {
height: 4px;
width: 26px;
width: 1.7rem;
background: var(--text);
position: absolute;
display: block;
@ -143,15 +141,12 @@ nav {
}
}
#langtoggle:checked + .lang-list {
display: block;
right: 3vh;
}
@media only screen and (max-width: 950px) {
#home {
top: 3vh;
left: 2vh;
left: 50%;
margin-left: -7.5rem;
top: 2vh;
text-align: center;
}
.nav {
margin: 3vh;
@ -161,41 +156,42 @@ nav {
}
.nav-list {
position: fixed;
min-width: 50vw;
top: 5rem;
right: -240px;
width: 13rem;
bottom: calc(3vh + 4.5rem);
right: -14rem;
background: var(--background);
box-shadow: var(--shadow);
transition: .5s;
z-index: 9;
overflow: hidden;
}
nav ul li {
float: none;
background: var(--background)
}
#langtoggle:checked + .lang-list {
right: 3vw;
#nav ul li {
a,
label {
padding: 0 $regular-more;
}
}
}
#menutoggle:checked {
& + .nav-list {
right: 3vh;
transition: .5s;
& ~ .nav-list {
right: calc(4vw + .3rem);
}
& ~ .nav-mobile span {
background: transparent;
box-shadow: none;
&::before,
&::after {
top: 0;
& ~ .nav-mobile {
box-shadow: var(--inner-little-shadow);
span {
background: transparent;
box-shadow: none;
}
&::before {
transform: rotate(45deg);
}
&::after {
transform: rotate(-45deg);
&::before,
&::after {
top: 0;
box-shadow: none;
}
&::before {
transform: rotate(45deg);
}
&::after {
transform: rotate(-45deg);
}
}
}
}
}

34
styles/style.scss
View File

@ -142,25 +142,29 @@ mark {
background: var(--primary);
}
.top,
.bottom {
right: 3vw;
}
.bottom {
transform: rotate(.5turn);
box-shadow: none !important;
}
.tool {
position: fixed;
bottom: $bigger;
z-index: 9;
&.button {
bottom: 3vw;
right: 4vw;
z-index: 2;
.button {
padding: .3rem;
}
}
#scrollbutton[href='#0'] {
.button {
transform: rotate(180deg);
box-shadow: inset -2px -2px 4px #FFF8, inset 2px 2px 4px #0008;
&:hover {
box-shadow: none;
}
&:active {
box-shadow: var(--button-shadow);
}
}
}
a {
text-decoration: none;
color: var(--link);
@ -507,6 +511,7 @@ table {
}
.landing {
height: 100vh;
background: var(--primary);
h1 {
color: var(--background);
@ -781,6 +786,9 @@ footer {
article {
padding: $twice 7% $mastodon;
}
.tool {
bottom: 3vh
}
}
audio {