Browse Source
Migration to Eleventy almost complete
Migration to Eleventy almost complete
The website now builds with Eleventy, but there are still many bugs to fix.main
52 changed files with 530 additions and 486 deletions
-
25.eleventy.js
-
2404.html
-
37data/tommi.json
-
18includes/comments.html
-
10includes/draft.html
-
8includes/edit.html
-
26includes/footer.html
-
101includes/head.html
-
6includes/l10n.html
-
104includes/nav.html
-
73includes/share.html
-
6layouts/full.html
-
4layouts/level.html
-
41layouts/page.html
-
61layouts/wrapper.html
-
3logos/red-cursor-hover.svg
-
3logos/red-cursor.svg
-
4package-lock.json
-
2pages/Contribute.md
-
2pages/Development.md
-
4pages/FAQ.md
-
94pages/Home.html
-
26pages/Learn.md
-
2pages/Localization.md
-
6pages/Press.md
-
2pages/Watch.md
-
1pages/fr/About.md
-
1pages/fr/FAQ.md
-
21pages/fr/Home.html
-
1pages/fr/Path.md
-
1pages/fr/Why.md
-
3pages/fr/fr.11tydata.json
-
25pages/index.html
-
1pages/it/Ascolta.md
-
3pages/it/Contribuisci.md
-
3pages/it/Elimina.md
-
3pages/it/FAQ.md
-
1pages/it/Guarda.md
-
13pages/it/Home.html
-
6pages/it/Info.md
-
3pages/it/Links.md
-
1pages/it/Ma.md
-
7pages/it/Partecipanti.md
-
5pages/it/Perché.md
-
1pages/it/Percorso.md
-
3pages/it/Soluzioni.md
-
8pages/it/Stampa.md
-
3pages/it/Veloce.md
-
3pages/it/it.11tydata.json
-
35pages/pages.11tydata.js
-
160styles/parts/_nav.scss
-
34styles/style.scss
@ -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": [] |
|||
} |
|||
@ -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> |
|||
@ -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> |
|||
@ -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> |
|||
|
|||
@ -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 %} |
|||
<!-- 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'> |
|||
|
|||
<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'> |
|||
<!-- 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'> |
|||
|
|||
<title>{{ page.title }} | Quit Social Media</title> |
|||
<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 %}'> |
|||
<!-- 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'> |
|||
|
|||
<!-- 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> |
|||
<!-- 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> |
|||
@ -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> |
|||
@ -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> |
|||
<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 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> |
|||
<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> |
|||
@ -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> |
|||
@ -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> |
|||
@ -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 |
|||
@ -0,0 +1,3 @@ |
|||
{ |
|||
"lang": "fr" |
|||
} |
|||
@ -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>. |
|||