This commit is contained in:
Tommi 2020-12-31 20:03:57 +01:00
parent a30e9b0fe3
commit 689b1ad4e5
128 changed files with 3042 additions and 1839 deletions

34
.gitignore vendored
View File

@ -1,34 +0,0 @@
_site/
.sass-cache/
.jekyll-cache/
.jekyll-metadata
# Ignore ruby files
.ruby-version
.bundle
vendor
# Numerous always-ignore extensions
*.diff
*.err
*.log
*.orig
*.rej
*.swo
*.swp
*.vi
*~
# OS or Editor folders
._*
.cache
.DS_Store
.idea
.project
.settings
.tmproj
.publish
*.esproj
nbproject
Thumbs.db
.vscode

View File

@ -1,34 +1,11 @@
---
permalink: /404.html
layout: none
layout: full
sitemap: false
title: "404"
link: "/home"
image: "https://assets.tommi.space/logos/404.jpg"
---
<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="UTF-8">
<link href="/style.css" type="text/css" rel="stylesheet" />
<title>404 | XPLOSIONMIND</title>
<style>
h1, a, .container, #intro {
text-align: center;
color: var(--white);
}
#landing h1 {
font-size: 8rem;
margin: 0;
}
pre {
margin: 0 auto;
}
</style>
</head>
<body>
<a class="container" href="/home">
<div id="landing">
<h1>404</h1>
<br /><pre>page not found. Click anywhere to go back</pre>
</div>
</a>
</body>
</html>
Page not found.
Click anywhere to go back home.
{:.center}

42
Gemfile
View File

@ -8,20 +8,48 @@ source "https://rubygems.org"
# This will help ensure the proper Jekyll version is running.
# Happy Jekylling!
gem "jekyll"
# Add Liquid-C for faster rendering of Liquid
gem "liquid-c"
# If you want to use GitHub Pages, remove the "gem "jekyll"" above and
# uncomment the line below. To upgrade, run `bundle update github-pages`.
# gem "github-pages", group: :jekyll_plugins
# If you have any plugins, put them here!
group :jekyll_plugins do
gem "webrick"
gem "jekyll-feed"
gem "jekyll-seo-tag"
gem "jekyll-sitemap"
gem "jekyll-last-modified-at"
gem "jekyll-target-blank"
end
# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
# and associated library.
install_if -> { RUBY_PLATFORM =~ %r!mingw|mswin|java! } do
gem "tzinfo"
gem "tzinfo-data"
gem "jekyll-watch"
gem "jekyll-redirect-from"
gem "jekyll-email-protect"
gem "jekyll-datapage-generator"
gem "jekyll-debug"
gem "jekyll-mentions"
gem "jekyll-liquify"
gem "jekyll-auto-image"
gem "html-proofer"
# gem "jekyll-admin"
# gem "jekyll-optional-front-matter"
# gem "jekyll-paginate"
# gem "jekyll-paginate-v2"
# gem "jekyll-archives"
# gem "jekyll-youtube"
# gem "jekyll-spaceship"
# gem "jekyll-pdf-embed"
# gem "jekyll-giphy"
# gem "jekyll-timeago"
# gem "liquid_pluralize"
# gem "liquid_reading_time"
# gem "jekyll-gist"
# gem "jekyll-twitter-plugin"
# gem "jekyll-news-sitemap"
# gem "jekyll-git_metadata"
# gem "jekyll-auto-image"
# gem "jekyll-tagging"
# gem "jekyll-auto-image"
# gem "premonition"
end

View File

@ -1,40 +1,79 @@
GEM
remote: https://rubygems.org/
specs:
activesupport (6.1.0)
concurrent-ruby (~> 1.0, >= 1.0.2)
i18n (>= 1.6, < 2)
minitest (>= 5.1)
tzinfo (~> 2.0)
zeitwerk (~> 2.3)
addressable (2.7.0)
public_suffix (>= 2.0.2, < 5.0)
coderay (1.1.3)
colorator (1.1.0)
concurrent-ruby (1.1.7)
em-websocket (0.5.1)
em-websocket (0.5.2)
eventmachine (>= 0.12.9)
http_parser.rb (~> 0.6.0)
ethon (0.12.0)
ffi (>= 1.3.0)
eventmachine (1.2.7)
ffi (1.13.1)
ffi (1.14.2)
forwardable-extended (2.6.0)
html-pipeline (2.14.0)
activesupport (>= 2)
nokogiri (>= 1.4)
html-proofer (3.18.3)
addressable (~> 2.3)
mercenary (~> 0.3)
nokogumbo (~> 2.0)
parallel (~> 1.3)
rainbow (~> 3.0)
typhoeus (~> 1.3)
yell (~> 2.0)
http_parser.rb (0.6.0)
i18n (1.8.5)
concurrent-ruby (~> 1.0)
jekyll (4.1.1)
jekyll (4.2.0)
addressable (~> 2.4)
colorator (~> 1.0)
em-websocket (~> 0.5)
i18n (~> 1.0)
jekyll-sass-converter (~> 2.0)
jekyll-watch (~> 2.0)
kramdown (~> 2.1)
kramdown (~> 2.3)
kramdown-parser-gfm (~> 1.0)
liquid (~> 4.0)
mercenary (~> 0.4.0)
pathutil (~> 0.9)
rouge (~> 3.0)
safe_yaml (~> 1.0)
terminal-table (~> 1.8)
jekyll-feed (0.15.0)
terminal-table (~> 2.0)
jekyll-auto-image (1.1.3)
jekyll
jekyll-datapage-generator (1.3.0)
jekyll-debug (0.0.2)
liquid (>= 2.5, < 5.0)
pry (~> 0.10)
rb-readline (~> 0.5)
jekyll-email-protect (1.1.0)
jekyll-feed (0.15.1)
jekyll (>= 3.7, < 5.0)
jekyll-last-modified-at (1.3.0)
jekyll (>= 3.7, < 5.0)
posix-spawn (~> 0.3.9)
jekyll-liquify (0.0.2)
liquid (>= 2.5, < 5.0)
redcarpet (~> 3.1)
jekyll-mentions (1.6.0)
html-pipeline (~> 2.3)
jekyll (>= 3.7, < 5.0)
jekyll-redirect-from (0.16.0)
jekyll (>= 3.3, < 5.0)
jekyll-sass-converter (2.1.0)
sassc (> 2.0.1, < 3.0)
jekyll-seo-tag (2.6.1)
jekyll (>= 3.3, < 5.0)
jekyll-seo-tag (2.7.1)
jekyll (>= 3.8, < 5.0)
jekyll-sitemap (1.4.0)
jekyll (>= 3.7, < 5.0)
jekyll-target-blank (2.0.0)
@ -47,43 +86,70 @@ GEM
kramdown-parser-gfm (1.1.0)
kramdown (~> 2.0)
liquid (4.0.3)
listen (3.2.1)
liquid-c (4.0.0)
liquid (>= 3.0.0)
listen (3.3.3)
rb-fsevent (~> 0.10, >= 0.10.3)
rb-inotify (~> 0.9, >= 0.9.10)
mercenary (0.4.0)
method_source (1.0.0)
mini_portile2 (2.4.0)
minitest (5.14.2)
nokogiri (1.10.10)
mini_portile2 (~> 2.4.0)
nokogumbo (2.0.4)
nokogiri (~> 1.8, >= 1.8.4)
parallel (1.20.1)
pathutil (0.16.2)
forwardable-extended (~> 2.6)
posix-spawn (0.3.15)
pry (0.13.1)
coderay (~> 1.1)
method_source (~> 1.0)
public_suffix (4.0.6)
rainbow (3.0.0)
rb-fsevent (0.10.4)
rb-inotify (0.10.1)
ffi (~> 1.0)
rb-readline (0.5.5)
redcarpet (3.5.1)
rexml (3.2.4)
rouge (3.23.0)
rouge (3.26.0)
safe_yaml (1.0.5)
sassc (2.4.0)
ffi (~> 1.9)
terminal-table (1.8.0)
terminal-table (2.0.0)
unicode-display_width (~> 1.1, >= 1.1.1)
tzinfo (2.0.2)
typhoeus (1.4.0)
ethon (>= 0.9.0)
tzinfo (2.0.4)
concurrent-ruby (~> 1.0)
tzinfo-data (1.2020.1)
tzinfo (>= 1.0.0)
unicode-display_width (1.7.0)
webrick (1.7.0)
yell (2.2.2)
zeitwerk (2.4.2)
PLATFORMS
ruby
DEPENDENCIES
html-proofer
jekyll
jekyll-auto-image
jekyll-datapage-generator
jekyll-debug
jekyll-email-protect
jekyll-feed
jekyll-last-modified-at
jekyll-liquify
jekyll-mentions
jekyll-redirect-from
jekyll-seo-tag
jekyll-sitemap
jekyll-target-blank
tzinfo
tzinfo-data
jekyll-watch
liquid-c
webrick
BUNDLED WITH
2.1.4
2.2.3

View File

