Browse Source

MAJOR

pull/1/head
Tommi 11 months ago
parent
commit
689b1ad4e5
  1. 34
      .gitignore
  2. 37
      404.html
  3. 42
      Gemfile
  4. 100
      Gemfile.lock
  5. 10
      README.md
  6. 4
      SECURITY.md
  7. 60
      _config.yml
  8. 15
      _data/resources.csv
  9. 45
      _includes/about.html
  10. 62
      _includes/anchor-parser.html
  11. 90
      _includes/backlinks.html
  12. 3
      _includes/banner.html
  13. 16
      _includes/comments.html
  14. 10
      _includes/draft.html
  15. 3
      _includes/edit.html
  16. 125
      _includes/footer.html
  17. 35
      _includes/head.html
  18. 80
      _includes/header.html
  19. 16
      _includes/latest-post.html
  20. 21
      _includes/listen-on.html
  21. 14
      _includes/menu.html
  22. 45
      _includes/nav.html
  23. 11
      _includes/post-tags.html
  24. 12
      _includes/sconnesso.html
  25. 39
      _includes/share.html
  26. 26
      _includes/stuff.html
  27. 11
      _includes/tags.html
  28. 20
      _includes/theme-toggle.html
  29. 163
      _includes/toc.html
  30. 216
      _includes/zettelkasten-content.html
  31. 24
      _layouts/blankee.html
  32. 34
      _layouts/category.html
  33. 10
      _layouts/compress.html
  34. 29
      _layouts/full.html
  35. 38
      _layouts/jar.html
  36. 30
      _layouts/level.html
  37. 26
      _layouts/page.html
  38. 18
      _layouts/poetry.html
  39. 152
      _layouts/post.html
  40. 31
      _layouts/sconnesso.html
  41. 21
      _layouts/white.html
  42. 51
      _layouts/wrapper.html
  43. 32
      _levels/L01-Learn.md
  44. 17
      _levels/L02-Share.md
  45. 64
      _sass/_highlight.scss
  46. 167
      _sass/_nav.scss
  47. 42
      _sass/_root.scss
  48. 117
      _sass/_search.scss
  49. BIN
      assets/Humane Technology for Students.pdf
  50. BIN
      assets/Internet-Freedom-Manifesto.pdf
  51. BIN
      assets/THE SOCIAL DILEMMA - Discussion and Action Guide.pdf
  52. BIN
      assets/online privacy 1.jpg
  53. BIN
      assets/online privacy 2.jpg
  54. BIN
      assets/online privacy 3.jpg
  55. BIN
      assets/online privacy 4.jpg
  56. BIN
      fonts/Ubuntu-Mono/Ubuntu-Mono-Bold-Italic.woff
  57. BIN
      fonts/Ubuntu-Mono/Ubuntu-Mono-Bold-Italic.woff2
  58. BIN
      fonts/Ubuntu-Mono/Ubuntu-Mono-Bold.woff
  59. BIN
      fonts/Ubuntu-Mono/Ubuntu-Mono-Bold.woff2
  60. BIN
      fonts/Ubuntu-Mono/Ubuntu-Mono-Regular-Italic.woff
  61. BIN
      fonts/Ubuntu-Mono/Ubuntu-Mono-Regular-Italic.woff2
  62. BIN
      fonts/Ubuntu-Mono/Ubuntu-Mono-Regular.woff
  63. BIN
      fonts/Ubuntu-Mono/Ubuntu-Mono-Regular.woff2
  64. 33
      fonts/Ubuntu-Mono/ubuntu-mono.css
  65. BIN
      fonts/inter/Inter-Black.woff
  66. BIN
      fonts/inter/Inter-Black.woff2
  67. BIN
      fonts/inter/Inter-BlackItalic.woff
  68. BIN
      fonts/inter/Inter-BlackItalic.woff2
  69. BIN
      fonts/inter/Inter-Bold.woff
  70. BIN
      fonts/inter/Inter-Bold.woff2
  71. BIN
      fonts/inter/Inter-BoldItalic.woff
  72. BIN
      fonts/inter/Inter-BoldItalic.woff2
  73. BIN
      fonts/inter/Inter-ExtraBold.woff
  74. BIN
      fonts/inter/Inter-ExtraBold.woff2
  75. BIN
      fonts/inter/Inter-ExtraBoldItalic.woff
  76. BIN
      fonts/inter/Inter-ExtraBoldItalic.woff2
  77. BIN
      fonts/inter/Inter-ExtraLight.woff
  78. BIN
      fonts/inter/Inter-ExtraLight.woff2
  79. BIN
      fonts/inter/Inter-ExtraLightItalic.woff
  80. BIN
      fonts/inter/Inter-ExtraLightItalic.woff2
  81. BIN
      fonts/inter/Inter-Italic.woff
  82. BIN
      fonts/inter/Inter-Italic.woff2
  83. BIN
      fonts/inter/Inter-Light.woff
  84. BIN
      fonts/inter/Inter-Light.woff2
  85. BIN
      fonts/inter/Inter-LightItalic.woff
  86. BIN
      fonts/inter/Inter-LightItalic.woff2
  87. BIN
      fonts/inter/Inter-Medium.woff
  88. BIN
      fonts/inter/Inter-Medium.woff2
  89. BIN
      fonts/inter/Inter-MediumItalic.woff
  90. BIN
      fonts/inter/Inter-MediumItalic.woff2
  91. BIN
      fonts/inter/Inter-Regular.woff
  92. BIN
      fonts/inter/Inter-Regular.woff2
  93. BIN
      fonts/inter/Inter-SemiBold.woff
  94. BIN
      fonts/inter/Inter-SemiBold.woff2
  95. BIN
      fonts/inter/Inter-SemiBoldItalic.woff
  96. BIN
      fonts/inter/Inter-SemiBoldItalic.woff2
  97. BIN
      fonts/inter/Inter-Thin.woff
  98. BIN
      fonts/inter/Inter-Thin.woff2
  99. BIN
      fonts/inter/Inter-ThinItalic.woff
  100. BIN
      fonts/inter/Inter-ThinItalic.woff2