@ -1,5 +1,9 @@
[![Netlify Status](https://api.netlify.com/api/v1/badges/c5a2f8f0-e22a-4ae4-82e4-bcdea06adf7c/deploy-status)](https://app.netlify.com/sites/quirky-gates-75f190/deploys)
[![Netlify Status](https://api.netlify.com/api/v1/badges/c5a2f8f0-e22a-4ae4-82e4-bcdea06adf7c/deploy-status)](https://app.netlify.com/sites/quit-social-media/deploys) | [![LiberaPay Patrons](https://img.shields.io/liberapay/patrons/tommi.svg?logo=liberapay")](https://liberapay.com/tommi/) | [![Awesome Humane Tech badge](https://raw.githubusercontent.com/humanetech-community/awesome-humane-tech/main/humane-tech-badge.svg?sanitize=true)](https://www.humanetech.com/)
# QUIT SOCIAL MEDIA
# Quit Social Media
Notes are [here](./pages/notes), roadmap is [here](./pages/roadmap)
Notes are [here](https://tommi.space/qsm), roadmap is [here](./pages/roadmap)
## Contribution
This project warmly welcomes any contributor or supporter. Please visit the [contribution page](/contribute).

View File

@ -1,3 +1 @@
# Security Policy
Actually this should be just a basic static website. No tracking, no annoying stuff, no possible security breaches. Nevertheless, there's a tiny little part of back-end cloud computing if you subscribe to the newsletter. If you encounter any problem in this process, please send an email to tommiboom+website at protonmail dot com.
This website has no tracking, no ads, no analytics, no annoying stuff, therefore no possible security breaches. Nevertheless, there's a tiny little part of back-end cloud computing if you subscribe to the newsletter. If you encounter any problem in this process, please send an email to [security@quitsocialmedia.club](mailto:security@quitsocialmedia.club).

View File

@ -1,50 +1,72 @@
title: "Quit Social Media"
email: tommiboom@protonmail.com
title: Quit Social Media
email: hi@quitsocialmedia.club
description: >- # this means to ignore newlines until "baseurl:"
Enjoying the internet and social life independently from big intrusive and addictive platforms
Whys and hows about quitting Social Media
baseurl: "" # the subpath of your site, e.g. /blog
url: "https://quitsocialmedia.club" # the base hostname & protocol for your site, e.g. http://example.com
author: Tommi
publisher: Tommi
twitter_username: xplosionmind
github_username: xplosionmind
git_repository: "quit-social-media"
git_repository: "quitsocialmedia.club"
future: true
profile: true
livereload: true
strict_front_matter: true
images: "https://assets.tommi.space/images"
post-images: "https://assets.tommi.space/images/posts"
assets: "https://assets.tommi.space/assets"
video: "https://assets.tommi.space/video"
audio: "https://assets.tommi.space/audio"
logos: "https://assets.tommi.space/logos"
fonts: "https://assets.tommi.space/fonts"
exclude:
- riordinare/
keep_files:
- images/
- assets/
collections:
posts:
excerpt_separator: "<!--more-->"
levels:
output: false
social:
name: xplosionmind
tagline: "Living a healthier life on the web"
twitter:
username: xplosionmind
card: summary
plugins:
- jekyll-feed
- jekyll-seo-tag
- jekyll-sitemap
- jekyll-last-modified-at
- jekyll-target-blank
- jekyll-watch
- jekyll-redirect-from
- jekyll-debug
- jekyll-watch
- jekyll-email-protect
sass:
style: compressed
permalink: "/:title"
ref: ":title"
style: compressed
permalink: /:title
defaults:
-
scope:
path: ""
values:
layout: "wrapper"
ref: ":title"
lang: "en"
img: "/images/preview.gif"
primary: "#FCC920"
comments: true
-
scope:
path: ""
type: "posts"
type: levels
values:
layout: "post"
lang: "it"
permalink: "/:title"
excerpt_separator: "<!--more-->"
layout: level
lang: en
permalink: /:title
hide: 0

15
_data/resources.csv Normal file
View File

@ -0,0 +1,15 @@
name,link,lang,where,video,article,book,website,other
Ten Arguments for Deleting Your Social Media Accounts,http://jaronlanier.com/tenarguments.html,en,,0,0,1,0,0
What is Free Software,https://fsfe.org/freesoftware/freesoftware.en.html,en,,0,1,0,0,0
Cos'è il Software Libero,https://fsfe.org/freesoftware/freesoftware.it.html,it,,0,1,0,0,0
AlternativeTo,https://alternativeto.net/,en,,0,0,0,1,0
Switching Software,https://switching.software/,en,,0,0,0,1,0
PrivacyTools,https://privacytools.io/,en,,0,0,0,1,0
PrivacyTools,https://privacytools-it.github.io/,it,,0,0,0,1,0
Tommi's website,https://tommi.space,it,/about,0,0,0,1,0
Intervista a Jaron Lanier - Il Tascabile,https://www.iltascabile.com/scienze/intervista-lanier/,it,,0,1,0,0,0
,,,,0,0,0,0,0
,,,,0,0,0,0,0
,,,,0,0,0,0,0
,,,,0,0,0,0,0
,,,,0,0,0,0,0
1 name link lang where video article book website other
2 Ten Arguments for Deleting Your Social Media Accounts http://jaronlanier.com/tenarguments.html en 0 0 1 0 0
3 What is Free Software https://fsfe.org/freesoftware/freesoftware.en.html en 0 1 0 0 0
4 Cos'è il Software Libero https://fsfe.org/freesoftware/freesoftware.it.html it 0 1 0 0 0
5 AlternativeTo https://alternativeto.net/ en 0 0 0 1 0
6 Switching Software https://switching.software/ en 0 0 0 1 0
7 PrivacyTools https://privacytools.io/ en 0 0 0 1 0
8 PrivacyTools https://privacytools-it.github.io/ it 0 0 0 1 0
9 Tommi's website https://tommi.space it /about 0 0 0 1 0
10 Intervista a Jaron Lanier - Il Tascabile https://www.iltascabile.com/scienze/intervista-lanier/ it 0 1 0 0 0
11 0 0 0 0 0
12 0 0 0 0 0
13 0 0 0 0 0
14 0 0 0 0 0
15 0 0 0 0 0

45
_includes/about.html Normal file
View File

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

View File

@ -1,35 +1,8 @@
{% capture headingsWorkspace %}
{% comment %}
Version 1.0.6
https://github.com/allejo/jekyll-anchor-headings
"Be the pull request you wish to see in the world." ~Ben Balter
Usage:
{% include anchor_headings.html html=content %}
Parameters:
* html (string) - the HTML of compiled markdown generated by kramdown in Jekyll
Optional Parameters:
* beforeHeading (bool) : false - Set to true if the anchor should be placed _before_ the heading's content
* anchorAttrs (string) : '' - Any custom HTML attributes that will be added to the `<a>` tag; you may NOT use `href`, `class` or `title`;
the `%heading%` placeholder is available
* anchorBody (string) : '' - The content that will be placed inside the anchor; the `%heading%` placeholder is available
* anchorClass (string) : '' - The class(es) that will be used for each anchor. Separate multiple classes with a space
* anchorTitle (string) : '' - The `title` attribute that will be used for anchors
* h_min (int) : 1 - The minimum header level to build an anchor for; any header lower than this value will be ignored
* h_max (int) : 6 - The maximum header level to build an anchor for; any header greater than this value will be ignored
* bodyPrefix (string) : '' - Anything that should be inserted inside of the heading tag _before_ its anchor and content
* bodySuffix (string) : '' - Anything that should be inserted inside of the heading tag _after_ its anchor and content
Output:
The original HTML with the addition of anchors inside of all of the h1-h6 headings.
{% endcomment %}
{% assign minHeader = include.h_min | default: 1 %}
{% assign maxHeader = include.h_max | default: 6 %}
{% assign beforeHeading = include.beforeHeading %}
{% assign minHeader = 2 %}
{% assign maxHeader = 6 %}
{% assign beforeHeading = 1 %}
{% assign nodes = include.html | split: '<h' %}
{% capture edited_headings %}{% endcapture %}
@ -58,7 +31,8 @@
{% continue %}
{% endif %}
{% assign _workspace = node | split: '</h' %}
{% capture _closingTag %}</h{{ headerLevel }}>{% endcapture %}
{% assign _workspace = node | split: _closingTag %}
{% assign _idWorkspace = _workspace[0] | split: 'id="' %}
{% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
{% assign html_id = _idWorkspace[0] %}
@ -70,21 +44,24 @@
{% capture anchor %}{% endcapture %}
{% if html_id and headerLevel >= minHeader and headerLevel <= maxHeader %}
{% if include.headerAttrs %}
{% capture _hAttrToStrip %}{{ _hAttrToStrip | split: '>' | first }} {{ include.headerAttrs | replace: '%heading%', header | replace: '%html_id%', html_id }}>{% endcapture %}
{% endif %}
{% capture anchor %}href="#{{ html_id }}"{% endcapture %}
{% if include.anchorClass %}
{% capture anchor %}{{ anchor }} class="{{ include.anchorClass }}"{% endcapture %}
{% endif %}
{% if include.anchorTitle %}
{% capture anchor %}{{ anchor }} title="{{ include.anchorTitle | replace: '%heading%', header }}"{% endcapture %}
{% endif %}
{% capture anchor %}{{ anchor }} title="{{ header }}"{% endcapture %}
{% if include.anchorAttrs %}
{% capture anchor %}{{ anchor }} {{ include.anchorAttrs | replace: '%heading%', header }}{% endcapture %}
{% capture anchor %}{{ anchor }} {{ include.anchorAttrs | replace: '%heading%', header | replace: '%html_id%', html_id }}{% endcapture %}
{% endif %}
{% capture anchor %}<a {{ anchor }}>{{ include.anchorBody | replace: '%heading%', header | default: '' }}</a>{% endcapture %}
{% capture anchor %}<a {{ anchor }}>{{ '<svg class="anchor" xmlns="http://www.w3.org/2000/svg" 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(--text)"/><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(--text)"/><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(--text)"/></svg>
' | replace: '%heading%', header | default: '' }}</a>{% endcapture %}
<!-- In order to prevent adding extra space after a heading, we'll let the 'anchor' value contain it -->
{% if beforeHeading %}
@ -103,8 +80,17 @@
{{ header }}{{ anchor }}
{% endif %}
{{ include.bodySuffix }}
</h{{ _workspace | last }}
</h{{ headerLevel }}>
{% endcapture %}
<!--
If we have content after the `</hX>` tag, then we'll want to append that here so we don't lost any content.
-->
{% assign chunkCount = _workspace | size %}
{% if chunkCount > 1 %}
{% capture new_heading %}{{ new_heading }}{{ _workspace | last }}{% endcapture %}
{% endif %}
{% capture edited_headings %}{{ edited_headings }}{{ new_heading }}{% endcapture %}
{% endfor %}
{% endcapture %}{% assign headingsWorkspace = '' %}{{ edited_headings | strip }}

90
_includes/backlinks.html Normal file
View File

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

3
_includes/banner.html Normal file
View File

@ -0,0 +1,3 @@
<div class="red mobile banner box">
{% if page.lang == 'it' %}Lo so, il tasto per aprire il menu non funziona. Purtroppo è un problema piuttosto complicato da risolvere per me, ci metterò un po' a capire come fare. Intanto, in alternativa, potete usare la <a href="https://www.iphoneitalia.com/visualizzare-sito-desktop-iphone" rel="noopener noreferrer" target="_blank">modalità desktop</a>.{% else %}I know, the menu button ain't working. I'll fix this ASAP, in the meanwhile try using desktop mode.{% endif %}
</div>

16
_includes/comments.html Normal file
View File

@ -0,0 +1,16 @@
{% unless page.comments == false %}
<div class="u-comment row">
<div id="comments" class="box">
<h2 class="title">{% case page.lang %}{% when 'it' %}Commenti{% else %}Comments{% endcase %}</h2>
<script src="https://utteranc.es/client.js"
repo="xplosionmind/tommi.space"
issue-term="title"
label="comment"
theme="github-dark"
crossorigin="anonymous"
async>
</script>
</div>
</div>
</div>
{% endunless %}

10
_includes/draft.html Normal file
View File

@ -0,0 +1,10 @@
<div class="one column row">
<div class="banner red box">
<h3>🚧 {% if page.lang == 'it' %}Lavori in corso{% else %}Work in progress{% endif %} 🏗</h3>
{% if page.lang == 'it' %}
Il contenuto di questa pagina non è completo; tutti gli articoli e le note in sospeso sono contraddistinte dal tag <a href="/tags#draft" title="tutte le bozze"><em>draft</em></a>
{% else %}
Content of this page is not complete: unfinished notes and articles are tagged with <a href="/tags#draft" title="all of the pages tagged “draft”"><em>draft</em></a> tag
{% endif %}
</div>
</div>

3
_includes/edit.html Normal file
View File

@ -0,0 +1,3 @@
<div class="row">
<p class="center"><a href="https://www.github.com/{{ site.github_username }}/{{ site.git_repository }}/blob/master/{{ page.path | uri_escape }}" target="_blank" rel="noopener noreferrer">{% if page.lang == 'it' %}suggerisci modifica o correzione{% else %}suggest edit{% endif %}</a></p>
</div>

View File

@ -1,117 +1,24 @@
{% case include.lang %}
{% when 'it' %}
<footer>
<div class="row">
<!--<div class="two-fifths column">
<a class="newsletter button" href="http://eepurl.com/haXMp5" target="_blank" rel="noopener noreferrer">
iscriviti alla newsletter
</a>
</div>-->
<div class="two-fifths column">
<div class="button-box" id="social-box">
<a href="/feed.xml" target="_blank" rel="noopener noreferrer">
<div class="flex row">
<!-- <a class="newsletter written button" href="http://eepurl.com/haXMp5" target="_blank" rel="noopener noreferrer">{% if page.lang == 'it' %}Iscriviti alla newsletter{% else %}Subscribe to newsletter{% endif %}</a> -->
<div class="h-card button-box" id="social-box">
<!-- RSS feed -->
<svg class="button" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 455.731 455.731" style="enable-background:new 0 0 455.731 455.731;" xml:space="preserve">
<g>
<rect x="0" y="0" style="fill:var(--primary);" width="455.731" height="455.731"/>
<g>
<path style="fill:var(--background);" d="M296.208,159.16C234.445,97.397,152.266,63.382,64.81,63.382v64.348 c70.268,0,136.288,27.321,185.898,76.931c49.609,49.61,76.931,115.63,76.931,185.898h64.348 C391.986,303.103,357.971,220.923,296.208,159.16z"/>
<path style="fill:var(--background);" d="M64.143,172.273v64.348c84.881,0,153.938,69.056,153.938,153.939h64.348 C282.429,270.196,184.507,172.273,64.143,172.273z"/>
<circle style="fill:var(--background);" cx="109.833" cy="346.26" r="46.088"/>
</g>
</g>
</svg>
</a>
<!-- RSS feed -->
<a href="/feed" title="{% if page.lang == 'it' %}tutti i feed del sito{% else %}All of this website feeds{% endif %}" target="_blank" rel="noopener noreferrer"><svg class="button" width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.136 0 0 .136 3.5 3.49)"><circle cx="20.3" cy="104" r="20" fill="var(--background)"/><path d="m67 114c0 5.5 4.5 10 10 10s10-4.5 10-10c0-42.4-34.5-77-77-77-5.5 0-10 4.5-10 10s4.5 10 10 10c31.5 0 57 25.6 57 57z" fill="var(--background)"/><path d="m114 124c5.5 0 10-4.5 10-10 0-62.8-51.1-114-114-114-5.5 0-10 4.5-10 10s4.5 10 10 10c51.8 0 93.9 42.1 93.9 93.9 0 5.5 4.4 10 10 10z" fill="var(--background)"/></g></svg></a>
<!-- GitHub -->
<a href="https://github.com/xplosionmind/quit-social-media" target="_blank" rel="noopener noreferrer" title="il codice sorgente su GitHub">
<svg class="button" id="Bold" width="512" height="512" enable-background="new 0 0 24 24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="m0.02631 0.030691c-0.037295 8.0377-0.084415 15.941-0.049798 23.979l8.2894-0.014915c0.61219 0.001291 0.75905-0.26619 0.75905-0.57919 0-0.28-0.01-1.022-0.015-2.005-3.338 0.711-4.042-1.582-4.042-1.582-0.546-1.361-1.335-1.725-1.335-1.725-1.087-0.731 0.084-0.716 0.084-0.716 1.205 0.082 1.838 1.215 1.838 1.215 1.07 1.803 2.809 1.282 3.495 0.981 0.108-0.763 0.417-1.282 0.76-1.577-2.665-0.295-5.466-1.309-5.466-5.827 0-1.287 0.465-2.339 1.235-3.164-0.135-0.298-0.54-1.497 0.105-3.121 0 0 1.005-0.316 3.3 1.209 0.96-0.262 1.98-0.392 3-0.398 1.02 6e-3 2.04 0.136 3 0.398 2.28-1.525 3.285-1.209 3.285-1.209 0.645 1.624 0.24 2.823 0.12 3.121 0.765 0.825 1.23 1.877 1.23 3.164 0 4.53-2.805 5.527-5.475 5.817 0.42 0.354 0.81 1.077 0.81 2.182 0 1.578-0.015 2.846-0.015 3.229 0 0.309 0.11248 0.56829 0.73967 0.58438l8.4072 0.04408c-0.10977-7.9928-0.080077-15.986-0.056972-23.979-8.0009 0.021753-16.002 0.0042201-24.003-0.026287z" style="fill:var(--primary)"/>
</svg>
</a>
<!-- GitHub -->
<a rel="me" class"u-url" href="https://github.com/xplosionmind" target="_blank" rel="noopener noreferrer" title="{% if page.lang == 'it' %}Il mio profilo GitHub{% else %}My GitHub profile{% endif %}"><svg class="button" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="var(--primary)" style="background:0"><path d="m0 0v24l8.36-7e-3c0.602 0.11 0.821-0.252 0.821-0.569v-2c-3.35 0.712-4.06-1.58-4.06-1.58-0.223-0.718-0.697-1.33-1.34-1.73-1.09-0.723 0.0876-0.712 0.0876-0.712 0.767 0.103 1.44 0.55 1.84 1.22 0.707 1.23 2.27 1.66 3.5 0.975 0.0612-0.6 0.333-1.16 0.767-1.58-2.67-0.296-5.47-1.3-5.47-5.83-0.0239-1.18 0.412-2.32 1.22-3.19-0.366-1.01-0.323-2.13 0.12-3.11 0 0 1.02-0.318 3.28 1.2 1.97-0.526 4.05-0.526 6.02 0 2.3-1.52 3.28-1.2 3.28-1.2 0.443 0.981 0.486 2.1 0.12 3.11 0.822 0.848 1.28 1.98 1.28 3.16 0 4.53-2.83 5.53-5.47 5.83 0.588 0.57 0.889 1.37 0.821 2.19v3.23c0 0.383 0.219 0.69 0.821 0.569l7.99 0.0179v-24"/></svg></a>
<!-- Telegram -->
<a href="https://t.me/quitsocialmedia" target="_blank" rel="noopener noreferrer" title="iscriviti al mio canale Telegram">
<svg class="button" style="enable-background:new 0 0 242.667 242.667" version="1.1" viewBox="0 0 242.67 242.67" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m162.44 86.061-54.044 50.235c-1.899 1.765-3.126 4.135-3.473 6.704l-1.839 13.641c-0.245 1.82-2.806 2.003-3.308 0.237l-7.08-24.875c-0.808-2.839 0.37-5.87 2.883-7.418l65.484-40.334c1.175-0.723 2.388 0.87 1.377 1.81zm80.224-86.061v242.67h-242.67v-242.67h242.67zm-54.002 58.301-137.51 53.047c-3.39 1.308-3.364 6.114 0.04 7.385l33.505 12.507 12.97 41.708c0.831 2.671 4.099 3.656 6.267 1.888l18.677-15.226c1.958-1.596 4.744-1.674 6.788-0.19l33.689 24.459c2.319 1.684 5.604 0.414 6.187-2.392l24.675-118.7c0.637-3.061-2.37-5.613-5.288-4.487z" style="fill:var(--primary)"/>
</svg>
</a>
</div>
</div>
<div class="one-fifth column">
<div class="half column">
<p><a href="/it/privacy" target="_blank">Privacy</a></p>
</div>
<div class="half column">
<p><a href="https://quit-social-media.goatcounter.com" rel="noopener noreferrer" target="_blank">Visitatori</a></p>
</div>
<!-- Telegram -->
<a class="u-url" href="https://t.me/xplosionmind" target="_blank" rel="me noopener noreferrer" title="{% if page.lang == 'it' %}Scrivimi su Telegram{% else %}Get in touch on Telegram{% endif %}"><svg class="button" width="128" height="128" version="1.1" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><path d="m20.1 54.1c26.3-11.5 43.9-19 52.7-22.7 25.1-10.4 30.3-12.3 33.7-12.3 0.748-0.0126 2.42 0.173 3.5 1.05 0.914 0.742 1.17 1.74 1.29 2.45 0.12 0.703 0.27 2.31 0.151 3.56-1.36 14.3-7.25 49-10.2 65-1.27 6.77-3.76 9.04-6.18 9.27-5.25 0.483-9.23-3.47-14.3-6.8-7.95-5.21-12.4-8.46-20.2-13.5-8.92-5.88-3.14-9.11 1.95-14.4 1.33-1.38 24.5-22.4 24.9-24.3 0.056-0.239 0.108-1.13-0.421-1.6-0.528-0.47-1.31-0.309-1.87-0.181-0.798 0.181-13.5 8.58-38.1 25.2-3.61 2.48-6.87 3.68-9.8 3.62-3.23-0.0697-9.43-1.82-14-3.32-5.66-1.84-10.2-2.81-9.77-5.94 0.204-1.63 2.45-3.29 6.72-4.99z" fill="var(--background)"/></svg></a>
</div>
<p><a href="/it/privacy" target="_blank">Privacy</a></p>
</div>
<div class="row">
<div class="column" id="license">
<p>Tutto quello che cè in questo sito, compreso il codice sorgente, è protetto dalla licenza <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/deed.it" target="_blank">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International</a>.</p>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/deed.it" target="_blank"><img id="CClogo" alt="Creative Commons License" src="/logos/cc.svg" /></a>
</div>
<div id="license" class="row">
{% if page.lang == 'it' %}
<p>Eccetto dove diversamente specificato, tutto quello che cè in questo sito, compreso il codice sorgente, è protetto dalla licenza <a rel="license noopener noreferrer" href="http://creativecommons.org/licenses/by-nc-sa/4.0/deed.it" target="_blank">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International</a>.</p>
{% else %}
<p>Everything in this website, including its source code, is licensed under a <a rel="license noopener noreferrer" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>, except where otherwise specified.</p>
{% endif %}
</div>
</footer>
{% else %}
<footer>
<div class="row">
<!--<div class="two-fifths column">
<a class="newsletter button" href="http://eepurl.com/haXMp5" target="_blank" rel="noopener noreferrer">
subscribe to newsletter
</a>
</div>-->
<div class="two-fifths column">
<div class="button-box" id="social-box">
<!-- RSS feed -->
<a href="/feed.xml" target="_blank" rel="noopener noreferrer">
<svg class="button" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 455.731 455.731" style="enable-background:new 0 0 455.731 455.731;" xml:space="preserve">
<g>
<rect x="0" y="0" style="fill:var(--primary);" width="455.731" height="455.731"/>
<g>
<path style="fill:var(--background);" d="M296.208,159.16C234.445,97.397,152.266,63.382,64.81,63.382v64.348 c70.268,0,136.288,27.321,185.898,76.931c49.609,49.61,76.931,115.63,76.931,185.898h64.348 C391.986,303.103,357.971,220.923,296.208,159.16z"/>
<path style="fill:var(--background);" d="M64.143,172.273v64.348c84.881,0,153.938,69.056,153.938,153.939h64.348 C282.429,270.196,184.507,172.273,64.143,172.273z"/>
<circle style="fill:var(--background);" cx="109.833" cy="346.26" r="46.088"/>
</g>
</g>
</svg>
</a>
<!-- GitHub -->
<a href="https://github.com/xplosionmind/quit-social-media" target="_blank" rel="noopener noreferrer" title="Source code on GitHub">
<svg class="button" id="Bold" width="512" height="512" enable-background="new 0 0 24 24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="m0.02631 0.030691c-0.037295 8.0377-0.084415 15.941-0.049798 23.979l8.2894-0.014915c0.61219 0.001291 0.75905-0.26619 0.75905-0.57919 0-0.28-0.01-1.022-0.015-2.005-3.338 0.711-4.042-1.582-4.042-1.582-0.546-1.361-1.335-1.725-1.335-1.725-1.087-0.731 0.084-0.716 0.084-0.716 1.205 0.082 1.838 1.215 1.838 1.215 1.07 1.803 2.809 1.282 3.495 0.981 0.108-0.763 0.417-1.282 0.76-1.577-2.665-0.295-5.466-1.309-5.466-5.827 0-1.287 0.465-2.339 1.235-3.164-0.135-0.298-0.54-1.497 0.105-3.121 0 0 1.005-0.316 3.3 1.209 0.96-0.262 1.98-0.392 3-0.398 1.02 6e-3 2.04 0.136 3 0.398 2.28-1.525 3.285-1.209 3.285-1.209 0.645 1.624 0.24 2.823 0.12 3.121 0.765 0.825 1.23 1.877 1.23 3.164 0 4.53-2.805 5.527-5.475 5.817 0.42 0.354 0.81 1.077 0.81 2.182 0 1.578-0.015 2.846-0.015 3.229 0 0.309 0.11248 0.56829 0.73967 0.58438l8.4072 0.04408c-0.10977-7.9928-0.080077-15.986-0.056972-23.979-8.0009 0.021753-16.002 0.0042201-24.003-0.026287z" style="fill:var(--primary)"/>
</svg>
</a>
<!-- Telegram -->
<a href="https://t.me/quitsocialmedia" target="_blank" rel="noopener noreferrer" title="join the Telegram channel">
<svg class="button" style="enable-background:new 0 0 242.667 242.667" version="1.1" viewBox="0 0 242.67 242.67" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m162.44 86.061-54.044 50.235c-1.899 1.765-3.126 4.135-3.473 6.704l-1.839 13.641c-0.245 1.82-2.806 2.003-3.308 0.237l-7.08-24.875c-0.808-2.839 0.37-5.87 2.883-7.418l65.484-40.334c1.175-0.723 2.388 0.87 1.377 1.81zm80.224-86.061v242.67h-242.67v-242.67h242.67zm-54.002 58.301-137.51 53.047c-3.39 1.308-3.364 6.114 0.04 7.385l33.505 12.507 12.97 41.708c0.831 2.671 4.099 3.656 6.267 1.888l18.677-15.226c1.958-1.596 4.744-1.674 6.788-0.19l33.689 24.459c2.319 1.684 5.604 0.414 6.187-2.392l24.675-118.7c0.637-3.061-2.37-5.613-5.288-4.487z" style="fill:var(--primary)"/>
</svg>
</a>
</div>
</div>
<div class="one-fifth column">
<div class="half column">
<p><a href="/it/privacy" target="_blank">Privacy</a></p>
</div>
<div class="half column">
<p><a href="https://quit-social-media.goatcounter.com" rel="noopener noreferrer" target="_blank">Visitors</a></p>
</div>
</div>
</div>
<div class="row">
<div class="column" id="license">
<p>Everything in this website, including its source code, is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.</p>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank"><img id="CClogo" alt="Creative Commons License" src="/logos/cc.svg" /></a>
</div>
</div>
</footer>
{% endcase %}

35
_includes/head.html Normal file
View File

@ -0,0 +1,35 @@
<head>
<meta name="color-scheme" content="dark light">
{% seo %}
<meta name="google-site-verification" content="sxVceyjRiCaE1x9E61DCYDwoo_EOlHNfBzdL1gLBio4" />
<link rel="alternate" type="application/atom+xml" title="{% if page.lang == 'it'%}Blog{% else %}Updates feed{% endif %}" href="/feed.xml" />
<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.logos }}/favicon32.png" sizes="32x32" />
<link rel="icon" href="{{ site.logos }}/favicon64.png" sizes="64x64" />
<link rel="icon" href="{{ site.logos }}/favicon.png" sizes="160x160" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="theme-color" content="{{ page.primary }}" />
<meta property="og:type" content="website" />
<meta property="og:article:published_time" content="{{ page.date | date_to_xmlschema }}" />
<meta property="og:locale:alternate" content="{% if page.lang == 'it' %}en{% else %}it{% endif %}" />
<!-- Algolia search -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@0/dist/algoliasearchNetlify.js" crossorigin="anonymous"></script>
<script type="text/javascript">
algoliasearchNetlify({
appId: 'UNJ7U6R9NG',
apiKey: '2496a32ec63dd08b35a329a1e0738524',
siteId: 'c7f3a969-424a-450b-8636-2d477af82e76',
branch: 'main',
selector: 'input#search',
sitemap: 'https://quitsocialmedia.club/sitemap.xml',
});
</script>
</head>

View File

@ -1,80 +0,0 @@
<script src="https://code.jquery.com/jquery-3.5.0.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
<script>
(function($) { // Begin jQuery
$(function() { // DOM ready
// If a link has a dropdown, add sub menu toggle.
$('nav ul li a:not(:only-child)').click(function(e) {
$(this).siblings('.nav-dropdown').toggle();
// Close one dropdown when selecting another
$('.nav-dropdown').not($(this).siblings()).hide();
e.stopPropagation();
});
// Clicking away from dropdown will remove the dropdown class
$('html').click(function() {
$('.nav-dropdown').hide();
});
// Toggle open and close nav styles on click
$('#nav-toggle').click(function() {
$('nav ul').slideToggle();
});
// Hamburger to X toggle
$('#nav-toggle').on('click', function() {
this.classList.toggle('active');
});
}); // end DOM ready
})(jQuery); // end jQuery
</script>
<body>
{% case include.lang %}
{% when 'it' %}
<section class="navigation">
<div class="nav-container">
<nav>
<div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
<ul class="nav-list">
<li><a href="/it/home">Home</a></li>
<!-- <li><a href="/it/about">About</a></li> -->
<!-- <li><a href="/it/news">News</a></li> -->
<li><a href="/it/manifesto">Manifesto</a></li>
<li><a href="#!"><svg width="30" height="30" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.0573 0 0 .0573 .344 .295)" style="fill:var(--primary);stroke-width:17.5"><path d="m384 63c35.8 0 65 29.2 65 65 0 8.28 6.72 15 15 15s15-6.72 15-15c0-52.4-42.6-95-95-95-8.28 0-15 6.72-15 15s6.72 15 15 15z"/><path d="m128 449c-35.8 0-65-29.2-65-65 0-8.28-6.72-15-15-15s-15 6.72-15 15c0 52.4 42.6 95 95 95 8.28 0 15-6.72 15-15s-6.72-15-15-15z"/><path d="m149 231-7.25 21.7c-2.09 6.29-7.95 10.3-14.2 10.3-10.2 0-17.5-10-14.2-19.7l48-144c2.04-6.13 7.77-10.3 14.2-10.3s12.2 4.13 14.2 10.3l24.6 73.8c37.8-28.2 83.6-42.2 130-40.4-19-76.1-87.9-133-170-133-96.5 0-175 78.5-175 175 0 81.9 56.5 151 133 170-1.53-39.5 8.38-79.1 29.5-114z"/><path d="m337 163c-96.4 0-175 78.2-175 175s78.2 175 175 175 175-78.2 175-175-78.2-175-175-175zm-55.6 241c-6.46 5.2-15.9 4.11-21.1-2.34-5.18-6.47-4.13-15.9 2.34-21.1 22.9-18.3 31.2-59.5 33.6-85.3h-24.2c-8.28 0-15-6.72-15-15s6.72-15 15-15h40c8.28 0 15 6.72 15 15 0 3.56-0.52 87.6-45.6 124zm119-68.7h-17v73c0 8.28-6.72 15-15 15s-15-6.72-15-15v-144c0-8.28 6.72-15 15-15s15 6.72 15 15v41h17c8.28 0 15 6.72 15 15s-6.72 15-15 15z"/><path d="m159 201h33c-2.79-8.36 0.261 0.797-16.5-49.6z"/></g></svg></a>
<ul class="nav-dropdown">
{% for cosa in site.pages %}
{% if cosa.ref == page.ref %}
<li>
<a href="{{ cosa.url }}" class="{{ cosa.lang }}">{{ cosa.lang }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
</li>
</ul>
</nav>
</div>
</section>
{% else %}
<section class="navigation">
<div class="nav-container">
<nav>
<div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
<ul class="nav-list">
<li><a href="/home">Home</a></li>
<!-- <li><a href="/about">About</a></li> -->
<!-- <li><a href="/news">News</a></li> -->
<li><a href="/manifesto">Manifesto</a></li>
<li><a href="#!"><svg width="30" height="30" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.0573 0 0 .0573 .344 .295)" style="fill:var(--primary);stroke-width:17.5"><path d="m384 63c35.8 0 65 29.2 65 65 0 8.28 6.72 15 15 15s15-6.72 15-15c0-52.4-42.6-95-95-95-8.28 0-15 6.72-15 15s6.72 15 15 15z"/><path d="m128 449c-35.8 0-65-29.2-65-65 0-8.28-6.72-15-15-15s-15 6.72-15 15c0 52.4 42.6 95 95 95 8.28 0 15-6.72 15-15s-6.72-15-15-15z"/><path d="m149 231-7.25 21.7c-2.09 6.29-7.95 10.3-14.2 10.3-10.2 0-17.5-10-14.2-19.7l48-144c2.04-6.13 7.77-10.3 14.2-10.3s12.2 4.13 14.2 10.3l24.6 73.8c37.8-28.2 83.6-42.2 130-40.4-19-76.1-87.9-133-170-133-96.5 0-175 78.5-175 175 0 81.9 56.5 151 133 170-1.53-39.5 8.38-79.1 29.5-114z"/><path d="m337 163c-96.4 0-175 78.2-175 175s78.2 175 175 175 175-78.2 175-175-78.2-175-175-175zm-55.6 241c-6.46 5.2-15.9 4.11-21.1-2.34-5.18-6.47-4.13-15.9 2.34-21.1 22.9-18.3 31.2-59.5 33.6-85.3h-24.2c-8.28 0-15-6.72-15-15s6.72-15 15-15h40c8.28 0 15 6.72 15 15 0 3.56-0.52 87.6-45.6 124zm119-68.7h-17v73c0 8.28-6.72 15-15 15s-15-6.72-15-15v-144c0-8.28 6.72-15 15-15s15 6.72 15 15v41h17c8.28 0 15 6.72 15 15s-6.72 15-15 15z"/><path d="m159 201h33c-2.79-8.36 0.261 0.797-16.5-49.6z"/></g></svg></a>
<ul class="nav-dropdown">
{% for cosa in site.pages %}
{% if cosa.ref == page.ref %}
<li>
<a href="{{ cosa.url }}" class="{{ cosa.lang }}">{{ cosa.lang }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
</li>
</ul>
</nav>
</div>
</section>
{% endcase %}
</body>

View File

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

21
_includes/listen-on.html Normal file
View File

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

14
_includes/menu.html Normal file
View File

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

45
_includes/nav.html Normal file
View File

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

11
_includes/post-tags.html Normal file
View File

@ -0,0 +1,11 @@
<div class="flex row">
{% for tagg in site.data.tags %}
{% for present in page.tags %}
{% capture tag %}{{ tagg.title | downcase | slugify }}{% endcapture %}
{% capture post-tag %}{{ present | downcase | slugify }}{% endcapture %}
{% if tag == post-tag %}
<a href="/tags#{{ tag }}" rel="tag" class="{{ tag }} smaller written button">{{ tagg.title }}</a>
{% endif %}
{% endfor %}
{% endfor %}
</div>

12
_includes/sconnesso.html Normal file
View File

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

39
_includes/share.html Normal file
View File

@ -0,0 +1,39 @@
<div class="flex box row">
<h2 style="margin-right:var(--regular)">{% if page.lang == 'it' %}Condividi{% else %}Share{% endif %}</h2>
<div class="sharing 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>
<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>
<!-- Pocket -->
<a href="https://getpocket.com/save?url={{ page.url | absolute_url }}&title={{ page.title | uri_escape }}" rel="noopener noreferrer" 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>
</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>
</div>
</div>

26
_includes/stuff.html Normal file
View File

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

11
_includes/tags.html Normal file
View File

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

View File

@ -0,0 +1,20 @@
<script type="text/javascript">
const currentTheme = localStorage.getItem("theme");
if (currentTheme == "light") {
document.body.classList.add("light");
}
function themetoggle() {
document.body.classList.toggle("light");
if (document.body.classList.contains("light")) {
theme = "light";
} else {
theme = "dark"
}
localStorage.setItem("theme", theme);
};
</script>
<svg onclick="themetoggle()" class="theme-toggle button tool" title="Toggle theme" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="background:var(--background)"><path d="M12 7a5 5 0 0 0-3 9v4a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-4a5 5 0 0 0-3-9z" fill="var(--primary)"/><path d="M12 6a1 1 0 0 0 1-1V3a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z" fill="var(--primary)"/><path d="M21 11h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" fill="var(--primary)"/><path d="M5 11H3a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" fill="var(--primary)"/><path d="M7.66 6.42L6.22 5a1 1 0 0 0-1.39 1.47l1.44 1.39a1 1 0 0 0 .73.28 1 1 0 0 0 .72-.31 1 1 0 0 0-.06-1.41z" fill="var(--primary)"/><path d="M19.19 5.05a1 1 0 0 0-1.41 0l-1.44 1.37a1 1 0 0 0 0 1.41 1 1 0 0 0 .72.31 1 1 0 0 0 .69-.28l1.44-1.39a1 1 0 0 0 0-1.42z" fill="var(--primary)"/></svg>

View File

@ -1,112 +1,129 @@
{% capture tocWorkspace %}
{% comment %}
Version 1.0.11
https://github.com/allejo/jekyll-toc
"...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
{% capture newline %}
{% endcapture %}
{% assign newline = newline | rstrip %} <!-- Remove the extra spacing but preserve the newline -->
Usage:
{% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
{% capture deprecation_warnings %}{% endcapture %}
Parameters:
* html (string) - the HTML of compiled markdown generated by kramdown in Jekyll
{% if include.baseurl %}
{% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "baseurl" has been deprecated, use "base_url" instead -->{{ newline }}{% endcapture %}
{% endif %}
Optional Parameters:
* sanitize (bool) : false - when set to true, the headers will be stripped of any HTML in the TOC
* class (string) : '' - a CSS class assigned to the TOC
* id (string) : '' - an ID to assigned to the TOC
* h_min (int) : 1 - the minimum TOC header level to use; any header lower than this value will be ignored
* h_max (int) : 6 - the maximum TOC header level to use; any header greater than this value will be ignored
* ordered (bool) : false - when set to true, an ordered list will be outputted instead of an unordered list
* item_class (string) : '' - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
* baseurl (string) : '' - add a base url to the TOC links for when your TOC is on another page than the actual content
* anchor_class (string) : '' - add custom class(es) for each anchor element
* skipNoIDs (bool) : false - skip headers that do not have an `id` attribute
{% if include.skipNoIDs %}
{% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "skipNoIDs" has been deprecated, use "skip_no_ids" instead -->{{ newline }}{% endcapture %}
{% endif %}
Output:
An ordered or unordered list representing the table of contents of a markdown block. This snippet will only
generate the table of contents and will NOT output the markdown given to it
{% endcomment %}
{% capture my_toc %}{% endcapture %}
{% capture jekyll_toc %}{% endcapture %}
{% assign orderedList = include.ordered | default: false %}
{% assign skipNoIDs = include.skipNoIDs | default: false %}
{% assign minHeader = include.h_min | default: 1 %}
{% assign maxHeader = include.h_max | default: 6 %}
{% assign nodes = include.html | split: '<h' %}
{% assign firstHeader = true %}
{% assign baseURL = include.base_url | default: include.baseurl | default: '' %}
{% assign skipNoIDs = include.skip_no_ids | default: include.skipNoIDs | default: false %}
{% assign minHeader = 2 %}
{% assign maxHeader = 6 %}
{% assign nodes = include.html | strip | split: '<h' %}
{% capture listModifier %}{% if orderedList %}1.{% else %}-{% endif %}{% endcapture %}
{% assign firstHeader = true %}
{% assign currLevel = 0 %}
{% assign lastLevel = 0 %}
{% capture listModifier %}{% if orderedList %}ol{% else %}ul{% endif %}{% endcapture %}
{% for node in nodes %}
{% if node == "" %}
{% continue %}
{% endif %}
{% if skipNoIDs == true %}
{% unless node contains "id=" %}
{% continue %}
{% endunless %}
{% endif %}
{% assign currLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
{% assign headerLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
{% if headerLevel < minHeader or headerLevel > maxHeader %}
{% if currLevel < minHeader or currLevel > maxHeader %}
{% continue %}
{% endif %}
{% if firstHeader %}
{% assign firstHeader = false %}
{% assign minHeader = headerLevel %}
{% endif %}
{% assign indentAmount = headerLevel | minus: minHeader %}
{% assign _workspace = node | split: '</h' %}
{% assign _idWorkspace = _workspace[0] | split: 'id="' %}
{% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
{% assign html_id = _idWorkspace[0] %}
{% assign htmlID = _idWorkspace[0] %}
{% assign _classWorkspace = _workspace[0] | split: 'class="' %}
{% assign _classWorkspace = _classWorkspace[1] | split: '"' %}
{% assign html_class = _classWorkspace[0] %}
{% assign htmlClass = _classWorkspace[0] %}
{% if html_class contains "no_toc" %}
{% if htmlClass contains "no_toc" %}
{% continue %}
{% endif %}
{% if firstHeader %}
{% assign minHeader = currLevel %}
{% endif %}
{% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
{% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
{% assign space = '' %}
{% for i in (1..indentAmount) %}
{% assign space = space | prepend: ' ' %}
{% endfor %}
{% if include.item_class and include.item_class != blank %}
{% capture listItemClass %}{:.{{ include.item_class | replace: '%level%', headerLevel }}}{% endcapture %}
{% capture listItemClass %} class="{{ include.item_class | replace: '%level%', currLevel | split: '.' | join: ' ' }}"{% endcapture %}
{% endif %}
{% capture anchor_body %}{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}{% endcapture %}
{% capture anchor_body %}{{ anchor_body | replace: "|", "\|" }}{% endcapture %}
{% if include.submenu_class and include.submenu_class != blank %}
{% assign subMenuLevel = currLevel | minus: 1 %}
{% capture subMenuClass %} class="{{ include.submenu_class | replace: '%level%', subMenuLevel | split: '.' | join: ' ' }}"{% endcapture %}
{% endif %}
{% if html_id %}
{% capture list_item %}[{{ anchor_body }}]({% if include.baseurl %}{{ include.baseurl }}{% endif %}#{{ html_id }}){% endcapture %}
{% capture anchorBody %}{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}{% endcapture %}
{% if htmlID %}
{% capture anchorAttributes %} href="{% if baseURL %}{{ baseURL }}{% endif %}#{{ htmlID }}"{% endcapture %}
{% if include.anchor_class %}
{% capture anchorAttributes %}{{ anchorAttributes }} class="{{ include.anchor_class | split: '.' | join: ' ' }}"{% endcapture %}
{% endif %}
{% capture listItem %}<a{{ anchorAttributes }}>{{ anchorBody }}</a>{% endcapture %}
{% elsif skipNoIDs == true %}
{% continue %}
{% else %}
{% capture list_item %}{{ anchor_body }}{% endcapture %}
{% capture listItem %}{{ anchorBody }}{% endcapture %}
{% endif %}
{% capture my_toc %}{{ my_toc }}
{{ space }}{{ listModifier }} {{ listItemClass }} {{ list_item }}{% if include.anchor_class %}{:.{{ include.anchor_class }}}{% endif %}{% endcapture %}
{% if currLevel > lastLevel %}
{% capture jekyll_toc %}{{ jekyll_toc }}<{{ listModifier }}{{ subMenuClass }}>{% endcapture %}
{% elsif currLevel < lastLevel %}
{% assign repeatCount = lastLevel | minus: currLevel %}
{% for i in (1..repeatCount) %}
{% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
{% endfor %}
{% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
{% else %}
{% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
{% endif %}
{% capture jekyll_toc %}{{ jekyll_toc }}<li{{ listItemClass }}>{{ listItem }}{% endcapture %}
{% assign lastLevel = currLevel %}
{% assign firstHeader = false %}
{% endfor %}
{% if include.class and include.class != blank %}
{% capture my_toc %}{:.{{ include.class }}}
{{ my_toc | lstrip }}{% endcapture %}
{% endif %}
{% assign repeatCount = minHeader | minus: 1 %}
{% assign repeatCount = lastLevel | minus: repeatCount %}
{% for i in (1..repeatCount) %}
{% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
{% endfor %}
{% if include.id %}
{% capture my_toc %}{: #{{ include.id }}}
{{ my_toc | lstrip }}{% endcapture %}
{% if jekyll_toc != '' %}
{% assign rootAttributes = '' %}
{% if include.class and include.class != blank %}
{% capture rootAttributes %} class="{{ include.class | split: '.' | join: ' ' }}"{% endcapture %}
{% endif %}
{% if include.id and include.id != blank %}
{% capture rootAttributes %}{{ rootAttributes }} id="{{ include.id }}"{% endcapture %}
{% endif %}
{% if rootAttributes %}
{% assign nodes = jekyll_toc | split: '>' %}
{% capture jekyll_toc %}<{{ listModifier }}{{ rootAttributes }}>{{ nodes | shift | join: '>' }}>{% endcapture %}
{% endif %}
{% endif %}
{% endcapture %}{% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip }}
{% endcapture %}{% assign tocWorkspace = '' %}{{ deprecation_warnings }}{{ jekyll_toc }}

View File

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

24
_layouts/blankee.html Normal file
View File

@ -0,0 +1,24 @@
---
layout: none
---
<!DOCTYPE html>
{% if page.lang == 'it' %}
<html lang="it">
{% else %}
<html lang="en">
{% endif %}
{% include head.html %}
<body>
<div class="row">
<div class="one column">
<h1>{{ page.title }}</h1>
<p>{{ page.description }}</p>
</div>
</div>
{{ content }}
</body>
</html>

34
_layouts/category.html Normal file
View File

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

10
_layouts/compress.html Normal file
View File

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

29
_layouts/full.html Normal file
View File

@ -0,0 +1,29 @@
---
layout: none
---
<!DOCTYPE html>
<html>
{% include head.html %}
<style>
body {
background: var(--primary);
}
h1,a,a:visited {
color: var(--background);
}
h1 {
font-size: 8rem;
}
a {
width: 100vw;
height: 100vh;
padding: 10%;
}
</style>
<body>
<a class="vertical flex" href="{{ page.link }}">
<h1 style="margin: var(--regular) auto">{{ page.title }}</h1>
{{ content | markdownify }}
</a>
</body>
</html>

38
_layouts/jar.html Normal file
View File

@ -0,0 +1,38 @@
---
layout: wrapper
---
<link class="p-author h-card" rel="author" class="p-name" href="/about" content="{{ site.author.name }}" />
<div class="h-entry one column">
<div class="row page-header">
<a class="u-uid" href="{{ page.url }}"><h1 class="p-name">{{ page.title }}</h1></a>
<link class="u-url" href="{{ site.url }}{{ page.url }}" />
<link rel="author" class="p-author" href="/about" title="Tommi" />
<p class="last-modified">{% if page.lang == 'it' %}ultima modifica: <time class="dt-updated" datetime="{{ page.last_modified_at | date_to_xmlschema }}">{{ page.last_modified_at | date: '%d %b %Y alle %H:%M' }}</time>{% else %}latest edit: <time class="dt-updated" datetime="{{ page.last_modified_at | date_to_xmlschema }}">{{ page.last_modified_at | date: '%d %b %Y at %l:%M %p' }}</time>{% endif %}</p>
</div>
{% if page.toc %}
<div class="toc row">
<h2>{% if page.lang == 'it' %}Indice{% else %}Table of contents{% endif %}</h2>
{% include toc.html html=content sanitize=true %}
</div>
{% endif %}
{% include post-tags.html %}
<div class="row">
<article class="e-content note">
{% if page.description != nil %}
<p>{{ page.description | markdownify }}</p>
{% endif %}
{% include anchor-parser.html html=content %}
</article>
</div>
{% include post-tags.html %}
{% include edit.html %}
{% include backlinks.html %}
{% include share.html %}
{% include comments.html %}
</div>

30
_layouts/level.html Normal file
View File

@ -0,0 +1,30 @@
---
layout: wrapper
---
<div class="h-entry one column">
<div class="row page-header">
<a class="u-uid" href="{{ page.url }}"><h1 class="p-name">{{ page.title }}</h1></a>
<p>{{ page.description }}</p>
</div>
{% if page.toc == true %}
<div class="row toc">
<h2>{% case page.lang %}{% when 'it' %}Indice{% else %}Table of contents{% endcase %}</h2>
{% include toc.html html=content %}
</div>
{% endif %}
<div class="row">
<article class="e-content note">
<p>{{ page.description }}</p>
{% include anchor-parser.html html=content %}
</article>
</div>
<div class="flex row">
<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>

View File

@ -1,6 +1,5 @@
---
layout: wrapper
permalink: "/:title"
---
<div class="row page-header">
<div class="one column">
@ -8,25 +7,24 @@ permalink: "/:title"
<p>{{ page.description }}</p>
</div>
</div>
{% if page.toc == 'true' %}
<div class="row toc">
<div class="one column">
<h2>
{% case page.lang %}
{% when 'it' %}
Indice dei contenuti
{% else %}
Table of contents
{% endcase %}
</h2>
{% include toc.html html=content h_min=2 %}
{% if page.toc == 1 %}
<div class="row toc">
<div class="one column">
<h2>
{% if page.lang == 'it' %}
Indice
{% else %}
Table of contents
{% endif %}
</h2>
{% include toc.html html=content sanitize=true %}
</div>
</div>
{% endif %}
<div class="row">
<div class="one column">
<article class="note">
{% include anchor-parser.html html=content beforeHeading=true anchorBody='<svg version="1.1" class="anchor" viewBox="0 0 466 466" xmlns="http://www.w3.org/2000/svg"><g style="fill: var(--text)" transform="matrix(.7000 0 0 .7000 70 70)"><path d="m442 284.4-59.39-59.38c-15.98-15.98-35.4-23.98-58.24-23.98-23.22 0-43.01 8.375-59.38 25.12l-25.12-25.12c16.75-16.37 25.12-36.26 25.12-59.67 0-22.84-7.898-42.16-23.7-57.96l-58.82-59.1c-15.8-16.18-35.21-24.27-58.24-24.27-22.84 0-42.16 7.902-57.96 23.7l-41.97 41.68c-16.18 15.8-24.27 35.12-24.27 57.96 0 22.84 7.996 42.26 23.98 58.24l59.38 59.38c15.99 15.99 35.4 23.98 58.24 23.98 23.22 0 43.02-8.374 59.38-25.13l25.12 25.13c-16.75 16.37-25.12 36.26-25.12 59.67 0 22.84 7.898 42.15 23.7 57.96l58.82 59.09c15.8 16.18 35.21 24.27 58.24 24.27 22.84 0 42.15-7.897 57.96-23.7l41.97-41.68c16.18-15.8 24.27-35.12 24.27-57.96-5e-3 -22.84-7.999-42.25-23.99-58.24zm-241-122.2c-0.571-0.571-2.334-2.378-5.28-5.424-2.948-3.046-4.995-5.092-6.136-6.14-1.143-1.047-2.952-2.474-5.426-4.286-2.478-1.809-4.902-3.044-7.28-3.711-2.38-0.666-4.998-0.998-7.854-0.998-7.611 0-14.08 2.666-19.41 7.993s-7.992 11.8-7.992 19.41c0 2.853 0.332 5.471 0.998 7.851 0.666 2.382 1.903 4.808 3.711 7.281 1.809 2.474 3.237 4.283 4.283 5.426 1.044 1.141 3.09 3.188 6.136 6.139 3.046 2.95 4.853 4.709 5.424 5.281-5.711 5.898-12.56 8.848-20.56 8.848-7.804 0-14.28-2.568-19.41-7.705l-59.39-59.39c-5.327-5.33-7.992-11.8-7.992-19.42 0-7.421 2.662-13.8 7.992-19.13l41.97-41.69c5.523-5.14 11.99-7.705 19.42-7.705 7.611 0 14.08 2.663 19.41 7.993l58.81 59.1c5.33 5.33 7.992 11.8 7.992 19.41 1e-3 7.991-3.139 14.94-9.418 20.85zm202.1 199.6-41.97 41.69c-5.332 4.945-11.8 7.423-19.42 7.423-7.809 0-14.27-2.566-19.41-7.707l-58.81-59.1c-5.331-5.332-7.99-11.8-7.99-19.41 0-7.994 3.138-14.94 9.421-20.84 0.575 0.567 2.334 2.381 5.284 5.42 2.95 3.046 4.996 5.093 6.14 6.14 1.143 1.051 2.949 2.478 5.42 4.288 2.478 1.811 4.9 3.049 7.282 3.713 2.382 0.667 4.997 0.999 7.851 0.999 7.618 0 14.09-2.665 19.42-7.994 5.324-5.328 7.994-11.8 7.994-19.41 0-2.854-0.339-5.472-1-7.851-0.67-2.382-1.902-4.809-3.72-7.282-1.811-2.471-3.23-4.284-4.281-5.428-1.047-1.136-3.094-3.183-6.139-6.14-3.046-2.949-4.853-4.709-5.428-5.276 5.715-6.092 12.57-9.138 20.55-9.138 7.617 0 14.08 2.663 19.41 7.994l59.39 59.38c5.332 5.332 7.995 11.81 7.995 19.42 0 7.416-2.663 13.8-7.985 19.12z"/></g></svg>' anchorTitle='%heading%' h_min=2 %}
{% include anchor-parser.html html=content %}
</article>
</div>
</div>

18
_layouts/poetry.html Normal file
View File

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

View File

@ -1,137 +1,39 @@
---
layout: wrapper
permalink: "/:title"
---
<div class="row page-header">
<div class="one column">
<h1>{{ page.title }}</h1>
<link class="p-author h-card" rel="author" class="p-name" href="/about" content="{{ site.author.name }}" />
<div class="h-entry one column">
<div class="page-header row">
<a class="u-uid" href="{{ page.url }}"><h1 class="p-name">{{ page.title }}</h1></a>
<!--<a class="u-url" href="{{ site.url }}{{ page.url }}"><h1 class="p-name">{{ page.title }}</h1></a>-->
<p><time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%d %B %Y" }}</time></p>
</div>
{% include post-tags.html %}
{% if page.toc == 1 %}
<div class="row toc">
<h2>
{% if page.lang == 'it' %}
Indice
{% else %}
Table of contents
{% endif %}
</h2>
{% include toc.html html=content sanitize=true %}
</div>
{% endif %}
<div class="row">
<div class="one column">
</div>
{% case page.lang %}
{% when 'it' %}
<span style="text-align: center">{{ page.date | date: "%d %B %Y" }}</span>
{% else %}
<span style="text-align: center">{{ page.date | date: "%d %B %Y" }}</span>
{% endcase %}
</div>
</div>
</div>
{% if page.toc == 'true' %}
<div class="row toc">
<div class="one column">
<h2>
{% case page.lang %}
{% when 'it' %}
Indice dei contenuti
{% else %}
Table of contents
{% endcase %}
</h2>
{% include toc.html html=content h_min=2 %}
</div>
</div>
{% endif %}
<div class="row">
<div class="one column">
<article class="post">
{% include anchor-parser.html html=content beforeHeading=true anchorBody='<svg class="anchor" style="enable-background:new 0 0 465.951 465.951" version="1.1" viewBox="0 0 466 466" xmlns="http://www.w3.org/2000/svg"><g style="fill: var(--text)" transform="matrix(.7000 0 0 .7000 70 70)"><path d="m442 284.4-59.39-59.38c-15.98-15.98-35.4-23.98-58.24-23.98-23.22 0-43.01 8.375-59.38 25.12l-25.12-25.12c16.75-16.37 25.12-36.26 25.12-59.67 0-22.84-7.898-42.16-23.7-57.96l-58.82-59.1c-15.8-16.18-35.21-24.27-58.24-24.27-22.84 0-42.16 7.902-57.96 23.7l-41.97 41.68c-16.18 15.8-24.27 35.12-24.27 57.96 0 22.84 7.996 42.26 23.98 58.24l59.38 59.38c15.99 15.99 35.4 23.98 58.24 23.98 23.22 0 43.02-8.374 59.38-25.13l25.12 25.13c-16.75 16.37-25.12 36.26-25.12 59.67 0 22.84 7.898 42.15 23.7 57.96l58.82 59.09c15.8 16.18 35.21 24.27 58.24 24.27 22.84 0 42.15-7.897 57.96-23.7l41.97-41.68c16.18-15.8 24.27-35.12 24.27-57.96-5e-3 -22.84-7.999-42.25-23.99-58.24zm-241-122.2c-0.571-0.571-2.334-2.378-5.28-5.424-2.948-3.046-4.995-5.092-6.136-6.14-1.143-1.047-2.952-2.474-5.426-4.286-2.478-1.809-4.902-3.044-7.28-3.711-2.38-0.666-4.998-0.998-7.854-0.998-7.611 0-14.08 2.666-19.41 7.993s-7.992 11.8-7.992 19.41c0 2.853 0.332 5.471 0.998 7.851 0.666 2.382 1.903 4.808 3.711 7.281 1.809 2.474 3.237 4.283 4.283 5.426 1.044 1.141 3.09 3.188 6.136 6.139 3.046 2.95 4.853 4.709 5.424 5.281-5.711 5.898-12.56 8.848-20.56 8.848-7.804 0-14.28-2.568-19.41-7.705l-59.39-59.39c-5.327-5.33-7.992-11.8-7.992-19.42 0-7.421 2.662-13.8 7.992-19.13l41.97-41.69c5.523-5.14 11.99-7.705 19.42-7.705 7.611 0 14.08 2.663 19.41 7.993l58.81 59.1c5.33 5.33 7.992 11.8 7.992 19.41 1e-3 7.991-3.139 14.94-9.418 20.85zm202.1 199.6-41.97 41.69c-5.332 4.945-11.8 7.423-19.42 7.423-7.809 0-14.27-2.566-19.41-7.707l-58.81-59.1c-5.331-5.332-7.99-11.8-7.99-19.41 0-7.994 3.138-14.94 9.421-20.84 0.575 0.567 2.334 2.381 5.284 5.42 2.95 3.046 4.996 5.093 6.14 6.14 1.143 1.051 2.949 2.478 5.42 4.288 2.478 1.811 4.9 3.049 7.282 3.713 2.382 0.667 4.997 0.999 7.851 0.999 7.618 0 14.09-2.665 19.42-7.994 5.324-5.328 7.994-11.8 7.994-19.41 0-2.854-0.339-5.472-1-7.851-0.67-2.382-1.902-4.809-3.72-7.282-1.811-2.471-3.23-4.284-4.281-5.428-1.047-1.136-3.094-3.183-6.139-6.14-3.046-2.949-4.853-4.709-5.428-5.276 5.715-6.092 12.57-9.138 20.55-9.138 7.617 0 14.08 2.663 19.41 7.994l59.39 59.38c5.332 5.332 7.995 11.81 7.995 19.42 0 7.416-2.663 13.8-7.985 19.12z"/></g></svg>' anchorTitle='%heading%' h_min=2 %}
<article class="e-content post">
{% include anchor-parser.html html=content %}
</article>
</div>
{% include edit.html %}
{% include backlinks.html %}
{% include share.html %}
{% include comments.html %}
</div>
<div class="row">
<div class="one column">
<p><a href="https://www.github.com/{{ site.github_username }}/{{ site.git_repository }}/blob/master/{{ page.path }}" target="_blank" rel="noopener noreferrer" class="edit">
{% case page.lang %}
{% when 'it' %}
suggerisci modifica o correzione
{% else %}
suggest edit
{% endcase %}
</a></p>
</div>
</div>
<div class="row">
<div class="one column">
<div id="sharing-box" class="button-box">
{% case page.lang %}
{% when 'it' %}
<div>condividi questo post</div>
{% else %}
<div>share this post</div>
{% endcase %}
<!-- Facebook -->
<a href="https://facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}" target="_blank" rel="noopener noreferrer">
<svg class="button" style="enable-background:new 0 0 455.73 455.73" version="1.1" viewBox="0 0 455.73 455.73" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="M0,0v455.73h242.704V279.691h-59.33v-71.864h59.33v-60.353c0-43.893,35.582-79.475,79.475-79.475h62.025v64.622h-44.382 c-13.947,0-25.254,11.307-25.254,25.254v49.953h68.521l-9.47,71.864h-59.051V455.73H455.73V0H0z" style="fill:var(--primary)"/>
</svg>
</a>
<!-- Twitter -->
<a href="https://twitter.com/intent/tweet/?text={{ page.title }}%20by%20@xplosionmind%20%20%20&amp;url={{ site.url }}{{ page.url }}" target="_blank" rel="noopener noreferrer">
<svg class="button" style="enable-background:new 0 0 455 455" version="1.1" viewBox="0 0 455 455" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m0 0v455h455v-455h-455zm352.75 163.26c0.123 2.773 0.186 5.561 0.186 8.36 0 85.403-65.002 183.88-183.87 183.88-36.496 0-70.466-10.697-99.065-29.037 5.056 0.601 10.199 0.907 15.417 0.907 30.278 0 58.143-10.331 80.262-27.668-28.28-0.519-52.148-19.204-60.373-44.88 3.948 0.757 7.997 1.163 12.161 1.163 5.894 0 11.604-0.794 17.027-2.268-29.563-5.939-51.841-32.057-51.841-63.368 0-0.273 0-0.544 6e-3 -0.814 8.712 4.84 18.676 7.748 29.271 8.084-17.342-11.589-28.748-31.371-28.748-53.79 0-11.845 3.187-22.945 8.751-32.492 31.873 39.101 79.493 64.828 133.2 67.526-1.103-4.732-1.677-9.665-1.677-14.729 0-35.688 28.938-64.623 64.626-64.623 18.589 0 35.385 7.847 47.173 20.406 14.719-2.895 28.551-8.276 41.038-15.681-4.824 15.092-15.071 27.754-28.415 35.754 13.074-1.563 25.528-5.038 37.118-10.178-8.662 12.959-19.618 24.342-32.247 33.452z" style="clip-rule:evenodd;fill-rule:evenodd;fill:var(--primary)"/>
</svg>
</a>
<!-- WhatsApp -->
<a href="whatsapp://send?text={{ site.url }}{{ page.url }}" target="_blank" rel="noopener noreferrer">
<svg class="button" style="enable-background:new 0 0 455.731 455.731" version="1.1" viewBox="0 0 455.73 455.73" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<g style="fill:var(--primary)">
<path d="m228.07 95.321c-72.877 0-132.17 59.29-132.17 132.17 0 25.393 7.217 50.052 20.869 71.311l3.281 5.109-12.855 45.658 47.238-12.16 4.872 2.975c20.654 12.609 44.432 19.274 68.762 19.274 72.877 0 132.17-59.29 132.17-132.17s-59.289-132.17-132.17-132.17zm81.046 172.79-1.649 7.702c-1.86 8.69-7.021 16.377-14.508 21.166-9.453 6.047-21.706 9.016-37.28 4.612-48.333-13.667-75.667-45.667-90.333-65.667-14.667-20-20.333-40-16.667-56.333 2.459-10.954 10.465-19.359 15.472-23.708 2.453-2.13 5.635-3.214 8.878-3.037l10.328 0.563c2.034 0.111 3.828 1.367 4.629 3.24l15.045 35.201c0.804 1.881 0.465 4.055-0.872 5.602l-13.096 15.15c-1.062 1.228-1.247 2.978-0.499 4.419 17.248 33.224 48.682 46.389 58.066 49.687 1.599 0.562 3.371 0.031 4.407-1.312l13.703-17.764c1.524-1.976 4.211-2.636 6.477-1.591l34.905 16.089c2.275 1.049 3.518 3.533 2.994 5.981z" style="fill:var(--primary)"/>
<path d="m0 0v455.73h455.73v-455.73h-455.73zm228.07 386.66c-27.347 0-54.125-7-77.814-20.292l-81.763 21.047 22.323-79.284c-14.355-24.387-21.913-52.134-21.913-80.638 0-87.765 71.402-159.17 159.17-159.17s159.17 71.402 159.17 159.17-71.401 159.17-159.17 159.17z" style="fill:var(--primary)"/>
</g>
</svg>
</a>
<!-- Telegram -->
<a href="https://t.me/share/url?url={{ site.url }}{{ page.url }}&text={{ page.title }}%20" target="_blank" rel="noopener noreferrer">
<svg class="button" style="enable-background:new 0 0 242.667 242.667" version="1.1" viewBox="0 0 242.67 242.67" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m162.44 86.061-54.044 50.235c-1.899 1.765-3.126 4.135-3.473 6.704l-1.839 13.641c-0.245 1.82-2.806 2.003-3.308 0.237l-7.08-24.875c-0.808-2.839 0.37-5.87 2.883-7.418l65.484-40.334c1.175-0.723 2.388 0.87 1.377 1.81zm80.224-86.061v242.67h-242.67v-242.67h242.67zm-54.002 58.301-137.51 53.047c-3.39 1.308-3.364 6.114 0.04 7.385l33.505 12.507 12.97 41.708c0.831 2.671 4.099 3.656 6.267 1.888l18.677-15.226c1.958-1.596 4.744-1.674 6.788-0.19l33.689 24.459c2.319 1.684 5.604 0.414 6.187-2.392l24.675-118.7c0.637-3.061-2.37-5.613-5.288-4.487z" style="fill:var(--primary)"/>
</svg>
</a>
</div>
</div>
</div>
<script>
function comments() {
var c = document.getElementById("comments");
if (c.style.display === "none") {
c.style.display = "block";
c.style.visibility = "visible";
c.style.opacity = "1";
}
else {
c.style.display = "none";
c.style.visibility = "hidden";
c.style.opacity = "0";
}
}
</script>
<div class="row">
<div class="one column">
<button onclick="comments()" id="comments-button" title="show comments">{% case page.lang %}{% when 'it' %}commenti{% else %}comments{% endcase %}</button>
</div>
</div>
<div class="row" id="comments">
<div class="one column">
<script src="https://utteranc.es/client.js"
repo="xplosionmind/xplosionmind"
issue-term="title"
label="comment"
theme="github-dark"
crossorigin="anonymous"
async>
</script>
</div>
</div>
<br />

31
_layouts/sconnesso.html Normal file
View File

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

21
_layouts/white.html Normal file
View File

@ -0,0 +1,21 @@
---
layout: wrapper
---
<div class="row page-header">
<div class="one column">
<h1>{{ page.title }}</h1>
<p>{{ page.description }}</p>
</div>
</div>
{% if page.toc %}
<div class="row toc">
<div class="one column">
<h2>{% if page.lang == 'it' %}Indice{% else %}Table of contents{% endif %}
</h2>
{% include toc.html html=content %}
</div>
</div>
{% endif %}
<div class="one column">
{{ content }}
</div>

View File

@ -1,37 +1,24 @@
---
layout: compress
---
<!DOCTYPE html>
{% if page.lang == 'it' %}
<html lang="it">
{% else %}
<html lang="en">
{% endif %}
<head>
<script type="text/javascript">
function darktoggle() {
var element = document.body;
element.classList.toggle("light");
}
</script>
<html lang="{% if page.lang == 'it' %}it{% else %}en{% endif %}">
{% seo %}
{% include head.html %}
<title>Quit Social Media | {{ page.title }}</title>
<link href="/fonts/inter/inter.css" type="text/css" rel="stylesheet" />
<link rel="styleseheet" type="text/css" href="/fonts/Ubuntu-Mono/ububtu-mono.css" />
<link href="/style.css" type="text/css" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/logos/favicon.svg" sizes="32x32" />
<link rel="icon" href="/logos/favicon.svg" sizes="192x192" />
<meta name="apple-mobile-web-app-status-bar-style" content="{{ page.primary }}">
<meta name="theme-color" content="{{ page.primary }}" />
<meta property="og:image" content="{{ page.img }}" />
{% if page.style == 'true' %}<style>body { --primary: {{ page.primary }} !important }</style>{% endif %}
<body>
{% include theme-toggle.html %}
<a href="#">
<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(--primary)"/></svg>
</a>
<input id="search" rel="search" type="search" class="tool" />
{% include nav.html %}
</head><body>
{% if page.tags contains 'draft' or page.tags contains 'wip' %}
{% include draft.html %}
{% endif %}
<a href="#"><svg class="top button" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g style="fill:var(--primary)"><rect transform="rotate(180 12 12)" width="24" height="24" opacity="0"/><path d="M6.63 11.61L12 7.29l5.37 4.48A1 1 0 0 0 18 12a1 1 0 0 0 .77-.36 1 1 0 0 0-.13-1.41l-6-5a1 1 0 0 0-1.27 0l-6 4.83a1 1 0 0 0-.15 1.41 1 1 0 0 0 1.41.14z"/><path d="M12.64 12.23a1 1 0 0 0-1.27 0l-6 4.83a1 1 0 0 0-.15 1.41 1 1 0 0 0 1.41.15L12 14.29l5.37 4.48A1 1 0 0 0 18 19a1 1 0 0 0 .77-.36 1 1 0 0 0-.13-1.41z"/></g></svg>
</a>
{% include header.html lang=page.lang %}
{{ content }}
{% include footer.html lang=page.lang %}
<script async data-goatcounter="https://quit-social-media.goatcounter.com/count" src="//gc.zgo.at/count.js"></script>
</body></html>
{{ content }}
{% include footer.html %}
</body>
</html>

32
_levels/L01-Learn.md Normal file
View File

@ -0,0 +1,32 @@
---
title: "Becoming Aware"
redirect_from:
- /level-1
- /level1
- /l01
- /l1
- /l-01
- /l-1
- /awareness
- /learn
ref: learn
nextlevel: "2"
description: "<strong>Level 1</strong>"
---
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)** for a general overview
- Read [*Ten Arguments for Deleting Your Social Media Accounts*](http://jaronlanier.com/tenarguments.html) by the legendary [**Jaron Lanier**](http://jaronlanier.com/general.html); [here](https://tommi.space/lanier-social-media-notes) you can read notes and quotes selected by Tommi
- by Jaron Lanier

17
_levels/L02-Share.md Normal file
View File

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

64
_sass/_highlight.scss Normal file
View File

@ -0,0 +1,64 @@
.highlight .hll { background-color: transparent; }
.highlight .c { color: var(--light-grey); } /* Comment */
.highlight .err { color: white; background-color: var(--red); } /* Error */
.highlight .k { color: var(--blue); } /* Keyword */
.highlight .l { color: var(--razzmatazz); } /* Literal */
.highlight .n { color: white; } /* Name */
.highlight .o { color: var(--red); } /* Operator */
.highlight .p { color: var(--text); } /* Punctuation */
.highlight .cm { color: var(--light-grey); } /* Comment.Multiline */
.highlight .c { color: var(--light-grey); } /* Comment.Preproc */
.highlight .c1 { color: var(--light-grey); } /* Comment.Single */
.highlight .cs { color: var(--light-grey); } /* Comment.Special */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .kc { color: var(--blue); } /* Keyword.Constant */
.highlight .kd { color: var(--blue); } /* Keyword.Declaration */
.highlight .kn { color: var(--red); } /* Keyword.Namespace */
.highlight .kp { color: var(--blue); } /* Keyword.Pseudo */
.highlight .kr { color: var(--blue); } /* Keyword.Reserved */
.highlight .kt { color: var(--blue); } /* Keyword.Type */
.highlight .ld { color: var(--yellow); } /* Literal.Date */
.highlight .m { color: var(--razzmatazz); } /* Literal.Number */
.highlight .s { color: var(--yellow); } /* Literal.String */
.highlight .na { color: var(--green); } /* Name.Attribute */
.highlight .nb { color: var(--text); } /* Name.Builtin */
.highlight .nc { color: var(--green); } /* Name.Class */
.highlight .no { color: var(--blue); } /* Name.Constant */
.highlight .nd { color: var(--green); } /* Name.Decorator */
.highlight .ni { color: var(--text); } /* Name.Entity */
.highlight .ne { color: var(--green); } /* Name.Exception */
.highlight .nf { color: var(--green); } /* Name.Function */
.highlight .nl { color: var(--text); } /* Name.Label */
.highlight .nn { color: var(--text); } /* Name.Namespace */
.highlight .nx { color: var(--green); } /* Name.Other */
.highlight .py { color: var(--text); } /* Name.Property */
.highlight .nt { color: var(--red); } /* Name.Tag */
.highlight .nv { color: var(--light-grey); } /* Name.Variable */
.highlight .ow { color: var(--red); } /* Operator.Word */
.highlight .w { color: var(--text); } /* Text.Whitespace */
.highlight .mf { color: var(--razzmatazz); } /* Literal.Number.Float */
.highlight .mh { color: var(--razzmatazz); } /* Literal.Number.Hex */
.highlight .mi { color: var(--razzmatazz); } /* Literal.Number.Integer */
.highlight .mo { color: var(--razzmatazz); } /* Literal.Number.Oct */
.highlight .sb { color: var(--yellow); } /* Literal.String.Backtick */
.highlight .sc { color: var(--yellow); } /* Literal.String.Char */
.highlight .sd { color: var(--yellow); } /* Literal.String.Doc */
.highlight .s2 { color: var(--yellow); } /* Literal.String.Double */
.highlight .se { color: var(--razzmatazz); } /* Literal.String.Escape */
.highlight .sh { color: var(--yellow); } /* Literal.String.Heredoc */
.highlight .si { color: var(--yellow); } /* Literal.String.Interpol */
.highlight .sx { color: var(--yellow); } /* Literal.String.Other */
.highlight .sr { color: var(--yellow); } /* Literal.String.Regex */
.highlight .s1 { color: var(--yellow); } /* Literal.String.Single */
.highlight .ss { color: var(--yellow); } /* Literal.String.Symbol */
.highlight .bp { color: var(--text); } /* Name.Builtin.Pseudo */
.highlight .vc { color: var(--text); } /* Name.Variable.Class */
.highlight .vg { color: var(--text); } /* Name.Variable.Global */
.highlight .vi { color: var(--text); } /* Name.Variable.Instance */
.highlight .il { color: var(--razzmatazz); } /* Literal.Number.Integer.Long */
.highlight .gh { color: var(--text); } /* Generic Heading & Diff Header */
.highlight .gu { color: var(--light-grey); } /* Generic.Subheading & Diff Unified/Comment? */
.highlight .gd { color: var(--red); } /* Generic.Deleted & Diff Deleted */
.highlight .gi { color: var(--green); } /* Generic.Inserted & Diff Inserted */

167
_sass/_nav.scss Normal file
View File

@ -0,0 +1,167 @@
.nav {
height: var(--height);
margin: 2vw;
text-transform: uppercase;
font-weight: 700;
* {
border-radius: var(--radius-m);
list-style-type: none;
}
/* activate the following if you choose to make the header fixed */
/*z-index: 9;
position: fixed;
top: 2vw;
right: 2vw
background: var(--background); */
}
#home {
padding: 0 var(--regular);
float: left;
line-height: var(--height);
font-size: var(--bigger);
background: var(--primary);
box-shadow: var(--shadow);
a {
color: var(--background);
&:hover,
&:focus {
color: white;
}
}
&:hover,
&:focus {
background: var(--razzmatazz);
border-bottom: none;
}
}
nav {
float: right;
text-align: right;
padding: 0 var(--small);
box-shadow: var(--shadow);
svg {
width: var(--bigger);
margin: var(--small);
}
ul {
list-style: none;
margin: 0;
padding: 0;
li {
float: left;
margin: 0;
a {
display: block;
color: var(--text) !important;
line-height: var(--height);
height: var(--height);
padding: 0 var(--small);
font-size: var(--regular-more);
&:hover,
&:focus{
text-shadow: var(--text-shadow);
}
&:active {
opacity: .6;
}
&::before {
content: none !important;
}
}
}
ul {
list-style: none;
}
}
}
.dropdown-content {
display: none;
position: absolute;
margin-top: var(--small);
background: var(--background);
overflow: scroll;
box-shadow: var(--shadow);
}
/* Mobile nav */
.nav-mobile {
display: none;
height: var(--height);
width: var(--height);
position: absolute;
top: 2vw;
right: 2vw;
background: var(--background);
box-shadow: var(--shadow);
span {
top: 1.4rem;
left: .7rem;
}
span,
span::before,
span::after {
height: 4px;
width: 26px;
background: var(--text);
position: absolute;
display: block;
content: "";
box-shadow: var(--little-shadow);
border-radius: var(--radius-s) !important;
transition: var(--quicktrans);
}
span::before {
top: .65rem;
}
span::after {
bottom: .65rem;
}
}
@media only screen and (max-width: 950px) {
.nav-mobile {
display: block;
}
.nav-list {
position: fixed;
top: var(--mastodon);
right: -500px;
background: var(--background);
box-shadow: var(--shadow);
transition: .5s;
}
nav ul li {
float: none;
}
}
.open-menu {
.nav-list {
right: var(--small);
transition: .5s;
}
.nav-mobile span {
background: transparent;
box-shadow: none;
&::before,
&::after {
top: 0;
box-shadow: none;
}
&::before {
transform: rotate(45deg);
}
&::after {
transform: rotate(-45deg);
}
}
}
.dropdown.open-menu {
.dropdown-content {
display: block;
}
}

42
_sass/_root.scss Normal file
View File

@ -0,0 +1,42 @@
:root {
--black-ish: #222;
--white-ish: #E3E3E3;
--dark-grey: #555;
--light-grey: #AAA;
--yellow: #FCC920;
--dark-yellow: #D0A00E;
--blue: #3185FC;
--red: #D00;
--green: #20CE88;
--razzmatazz: #EC0868;
--purple: #884EE1;
--dark: #533066;
color-scheme: dark light;
--yellow-gradient: linear-gradient(145deg, #DAAE1B, #FFD23E);
--blue-gradient: linear-gradient(145deg, #4c96ff, #226dd7);
--tiny: .2rem;
--tinyem: .2em;
--small: .5rem;
--smallem: .5em;
--regular-less: .9rem;
--regular: 1.1rem;
--regular-em: 1.1em;
--regular-more: 1.3rem;
--regular-more-em: 1.3em;
--big: 1.6rem;
--bigger: 1.8rem;
--twice: 2.2rem;
--height: 3.1rem;
--mastodon: 4.4rem;
--margin: 6.5rem;
--trans: .5s;
--quicktrans: .2s;
--radius-s: .4rem;
--radius-m: .6rem;
--radius-l: 1rem;
--title-text-shadow-hover: none;
}

117
_sass/_search.scss Normal file
View File

@ -0,0 +1,117 @@
.clearfix {
clear: both;
}
.algolia-autocomplete {
width: 94% !important;
position: fixed !important;
bottom: calc(3.1rem + 3.7rem) !important;
right: 3%;
top: unset !important;
}
.aa-input {
right: calc(3% + 4rem + 4rem);
margin: var(--tiny);
width: var(--height);
padding: 0 var(--small);
height: var(--height);
line-height: var(--height);
color: var(--background);
outline: 0;
border: 0;
border-radius: var(--radius-m);
box-shadow: var(--button-shadow);
background: var(--background);
font-size: var(--big);
z-index: 100;
background-image: url('https://assets.tommi.space/logos/search.svg');
background-repeat: no-repeat;
background-position: center;
&:active,
&:focus,
&:hover {
background: var(--primary);
color: var(--background);
width: 94%;
right: 3%;
}
}
.light .aa-input {
background-image: url('https://assets.tommi.space/logos/search-light.svg')
}
::placeholder {
color: var(--light-grey);
opacity: 1;
}
.aa-hint {
width: 100%;
color: var(--grey);
}
.aa-dropdown-menu {
border-radius: var(--radius-m);
box-shadow: var(--button-shadow);
background: var(--background);
}
.aa-suggestion {
padding: var(--small) var(--regular);
border-radius: var(--radius-m);
}
/*.aa-suggestion~.aa-suggestion{
border-top:1px solid #e8e8e8;
}*/
.aa-suggestion.aa-cursor {
box-shadow: var(--inner-shadow);
}
.aa-powered-by {
display: none;
}
.aa-hit--title {
font-size: 1.1em;
font-weight: 700;
}
.aa-hit--title .aa-hit--highlight {
position: relative;
z-index: 1;
}
.aa-hit--highlight {
color: var(--primary) !important;
}
.aa-hit--title .aa-hit--highlight::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .1;
z-index: -1;
}
.aa-hit__sm .aa-hit--title,.aa-hit__xs .aa-hit--title {
font-size: 1em;
line-height: 1.25em;
display: block;
}
.aa-hit__xs .aa-hit--title {
font-weight: 400;
padding: 8px 0;
}
/*.aa-suggestion:first-child .aa-hit--title{
border:none
} */
.aa-hit--description {
font-size: 13px;
color: var(--text);
margin-top: 4px;
line-height: 1.25em;
}
.aa-hit--description .aa-hit--highlight {
color: var(--primary);
font-weight: 700;
}
/*.aa-hit__xs .aa-hit--description {
display: none;
} */
.aa-hit__sm .aa-hit--description {
font-size: .9em;
line-height: 1.25em;
}
/*# sourceMappingURL=algoliasearchNetlify.css.map*/

Binary file not shown.

Binary file not shown.

BIN
assets/online privacy 1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 685 KiB

BIN
assets/online privacy 2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 654 KiB

BIN
assets/online privacy 3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 607 KiB

BIN
assets/online privacy 4.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 731 KiB

View File

@ -1,33 +0,0 @@
@font-face {
font-family: 'Ubuntu Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("Ubuntu-Mono-Regular.woff2") format("woff2"),
url("Ubuntu-Mono-Regular.woff") format("woff");
}
@font-face {
font-family: 'Ubuntu Mono';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("Ubuntu-Mono-Regular-Italic.woff2") format("woff2"),
url("Ubuntu-Mono-Regular-Italic.woff") format("woff");
}
@font-face {
font-family: 'Ubuntu Mono';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("Ubuntu-Mono-Bold.woff2") format("woff2"),
url("Ubuntu-Mono-Bold.woff") format("woff");
}
@font-face {
font-family: 'Ubuntu Mono';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url("Ubuntu-Mono-Bold-Italic.woff2") format("woff2"),
url("Ubuntu-Mono-Bold-Italic.woff") format("woff");
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Some files were not shown because too many files have changed in this diff Show More