34
.gitignore

@ -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

37
404.html

@ -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

@ -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

100
Gemfile.lock

@ -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

10
README.md

@ -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).

4
SECURITY.md

@ -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).

60
_config.yml

@ -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

@ -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

45
_includes/about.html

@ -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, I’m <span class="p-name">Tommi</span>.</p>
<p>I’m an <span class="p-category p-label">enthusiast</span>. I love getting involved in everything which involves human interactions and I’m overthinking addicted. I’m an happy guy, but this doesn’t mean I don’t cry (just make me watch the right movie).</p>
<p><span class="p-note">The purpose of my whole exsistence is meeting all the people in the world</span>. This is why, When I’m not studying, I try to be as busy as I can. This means, as the great <a href="https://en.wikipedia.org/wiki/Gottfried_Wilhelm_Leibniz" rel="noopener noreferrer" target="_blank" title="Leibniz on Wikipedia">Leibnitz</a> said, that <q cite="Gottfried Wilhelm von Leibniz">in my life I started everything and concluded nothing</q>. You can know more about something of this messy everything by browsing around. If the stuff here is too confused and you get lost, well… welcome to my mind.</p>
<p>Things that wander around in my head are written on my <a href="/blog" target="_blank">blog</a> or they are thrown in <a href="/jar" target="_blank" title="The Jar - tommi.space"><em>The Jar</em></a>.</p>
<p>Some useful data:
<ul>
<li>my <a class="u-url" href="https://www.linkedin.com/in/tommasomarmo/" rel="noopener noreferrer" target="_blank" title="Tommaso Marmo su Linkedin">Linkedin profile</a> and my <a class="u-url" href="https://europa.eu/!xG43Xd" rel="noopener noreferrer" target="_blank">Curriculum Vitae</a></li>
<li>you can <a class="u-email" href="mailto:{{ site.email | encode_email }}" rel="me" title="Write me an email">write me an email</a>. If possible, please use my <a class="u-key" href="https://api.protonmail.ch/pks/lookup?op=get&search={{ site.email }}" target="_blank" rel="pgpkey authn">PGP key</a> (it’s not necessary if you use a <a href="https://protonmail.com" rel="noopener noreferrer" target="_blank" title="ProtonMail website">ProtonMail</a> address)</li>
<li>my username is <code class="p-nickname">xplosionmind</code> everywhere. If you can’t find it, I’m not there.</li>
</ul>
</p>
{% endif %}
</div>
</div>

62
_includes/anchor-parser.html

@ -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

@ -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

@ -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

@ -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

@ -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

@ -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>

125
_includes/footer.html

@ -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

@ -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>

80
_includes/header.html

@ -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>

16
_includes/latest-post.html

@ -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

@ -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

@ -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

@ -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

@ -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

@ -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

@ -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

@ -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

@ -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>

20
_includes/theme-toggle.html

@ -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>

163
_includes/toc.html

@ -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
Usage:
{% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
Parameters:
* html (string) - the HTML of compiled markdown generated by kramdown in Jekyll
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
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 newline %}
{% endcapture %}
{% assign newline = newline | rstrip %} <!-- Remove the extra spacing but preserve the newline -->
{% capture deprecation_warnings %}{% endcapture %}
{% if include.baseurl %}
{% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "baseurl" has been deprecated, use "base_url" instead -->{{ newline }}{% endcapture %}
{% endif %}
{% if include.skipNoIDs %}
{% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "skipNoIDs" has been deprecated, use "skip_no_ids" instead -->{{ newline }}{% endcapture %}
{% endif %}
{% 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 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' %}
{% assign firstHeader = true %}
{% assign currLevel = 0 %}
{% assign lastLevel = 0 %}
{% capture listModifier %}{% if orderedList %}1.{% else %}-{% endif %}{% endcapture %}
{% 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 headerLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
{% assign currLevel = 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 listItem %}{{ anchorBody }}{% endcapture %}
{% endif %}
{% 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 list_item %}{{ anchor_body }}{% endcapture %}
{% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
{% endif %}
{% capture my_toc %}{{ my_toc }}
{{ space }}{{ listModifier }} {{ listItemClass }} {{ list_item }}{% if include.anchor_class %}{:.{{ include.anchor_class }}}{% endif %}{% endcapture %}
{% 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 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 include.id %}
{% capture my_toc %}{: #{{ include.id }}}
{{ my_toc | lstrip }}{% endcapture %}
{% 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 }}

216
_includes/zettelkasten-content.html

@ -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] -%}