website template clean start

2025-01-20 19:28:26 +01:00 · 2020-09-17 14:41:50 +02:00 · 2020-09-17 14:41:50 +02:00 · 980231ca4e
commit 980231ca4e
73 changed files with 2441 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,34 @@
+_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
--- a/404.html
+++ b/404.html
@ -0,0 +1,34 @@
+---
+permalink: /404.html
+layout: none
+sitemap: false
+---
+<!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>
--- a/29
+++ b/29
@ -0,0 +1,29 @@
+source "https://rubygems.org"
+# Hello! This is where you manage which Jekyll version is used to run.
+# When you want to use a different version, change it below, save the
+# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
+#
+#     bundle exec jekyll serve
+#
+# This will help ensure the proper Jekyll version is running.
+# Happy Jekylling!
+gem "jekyll"
+# 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 "jekyll-feed"
+  gem "jekyll-seo-tag"
+  gem "jekyll-sitemap"
+  gem "jekyll-last-modified-at"
+  gem "jekyll-target-blank"
+  gem "jekyll-watch"
+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"
+end
--- a/Gemfile.lock
+++ b/Gemfile.lock
@ -0,0 +1,95 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.7.0)
+      public_suffix (>= 2.0.2, < 5.0)
+    colorator (1.1.0)
+    concurrent-ruby (1.1.7)
+    em-websocket (0.5.1)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0.6.0)
+    eventmachine (1.2.7)
+    ffi (1.13.1)
+    forwardable-extended (2.6.0)
+    http_parser.rb (0.6.0)
+    i18n (1.8.5)
+      concurrent-ruby (~> 1.0)
+    jekyll (4.1.1)
+      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-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)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-last-modified-at (1.3.0)
+      jekyll (>= 3.7, < 5.0)
+      posix-spawn (~> 0.3.9)
+    jekyll-sass-converter (2.1.0)
+      sassc (> 2.0.1, < 3.0)
+    jekyll-seo-tag (2.6.1)
+      jekyll (>= 3.3, < 5.0)
+    jekyll-sitemap (1.4.0)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-target-blank (2.0.0)
+      jekyll (>= 3.0, < 5.0)
+      nokogiri (~> 1.10)
+    jekyll-watch (2.2.1)
+      listen (~> 3.0)
+    kramdown (2.3.0)
+      rexml
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
+    liquid (4.0.3)
+    listen (3.2.1)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    mercenary (0.4.0)
+    mini_portile2 (2.4.0)
+    nokogiri (1.10.10)
+      mini_portile2 (~> 2.4.0)
+    pathutil (0.16.2)
+      forwardable-extended (~> 2.6)
+    posix-spawn (0.3.15)
+    public_suffix (4.0.6)
+    rb-fsevent (0.10.4)
+    rb-inotify (0.10.1)
+      ffi (~> 1.0)
+    rexml (3.2.4)
+    rouge (3.23.0)
+    safe_yaml (1.0.5)
+    sassc (2.4.0)
+      ffi (~> 1.9)
+    terminal-table (1.8.0)
+      unicode-display_width (~> 1.1, >= 1.1.1)
+    tzinfo (2.0.2)
+      concurrent-ruby (~> 1.0)
+    tzinfo-data (1.2020.1)
+      tzinfo (>= 1.0.0)
+    unicode-display_width (1.7.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  jekyll
+  jekyll-feed
+  jekyll-last-modified-at
+  jekyll-seo-tag
+  jekyll-sitemap
+  jekyll-target-blank
+  jekyll-watch
+  tzinfo
+  tzinfo-data
+
+BUNDLED WITH
+   2.1.4
--- a/README.md
+++ b/README.md
@ -0,0 +1,9 @@
+[![Netlify Status](https://api.netlify.com/api/v1/badges/c7f3a969-424a-450b-8636-2d477af82e76/deploy-status)](https://app.netlify.com/sites/xplosionmind/deploys)
+
+# XPLOSIONMIND
+
+This is exactly a web representation of the mess inside Tommi’s mind.
+
+For technical issues and features implementation, check the [roadmap page](https://tommi.space/roadmap).
+
+To read about the creation of this website check the [blog post](https://tommi.space/genesi) or the [step-by-step guide](https://tommi.space/themakingof)
--- a/SECURITY.md
+++ b/SECURITY.md
@ -0,0 +1,3 @@
+# 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.
--- a/_config.yml
+++ b/_config.yml
@ -0,0 +1,111 @@
+title: xplosionmind
+email: tommiboom@protonmail.com
+description: >- # this means to ignore newlines until "baseurl:"
+  A web version of the mess inside Tommi Boom’s mind
+baseurl: "" # the subpath of your site, e.g. /blog
+url: "https://tommi.space" # the base hostname & protocol for your site, e.g. http://example.com
+twitter_username: xplosionmind
+github_username: xplosionmind
+git_repository: "tommi.space"
+future: true
+profile: true
+livereload: true
+strict_front_matter: true
+
+collections:
+  posts:
+    excerpt_separator: "<!--more-->"
+    redirect_from:
+      - "/:date/:title"
+      - "/:categories/:title"
+      - "/:categories/:date/:title"
+  categories:
+    output: true
+  poetry:
+    output: true
+  stuff:
+    output: true
+  jar:
+    output: true
+    layout: "jar"
+    lang: "en"
+    redirect_from: "/:title"
+    toc: "true"
+  filinge:
+    output: true
+
+kramdown:
+  syntax_highlighter_opts:
+    default_lang: zsh
+
+plugins:
+  - jekyll-feed
+  - jekyll-seo-tag
+  - jekyll-sitemap
+  - jekyll-last-modified-at
+  - jekyll-target-blank
+  - jekyll-watch
+
+sass:
+    style: compressed
+
+permalink: "/:title"
+ref: ":title"
+
+defaults:
+  -
+    scope:
+      path: ""
+    values:
+      layout: "wrapper"
+      ref: ":title"
+      lang: "en"
+      img: "/images/preview.gif"
+      primary: "#FCC920"
+
+  -
+    scope:
+      path: ""
+      type: "categories"
+    values:
+      layout: "category"
+      permalink: "/:title"
+
+  -
+    scope:
+      path: ""
+      type: "posts"
+    values:
+      layout: "post"
+      lang: "it"
+      permalink: "/:title"
+      excerpt_separator: "<!--more-->"
+
+  -
+    scope:
+      path: ""
+      type: "poetry"
+    values:
+      layout: "poetry"
+      permalink: "/:title"
+      lang: "it"
+
+  -
+    scope:
+      path: ""
+      type: "jar"
+    values:
+      layout: "jar"
+      lang: "en"
+      permalink: "/:title"
+      toc: "true"
+
+  -
+    scope:
+      path: ""
+      type: "filinge"
+    values:
+      layout: "post"
+      lang: "it"
+      primary: "var(--green)"
+      style: "true"
--- a/_includes/anchor-parser.html
+++ b/_includes/anchor-parser.html
@ -0,0 +1,110 @@
+{% 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 nodes = include.html | split: '<h' %}
+
+  {% capture edited_headings %}{% endcapture %}
+
+  {% for _node in nodes %}
+    {% capture node %}{{ _node | strip }}{% endcapture %}
+
+    {% if node == "" %}
+      {% continue %}
+    {% endif %}
+
+    {% assign nextChar = node | replace: '"', '' | strip | slice: 0, 1 %}
+    {% assign headerLevel = nextChar | times: 1 %}
+
+    <!-- If the level is cast to 0, it means it's not a h1-h6 tag, so let's see if we need to fix it -->
+    {% if headerLevel == 0 %}
+      <!-- Split up the node based on closing angle brackets and get the first one. -->
+      {% assign firstChunk = node | split: '>' | first %}
+
+      <!-- If the first chunk does NOT contain a '<', that means we've broken another HTML tag that starts with 'h' -->
+      {% unless firstChunk contains '<' %}
+        {% capture node %}<h{{ node }}{% endcapture %}
+      {% endunless %}
+
+      {% capture edited_headings %}{{ edited_headings }}{{ node }}{% endcapture %}
+      {% continue %}
+    {% endif %}
+
+    {% assign _workspace = node | split: '</h' %}
+    {% assign _idWorkspace = _workspace[0] | split: 'id="' %}
+    {% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
+    {% assign html_id = _idWorkspace[0] %}
+
+    {% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
+    {% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
+
+    <!-- Build the anchor to inject for our heading -->
+    {% capture anchor %}{% endcapture %}
+
+    {% if html_id and headerLevel >= minHeader and headerLevel <= maxHeader %}
+      {% 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 %}
+
+      {% if include.anchorAttrs %}
+        {% capture anchor %}{{ anchor }} {{ include.anchorAttrs | replace: '%heading%', header }}{% endcapture %}
+      {% endif %}
+
+      {% capture anchor %}<a {{ anchor }}>{{ include.anchorBody | 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 %}
+        {% capture anchor %}{{ anchor }} {% endcapture %}
+      {% else %}
+        {% capture anchor %} {{ anchor }}{% endcapture %}
+      {% endif %}
+    {% endif %}
+
+    {% capture new_heading %}
+      <h{{ _hAttrToStrip }}
+        {{ include.bodyPrefix }}
+        {% if beforeHeading %}
+          {{ anchor }}{{ header }}
+        {% else %}
+          {{ header }}{{ anchor }}
+        {% endif %}
+        {{ include.bodySuffix }}
+      </h{{ _workspace | last }}
+    {% endcapture %}
+    {% capture edited_headings %}{{ edited_headings }}{{ new_heading }}{% endcapture %}
+  {% endfor %}
+{% endcapture %}{% assign headingsWorkspace = '' %}{{ edited_headings | strip }}
--- a/_includes/footer.html
+++ b/_includes/footer.html
@ -0,0 +1,257 @@
+{% 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">
+
+					<!-- 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>
+
+				<!-- Flickr -->
+				<a href="https://www.flickr.com/tommiboom" title="le mie foto su Flickr" target="_blank" rel="noopener noreferrer">
+					<svg class="button" style="enable-background:new 0 0 455 455" version="1.1" viewBox="0 0 455 455" xmlns="http://www.w3.org/2000/svg">
+						<path d="m0 0v455h455v-455h-455zm141 298c-39 0-71-31-71-70s32-70 71-70 71 31 71 70-32 70-71 70zm174 0c-39 0-71-31-71-70s32-70 71-70 71 31 71 70-32 70-71 70z" style="clip-rule:evenodd;fill-rule:evenodd;fill:var(--primary)"/>
+					</svg>
+				</a>
+				
+				<!-- Keybase -->
+				<a href="https://keybase.io/xplosionmind" title="il mio profilo Keybase" target="_blank" rel="noopener noreferrer">
+					<svg class="button" version="1.1" viewBox="0 0 210 210" xmlns="http://www.w3.org/2000/svg">
+    					<defs>
+        					<clipPath id="a">
+            					<path d="m0 600h600v-600h-600z"/>
+    					    </clipPath>
+ 						   </defs>
+					    <g transform="matrix(1.384 0 0 -1.384 -302 542.2)">
+  					      <g clip-path="url(#a)">
+   					         <rect transform="scale(1,-1)" x="218.3" y="-391.9" width="151.8" height="151.8" style="fill:var(--primary);stroke-width:.7228"/>
+					            <g transform="translate(260.4 352.9)">
+					                <path d="m0 0c-3.899 0.239-6.887 3.608-6.66 7.511l0.529 8.547c0.232 3.739 3.35 6.669 7.097 6.669 0.14 0 0.281-4e-3 0.422-0.013l8.542-0.529c1.89-0.115 3.627-0.962 4.885-2.386 1.26-1.424 1.888-3.256 1.767-5.156l-0.524-8.514c-0.031-0.492-0.13-0.882-0.191-1.095l-0.304-1.487-5.621-4.162z" style="fill:var(--primary)"/>
+					            </g>
+					            <g transform="translate(261.4 379.9)">
+					                <path d="m0 0c-6.01 0-11.01-4.698-11.38-10.7l-0.529-8.532-1e-3 -0.016-1e-3 -0.015c-0.364-6.259 4.43-11.66 10.69-12.04l8.375-0.518 3.123-0.193 5.557 4.113 2.643 1.957 0.607 2.967c0.12 0.455 0.25 1.068 0.297 1.818l0.524 8.522c0.192 3.045-0.817 5.98-2.839 8.266-2.013 2.278-4.8 3.638-7.843 3.823l-8.518 0.528h-0.012l-0.013 1e-3c-0.224 0.013-0.451 0.02-0.675 0.02m6.378-18.62 0.314 5.075-5.076 0.314-0.315-5.076 5.077-0.313m-6.378 10.04c0.056 0 0.113-2e-3 0.17-5e-3l8.528-0.529c0.747-0.045 1.436-0.38 1.933-0.943 0.5-0.565 0.749-1.29 0.701-2.041l-0.525-8.524c-8e-3 -0.132-0.061-0.248-0.086-0.374l-3.042-2.252-8.38 0.518c-1.546 0.095-2.73 1.43-2.64 2.977l0.529 8.531c0.092 1.489 1.327 2.642 2.812 2.642" style="fill:var(--background)"/>
+					            </g>
+					            <g transform="translate(296.6 334.2)">
+				                <path d="m0 0c-33.4 0-60.48-27.08-60.48-60.48 0-12.42 3.746-23.96 10.17-33.57h103.1c5.424 9.907 7.738 21.64 7.738 33.57 0 30.91-27.08 60.48-60.48 60.48" style="fill:#fff;opacity:.354"/>
+					            </g>
+					            <g transform="translate(296.6 338.5)">
+					               <path d="m0 0c-35.72 0-64.77-29.06-64.77-64.77 0-12.28 3.436-23.77 9.396-33.57h10.35c-7.005 9.372-11.16 21-11.16 33.57 0 30.98 25.2 56.19 56.19 56.19 14.72 0 28.81-6.161 39.69-17.35 10.49-10.78 16.5-24.94 16.5-38.84 0-9.517-1.572-22.45-8.405-33.57h9.799c4.729 9.519 7.191 20.9 7.191 33.57 0 16.12-6.899 32.45-18.93 44.83-12.51 12.86-28.79 19.95-45.84 19.95" style="fill:var(--background)"/>
+					            </g>
+					            <g transform="translate(284.4 256.2)">
+					                <path d="m0 0c0-3.207-2.599-5.806-5.806-5.806s-5.806 2.599-5.806 5.806 2.599 5.806 5.806 5.806 5.806-2.599 5.806-5.806" style="fill:var(--background)"/>
+					            </g>
+					            <g transform="translate(320.4 256.2)">
+					                <path d="m0 0c0-3.207-2.599-5.806-5.806-5.806s-5.806 2.599-5.806 5.806 2.599 5.806 5.806 5.806 5.806-2.599 5.806-5.806" style="fill:var(--background)"/>
+					            </g>
+					            <g transform="translate(230.6 258.5)">
+					                <path d="m0 0 32.23 34.18-7.757-24.32c25.16 18.31 51.58 15.42 70.17 9.953 19.74-5.796 33.56 11.64 20.03 30.24-6.429 8.839-15.25 16.18-25.26 20.63-26.27 11.67-52.69 4.866-70.51-13.13-18.88-19.07-18.9-40.22-18.9-57.55" style="fill:var(--primary)"/>
+					            </g>
+					            <g transform="translate(293.6 330.6)">
+					                <path d="m0 0c-3.741 0-7.456-0.373-11.11-1.124-11.14-2.29-21.47-7.999-29.9-16.51-13.99-14.14-16.9-29.31-17.5-43.55l37.6 39.88-9.955-31.21c18.71 9.781 40.1 11.23 63.76 4.282 7.528-2.21 14.35-0.535 17.81 4.371 3.551 5.041 2.633 12.23-2.456 19.22-6.081 8.36-14.44 15.19-23.54 19.23-8.068 3.584-16.45 5.402-24.71 5.402m-67.25-82.97v10.81c0 17.92 0 40.22 20.15 60.57 9.62 9.717 21.47 16.24 34.27 18.88 13.47 2.772 27.66 1.098 41.03-4.841 10.45-4.644 20.04-12.47 26.99-22.03 7.243-9.958 8.213-21.15 2.531-29.22-5.555-7.885-16.25-10.89-27.24-7.664-25.36 7.448-47.72 4.317-66.44-9.306l-10.6-7.713 6.005 18.82z" style="fill:var(--background)"/>
+					            </g>
+					            <g transform="translate(312 337.4)">
+					                <path d="m0 0c-3.821-9.956-14.9-15.52-25.17-12.62-11.57 3.257-17.67 12.55-16.21 24.34 1.459 11.72 9.382 22 18.52 34.68-7.502-15.97-1.129-17.46 0.887-17.38 1.992 0.079 4.9-0.261 9.039-1.634 11.28-3.743 17.24-16.16 12.93-27.38" style="fill:var(--primary)"/>
+					            </g>
+					            <g transform="translate(282.4 366.7)">
+					                <path d="m0 0c-3.962-6.212-6.744-11.99-7.504-18.09-1.203-9.673 3.698-17.03 13.11-19.68 8.172-2.301 16.95 2.105 20 10.03 1.649 4.298 1.477 8.947-0.484 13.09-1.963 4.148-5.441 7.228-9.794 8.672-3.82 1.268-6.198 1.469-7.516 1.419-2.959-0.116-5.69 1.262-7.3 3.69-0.186 0.28-0.356 0.57-0.509 0.872m9.977-46.96c-2.226 0-4.475 0.299-6.697 0.925-6.666 1.877-11.99 5.587-15.4 10.73-3.401 5.126-4.749 11.44-3.9 18.28 1.5 12.06 8.931 22.33 17.54 34.22 0.58 0.802 1.166 1.612 1.758 2.433l7.367-4.335c-3.636-7.741-3.219-10.61-3.028-11.26 2.925 0.089 6.431-0.534 10.42-1.858 6.601-2.191 11.88-6.86 14.85-13.15 2.974-6.284 3.236-13.33 0.739-19.84-3.788-9.869-13.45-16.14-23.64-16.14" style="fill:var(--background)"/>
+					            </g>
+					            <g transform="translate(301.2 299.4)">
+					                <path d="m0 0c-1.503 0-2.911 0.668-3.861 1.832l-2.888 3.537c-1.674 2.05-1.434 5.049 0.501 6.811-0.625 0.306-1.184 0.747-1.638 1.303l-0.659 0.807c-1.734 2.123-1.417 5.26 0.705 6.993l0.415 0.339-4.23 5.192c-1.881 2.304-1.536 5.713 0.77 7.597 0.967 0.788 2.179 1.219 3.417 1.219 1.626 0 3.151-0.722 4.182-1.982l18.04-22.21c1.878-2.301 1.533-5.71-0.773-7.594-0.636-0.52-1.398-0.894-2.2-1.079-0.398-0.092-0.808-0.138-1.217-0.138-1.406 0-2.735 0.539-3.736 1.498l-3.681-3.005c-0.887-0.724-2.006-1.123-3.15-1.123" style="fill:var(--primary)"/>
+					            </g>
+					            <g transform="translate(300.6 335.3)">
+					                <path d="m0 0c-1.701 2.078-4.216 3.269-6.899 3.269-2.044 0-4.044-0.712-5.631-2.004-3.814-3.116-4.382-8.741-1.275-12.55l2.35-2.885c-1.726-2.968-1.539-6.824 0.758-9.637l0.442-0.542c-1.039-2.741-0.63-5.95 1.354-8.379l2.888-3.538c1.619-1.984 4.018-3.122 6.581-3.122 1.952 0 3.86 0.679 5.372 1.914l1.73 1.412c1.082-0.455 2.257-0.697 3.466-0.697 0.674 0 1.349 0.077 2.006 0.229 1.324 0.305 2.58 0.921 3.633 1.781 3.805 3.109 4.373 8.734 1.267 12.54l-18.02 22.18zm-6.899-3.755c0.547 0 1.09-0.238 1.464-0.696l18.04-22.2c0.66-0.809 0.539-1.999-0.269-2.659-0.233-0.19-0.496-0.314-0.769-0.377-0.14-0.033-0.283-0.049-0.426-0.049-0.548 0-1.091 0.237-1.465 0.695l-1.796 2.213-6.377-5.205c-0.273-0.224-0.602-0.332-0.93-0.332-0.426 0-0.849 0.185-1.14 0.541l-2.888 3.537c-0.508 0.622-0.415 1.538 0.207 2.046l6.408 5.231-2.618 3.228-3.17-2.59c-0.26-0.211-0.572-0.314-0.882-0.314-0.404 0-0.805 0.175-1.081 0.512l-0.66 0.809c-0.509 0.623-0.417 1.541 0.206 2.05l3.133 2.558-6.447 7.913c-0.66 0.808-0.539 1.998 0.269 2.658 0.353 0.287 0.776 0.427 1.196 0.427" style="fill:var(--background)"/>
+            					</g>
+        					</g>
+    					</g>
+					</svg>
+				</a>
+
+				<!-- GitHub -->
+				<a href="https://github.com/xplosionmind" target="_blank" rel="noopener noreferrer" title="il mio profilo 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>
+
+				<!-- Mastodon -->
+				<a href="https://mastodon.online/@xplosionmind" target="_blank" rel="me" title="Mastodon">
+					<svg class="button" width="300" height="300" version="1.1" viewBox="0 0 281.2 281.2" xmlns="http://www.w3.org/2000/svg">
+						<rect width="281.2" height="281.2" style="fill:var(--primary);"/>
+						<path d="m244.2 161.9c-3.181 16.37-28.49 34.28-57.56 37.75-15.16 1.809-30.08 3.471-46 2.741-26.03-1.192-46.56-6.212-46.56-6.212 0 2.534 0.1562 4.946 0.4688 7.202 3.384 25.69 25.47 27.22 46.39 27.94 21.12 0.7225 39.92-5.206 39.92-5.206l0.8675 19.09s-14.77 7.931-41.08 9.39c-14.51 0.7975-32.52-0.365-53.51-5.919-45.51-12.04-53.33-60.55-54.53-109.8-0.365-14.61-0.14-28.39-0.14-39.92 0-50.33 32.98-65.08 32.98-65.08 16.63-7.636 45.16-10.85 74.82-11.09h0.7288c29.66 0.2425 58.21 3.454 74.84 11.09 0 0 32.98 14.75 32.98 65.08 0 0 0.4138 37.13-4.599 62.92" fill="var(--background)"/>
+						<path d="m209.9 102.9v60.94h-24.14v-59.15c0-12.47-5.246-18.8-15.74-18.8-11.6 0-17.42 7.508-17.42 22.35v32.38h-24v-32.38c0-14.85-5.816-22.35-17.42-22.35-10.49 0-15.74 6.329-15.74 18.8v59.15h-24.14v-60.94c0-12.46 3.171-22.35 9.541-29.68 6.569-7.322 15.17-11.08 25.85-11.08 12.36 0 21.71 4.749 27.9 14.25l6.014 10.08 6.015-10.08c6.185-9.499 15.54-14.25 27.9-14.25 10.68 0 19.28 3.754 25.85 11.08 6.369 7.322 9.54 17.22 9.54 29.68" fill="var(--primary)"/>
+					</svg>
+				</a>
+
+				<!-- Telegram -->
+				<a href="https://t.me/maledettocopernico" 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://xplosionmind.goatcounter.com" rel="noopener noreferrer" target="_blank">Visitatori</a></p>
+			</div>
+		</div>
+	</div>
+	<div class="row">
+		<div class="column" id="license">
+			<p>Eccetto dove diversamente specificato, tutto quello che c’è in questo sito, compreso il codice sorgente, è protetto dalla licenza <a rel="license" href="http://creativecommons.org/licenses/by-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>
+</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>
+
+				<!-- Flickr -->
+				<a href="https://www.flickr.com/tommiboom" title="look at my shots on Flickr" target="_blank" rel="noopener noreferrer">
+					<svg class="button" style="enable-background:new 0 0 455 455" version="1.1" viewBox="0 0 455 455" xmlns="http://www.w3.org/2000/svg">
+						<path d="m0 0v455h455v-455h-455zm141 298c-39 0-71-31-71-70s32-70 71-70 71 31 71 70-32 70-71 70zm174 0c-39 0-71-31-71-70s32-70 71-70 71 31 71 70-32 70-71 70z" style="clip-rule:evenodd;fill-rule:evenodd;fill:var(--primary)"/>
+					</svg>
+				</a>
+
+				<!-- Keybase -->
+				<a href="https://keybase.io/xplosionmind" title="my Keybase profile" target="_blank" rel="noopener noreferrer">
+					<svg class="button" version="1.1" viewBox="0 0 210 210" xmlns="http://www.w3.org/2000/svg">
+    					<defs>
+        					<clipPath id="a">
+            					<path d="m0 600h600v-600h-600z"/>
+    					    </clipPath>
+ 						   </defs>
+					    <g transform="matrix(1.384 0 0 -1.384 -302 542.2)">
+  					      <g clip-path="url(#a)">
+   					         <rect transform="scale(1,-1)" x="218.3" y="-391.9" width="151.8" height="151.8" style="fill:var(--primary);stroke-width:.7228"/>
+					            <g transform="translate(260.4 352.9)">
+					                <path d="m0 0c-3.899 0.239-6.887 3.608-6.66 7.511l0.529 8.547c0.232 3.739 3.35 6.669 7.097 6.669 0.14 0 0.281-4e-3 0.422-0.013l8.542-0.529c1.89-0.115 3.627-0.962 4.885-2.386 1.26-1.424 1.888-3.256 1.767-5.156l-0.524-8.514c-0.031-0.492-0.13-0.882-0.191-1.095l-0.304-1.487-5.621-4.162z" style="fill:var(--primary)"/>
+					            </g>
+					            <g transform="translate(261.4 379.9)">
+					                <path d="m0 0c-6.01 0-11.01-4.698-11.38-10.7l-0.529-8.532-1e-3 -0.016-1e-3 -0.015c-0.364-6.259 4.43-11.66 10.69-12.04l8.375-0.518 3.123-0.193 5.557 4.113 2.643 1.957 0.607 2.967c0.12 0.455 0.25 1.068 0.297 1.818l0.524 8.522c0.192 3.045-0.817 5.98-2.839 8.266-2.013 2.278-4.8 3.638-7.843 3.823l-8.518 0.528h-0.012l-0.013 1e-3c-0.224 0.013-0.451 0.02-0.675 0.02m6.378-18.62 0.314 5.075-5.076 0.314-0.315-5.076 5.077-0.313m-6.378 10.04c0.056 0 0.113-2e-3 0.17-5e-3l8.528-0.529c0.747-0.045 1.436-0.38 1.933-0.943 0.5-0.565 0.749-1.29 0.701-2.041l-0.525-8.524c-8e-3 -0.132-0.061-0.248-0.086-0.374l-3.042-2.252-8.38 0.518c-1.546 0.095-2.73 1.43-2.64 2.977l0.529 8.531c0.092 1.489 1.327 2.642 2.812 2.642" style="fill:var(--background)"/>
+					            </g>
+					            <g transform="translate(296.6 334.2)">
+				                <path d="m0 0c-33.4 0-60.48-27.08-60.48-60.48 0-12.42 3.746-23.96 10.17-33.57h103.1c5.424 9.907 7.738 21.64 7.738 33.57 0 30.91-27.08 60.48-60.48 60.48" style="fill:#fff;opacity:.354"/>
+					            </g>
+					            <g transform="translate(296.6 338.5)">
+					               <path d="m0 0c-35.72 0-64.77-29.06-64.77-64.77 0-12.28 3.436-23.77 9.396-33.57h10.35c-7.005 9.372-11.16 21-11.16 33.57 0 30.98 25.2 56.19 56.19 56.19 14.72 0 28.81-6.161 39.69-17.35 10.49-10.78 16.5-24.94 16.5-38.84 0-9.517-1.572-22.45-8.405-33.57h9.799c4.729 9.519 7.191 20.9 7.191 33.57 0 16.12-6.899 32.45-18.93 44.83-12.51 12.86-28.79 19.95-45.84 19.95" style="fill:var(--background)"/>
+					            </g>
+					            <g transform="translate(284.4 256.2)">
+					                <path d="m0 0c0-3.207-2.599-5.806-5.806-5.806s-5.806 2.599-5.806 5.806 2.599 5.806 5.806 5.806 5.806-2.599 5.806-5.806" style="fill:var(--background)"/>
+					            </g>
+					            <g transform="translate(320.4 256.2)">
+					                <path d="m0 0c0-3.207-2.599-5.806-5.806-5.806s-5.806 2.599-5.806 5.806 2.599 5.806 5.806 5.806 5.806-2.599 5.806-5.806" style="fill:var(--background)"/>
+					            </g>
+					            <g transform="translate(230.6 258.5)">
+					                <path d="m0 0 32.23 34.18-7.757-24.32c25.16 18.31 51.58 15.42 70.17 9.953 19.74-5.796 33.56 11.64 20.03 30.24-6.429 8.839-15.25 16.18-25.26 20.63-26.27 11.67-52.69 4.866-70.51-13.13-18.88-19.07-18.9-40.22-18.9-57.55" style="fill:var(--primary)"/>
+					            </g>
+					            <g transform="translate(293.6 330.6)">
+					                <path d="m0 0c-3.741 0-7.456-0.373-11.11-1.124-11.14-2.29-21.47-7.999-29.9-16.51-13.99-14.14-16.9-29.31-17.5-43.55l37.6 39.88-9.955-31.21c18.71 9.781 40.1 11.23 63.76 4.282 7.528-2.21 14.35-0.535 17.81 4.371 3.551 5.041 2.633 12.23-2.456 19.22-6.081 8.36-14.44 15.19-23.54 19.23-8.068 3.584-16.45 5.402-24.71 5.402m-67.25-82.97v10.81c0 17.92 0 40.22 20.15 60.57 9.62 9.717 21.47 16.24 34.27 18.88 13.47 2.772 27.66 1.098 41.03-4.841 10.45-4.644 20.04-12.47 26.99-22.03 7.243-9.958 8.213-21.15 2.531-29.22-5.555-7.885-16.25-10.89-27.24-7.664-25.36 7.448-47.72 4.317-66.44-9.306l-10.6-7.713 6.005 18.82z" style="fill:var(--background)"/>
+					            </g>
+					            <g transform="translate(312 337.4)">
+					                <path d="m0 0c-3.821-9.956-14.9-15.52-25.17-12.62-11.57 3.257-17.67 12.55-16.21 24.34 1.459 11.72 9.382 22 18.52 34.68-7.502-15.97-1.129-17.46 0.887-17.38 1.992 0.079 4.9-0.261 9.039-1.634 11.28-3.743 17.24-16.16 12.93-27.38" style="fill:var(--primary)"/>
+					            </g>
+					            <g transform="translate(282.4 366.7)">
+					                <path d="m0 0c-3.962-6.212-6.744-11.99-7.504-18.09-1.203-9.673 3.698-17.03 13.11-19.68 8.172-2.301 16.95 2.105 20 10.03 1.649 4.298 1.477 8.947-0.484 13.09-1.963 4.148-5.441 7.228-9.794 8.672-3.82 1.268-6.198 1.469-7.516 1.419-2.959-0.116-5.69 1.262-7.3 3.69-0.186 0.28-0.356 0.57-0.509 0.872m9.977-46.96c-2.226 0-4.475 0.299-6.697 0.925-6.666 1.877-11.99 5.587-15.4 10.73-3.401 5.126-4.749 11.44-3.9 18.28 1.5 12.06 8.931 22.33 17.54 34.22 0.58 0.802 1.166 1.612 1.758 2.433l7.367-4.335c-3.636-7.741-3.219-10.61-3.028-11.26 2.925 0.089 6.431-0.534 10.42-1.858 6.601-2.191 11.88-6.86 14.85-13.15 2.974-6.284 3.236-13.33 0.739-19.84-3.788-9.869-13.45-16.14-23.64-16.14" style="fill:var(--background)"/>
+					            </g>
+					            <g transform="translate(301.2 299.4)">
+					                <path d="m0 0c-1.503 0-2.911 0.668-3.861 1.832l-2.888 3.537c-1.674 2.05-1.434 5.049 0.501 6.811-0.625 0.306-1.184 0.747-1.638 1.303l-0.659 0.807c-1.734 2.123-1.417 5.26 0.705 6.993l0.415 0.339-4.23 5.192c-1.881 2.304-1.536 5.713 0.77 7.597 0.967 0.788 2.179 1.219 3.417 1.219 1.626 0 3.151-0.722 4.182-1.982l18.04-22.21c1.878-2.301 1.533-5.71-0.773-7.594-0.636-0.52-1.398-0.894-2.2-1.079-0.398-0.092-0.808-0.138-1.217-0.138-1.406 0-2.735 0.539-3.736 1.498l-3.681-3.005c-0.887-0.724-2.006-1.123-3.15-1.123" style="fill:var(--primary)"/>
+					            </g>
+					            <g transform="translate(300.6 335.3)">
+					                <path d="m0 0c-1.701 2.078-4.216 3.269-6.899 3.269-2.044 0-4.044-0.712-5.631-2.004-3.814-3.116-4.382-8.741-1.275-12.55l2.35-2.885c-1.726-2.968-1.539-6.824 0.758-9.637l0.442-0.542c-1.039-2.741-0.63-5.95 1.354-8.379l2.888-3.538c1.619-1.984 4.018-3.122 6.581-3.122 1.952 0 3.86 0.679 5.372 1.914l1.73 1.412c1.082-0.455 2.257-0.697 3.466-0.697 0.674 0 1.349 0.077 2.006 0.229 1.324 0.305 2.58 0.921 3.633 1.781 3.805 3.109 4.373 8.734 1.267 12.54l-18.02 22.18zm-6.899-3.755c0.547 0 1.09-0.238 1.464-0.696l18.04-22.2c0.66-0.809 0.539-1.999-0.269-2.659-0.233-0.19-0.496-0.314-0.769-0.377-0.14-0.033-0.283-0.049-0.426-0.049-0.548 0-1.091 0.237-1.465 0.695l-1.796 2.213-6.377-5.205c-0.273-0.224-0.602-0.332-0.93-0.332-0.426 0-0.849 0.185-1.14 0.541l-2.888 3.537c-0.508 0.622-0.415 1.538 0.207 2.046l6.408 5.231-2.618 3.228-3.17-2.59c-0.26-0.211-0.572-0.314-0.882-0.314-0.404 0-0.805 0.175-1.081 0.512l-0.66 0.809c-0.509 0.623-0.417 1.541 0.206 2.05l3.133 2.558-6.447 7.913c-0.66 0.808-0.539 1.998 0.269 2.658 0.353 0.287 0.776 0.427 1.196 0.427" style="fill:var(--background)"/>
+            					</g>
+        					</g>
+    					</g>
+					</svg>
+				</a>
+
+				</a>
+
+				<!-- GitHub -->
+				<a href="https://github.com/xplosionmind" target="_blank" rel="noopener noreferrer" title="my GitHub profile">
+					<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>
+
+
+
+				<!-- Mastodon -->
+				<a href="https://mastodon.online/@xplosionmind" target="_blank" rel="me" title="read my crazy thoughts on Mastodon">
+					<svg class="button" width="300" height="300" version="1.1" viewBox="0 0 281.2 281.2" xmlns="http://www.w3.org/2000/svg">
+						<rect width="281.2" height="281.2" style="fill:var(--primary);"/>
+						<path d="m244.2 161.9c-3.181 16.37-28.49 34.28-57.56 37.75-15.16 1.809-30.08 3.471-46 2.741-26.03-1.192-46.56-6.212-46.56-6.212 0 2.534 0.1562 4.946 0.4688 7.202 3.384 25.69 25.47 27.22 46.39 27.94 21.12 0.7225 39.92-5.206 39.92-5.206l0.8675 19.09s-14.77 7.931-41.08 9.39c-14.51 0.7975-32.52-0.365-53.51-5.919-45.51-12.04-53.33-60.55-54.53-109.8-0.365-14.61-0.14-28.39-0.14-39.92 0-50.33 32.98-65.08 32.98-65.08 16.63-7.636 45.16-10.85 74.82-11.09h0.7288c29.66 0.2425 58.21 3.454 74.84 11.09 0 0 32.98 14.75 32.98 65.08 0 0 0.4138 37.13-4.599 62.92" fill="var(--background)"/>
+						<path d="m209.9 102.9v60.94h-24.14v-59.15c0-12.47-5.246-18.8-15.74-18.8-11.6 0-17.42 7.508-17.42 22.35v32.38h-24v-32.38c0-14.85-5.816-22.35-17.42-22.35-10.49 0-15.74 6.329-15.74 18.8v59.15h-24.14v-60.94c0-12.46 3.171-22.35 9.541-29.68 6.569-7.322 15.17-11.08 25.85-11.08 12.36 0 21.71 4.749 27.9 14.25l6.014 10.08 6.015-10.08c6.185-9.499 15.54-14.25 27.9-14.25 10.68 0 19.28 3.754 25.85 11.08 6.369 7.322 9.54 17.22 9.54 29.68" fill="var(--primary)"/>
+					</svg>
+				</a>
+
+				<!-- Telegram -->
+				<a href="https://t.me/maledettocopernico" target="_blank" rel="noopener noreferrer" title="join my 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://xplosionmind.goatcounter.com" rel="noopener noreferrer" target="_blank">Visitatori</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>, except where otherwise specified.</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 %}
--- a/_includes/header.html
+++ b/_includes/header.html
@ -0,0 +1,88 @@
+<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">
+			<div class="xplosionmind">
+				<a href="/tuffo">xplosionmind</a>
+			</div>
+		<nav>
+			<div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
+				<ul class="nav-list">
+ 	       			<li><a href="/tuffo#about">about</a></li>
+        			<li><a href="/zibaldone">Zibaldone</a></li>
+        			<li><a href="https://flickr.com/tommiboom/albums">visioni</a></li>
+        			<li><a href="/tutto">tutto</a></li>
+        			<li><a href="/marmellata">La Marmellata</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(.0583 0 0 .0583 .0836 1.17)" style="fill:var(--background);stroke-width:17.2"><path d="m212 124c-22.2 12.4-38.3 33.8-43.8 58.7h40.4c0.43-20.6 1.57-40.4 3.36-58.7z"/><path d="m268 114c0-0.1-6.31-0.83-12.2-0.83-5.92 0-12.2 0.73-12.2 0.83-2.55 20.9-4.14 44.4-4.67 69.2h33.8c-0.53-24.8-2.12-48.3-4.67-69.2z"/><path d="m167 213c3.52 28.4 20.5 53.1 45.2 66.8-2.03-20.7-3.22-43.3-3.5-66.8z"/><path d="m244 290c8.1 1.1 16.4 1.1 24.5 0.02 2.83-23.2 4.47-49.5 4.81-77.2h-34.1c0.34 27.7 1.98 54 4.81 77.2z"/><path d="m300 280c24.7-13.7 41.7-38.4 45.2-66.8h-41.7c-0.28 23.5-1.47 46.1-3.5 66.8z"/><path d="m343 183c-5.5-24.9-21.6-46.3-43.8-58.7 1.79 18.3 2.93 38.1 3.36 58.7z"/><path d="m0 18.9v364h295l73.4 110 72.3-110h71.2v-364zm285 298c-76.6 19.3-152-39.6-149-120 2.07-54.4 40.5-98.3 90-111 45.6-11.5 92.8 4.74 122 40 54.8 66.7 22.3 169-63.1 191z"/></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">
+			<div class="xplosionmind">
+				<a href="/home">xplosionmind</a>
+			</div>
+		<nav>
+			<div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
+				<ul class="nav-list">
+ 	       			<li><a href="/home#about">about</a></li>
+        			<li><a href="/zibenglish">blog</a></li>
+        			<li><a href="https://flickr.com/tommiboom/albums">visions</a></li>
+        			<li><a href="/stuff">stuff</a></li>
+        			<li><a href="/jar">The Jar</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(.0583 0 0 .0583 .0836 1.17)" style="fill:var(--background);stroke-width:17.2"><path d="m212 124c-22.2 12.4-38.3 33.8-43.8 58.7h40.4c0.43-20.6 1.57-40.4 3.36-58.7z"/><path d="m268 114c0-0.1-6.31-0.83-12.2-0.83-5.92 0-12.2 0.73-12.2 0.83-2.55 20.9-4.14 44.4-4.67 69.2h33.8c-0.53-24.8-2.12-48.3-4.67-69.2z"/><path d="m167 213c3.52 28.4 20.5 53.1 45.2 66.8-2.03-20.7-3.22-43.3-3.5-66.8z"/><path d="m244 290c8.1 1.1 16.4 1.1 24.5 0.02 2.83-23.2 4.47-49.5 4.81-77.2h-34.1c0.34 27.7 1.98 54 4.81 77.2z"/><path d="m300 280c24.7-13.7 41.7-38.4 45.2-66.8h-41.7c-0.28 23.5-1.47 46.1-3.5 66.8z"/><path d="m343 183c-5.5-24.9-21.6-46.3-43.8-58.7 1.79 18.3 2.93 38.1 3.36 58.7z"/><path d="m0 18.9v364h295l73.4 110 72.3-110h71.2v-364zm285 298c-76.6 19.3-152-39.6-149-120 2.07-54.4 40.5-98.3 90-111 45.6-11.5 92.8 4.74 122 40 54.8 66.7 22.3 169-63.1 191z"/></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>
--- a/_includes/toc.html
+++ b/_includes/toc.html
@ -0,0 +1,112 @@
+{% 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 %}
+    {% 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 %}
+
+    {% capture listModifier %}{% if orderedList %}1.{% else %}-{% 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 %}
+
+        {% if headerLevel < minHeader or headerLevel > 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 _classWorkspace = _workspace[0] | split: 'class="' %}
+        {% assign _classWorkspace = _classWorkspace[1] | split: '"' %}
+        {% assign html_class = _classWorkspace[0] %}
+
+        {% if html_class contains "no_toc" %}
+            {% continue %}
+        {% 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 %}
+        {% endif %}
+
+        {% capture anchor_body %}{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}{% endcapture %}
+        {% capture anchor_body %}{{ anchor_body | replace: "|", "\|" }}{% endcapture %}
+
+        {% if html_id %}
+            {% capture list_item %}[{{ anchor_body }}]({% if include.baseurl %}{{ include.baseurl }}{% endif %}#{{ html_id }}){% endcapture %}
+        {% else %}
+            {% capture list_item %}{{ anchor_body }}{% endcapture %}
+        {% endif %}
+
+        {% capture my_toc %}{{ my_toc }}
+{{ space }}{{ listModifier }} {{ listItemClass }} {{ list_item }}{% if include.anchor_class %}{:.{{ include.anchor_class }}}{% endif %}{% endcapture %}
+    {% endfor %}
+
+    {% if include.class and include.class != blank %}
+        {% capture my_toc %}{:.{{ include.class }}}
+{{ my_toc | lstrip }}{% endcapture %}
+    {% endif %}
+
+    {% if include.id %}
+        {% capture my_toc %}{: #{{ include.id }}}
+{{ my_toc | lstrip }}{% endcapture %}
+    {% endif %}
+{% endcapture %}{% assign tocWorkspace = '' %}{{ my_toc | markdownify | strip }}
--- a/_layouts/page.html
+++ b/_layouts/page.html
@ -0,0 +1,32 @@
+---
+layout: wrapper
+permalink: "/:title"
+---
+<div class="row page-header">
+	<div class="one column">
+		<h1>{{ page.title }}</h1>
+		<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 %}
+	</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 %}
+		</article>
+	</div>
+</div>
--- a/_layouts/post.html
+++ b/_layouts/post.html
@ -0,0 +1,137 @@
+---
+layout: wrapper
+permalink: "/:title"
+---
+<div class="row page-header">
+	<div class="one column">
+		<h1>{{ page.title }}</h1>
+	</div>
+	<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>
+	</div>
+</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 />
--- a/_layouts/wrapper.html
+++ b/_layouts/wrapper.html
@ -0,0 +1,51 @@
+<!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>
+
+{% seo %}
+
+<title>{{ page.title }} | XPLOSIONMIND</title>
+<link href="/fonts/inter/inter.css" type="text/css" rel="stylesheet" />
+<link rel="stylesheet" href="//brick.freetls.fastly.net/Merriweather:400,400i,700,700i" />
+<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.code == 'true' %}
+<link rel="styleseheet" type="text/css" href="/fonts/Ubuntu-Mono/ububtu-mono.css" />
+<link rel="stylesheet" type="text/css" href="/highlight.css" />
+{% endif %}
+{% if page.style == 'true' %}<style>body { --primary: {{ page.primary }} !important	}</style>{% endif %}
+
+</head><body>
+
+<svg class="button theme-toggle-button" title="Toggle theme" onclick="darktoggle()" version="1.1" viewBox="0 0 640.2 640.2" xmlns="http://www.w3.org/2000/svg">
+ 	<rect width="640.2" height="640.2" style="fill:none"/>
+   	<g transform="matrix(.8 0 0 .8 76 76)" style="fill:var(--primary)">
+   		<g style="fill:var(--primary)">
+       		<path d="m220.9 515.2h127.4c10.55 0 19.08-8.534 19.08-19.08s-8.535-19.08-19.08-19.08h-127.4c-10.54 0-19.08 8.534-19.08 19.08s8.532 19.08 19.08 19.08z"/>
+       		<path d="m220.9 569.2h127.4c10.55 0 19.08-8.534 19.08-19.08s-8.535-19.08-19.08-19.08h-127.4c-10.54 0-19.08 8.534-19.08 19.08s8.532 19.08 19.08 19.08z"/>
+       		<path d="m284.6 0c-105.4 0-190.8 85.41-190.8 190.8 0 66.96 34.9 125.2 87.14 159.3 4.489 2.922 8.256 9.434 8.256 14.79v54.92c0 21.09 17.07 38.16 38.16 38.16h114.5c21.05 0 38.16-17.07 38.16-38.16v-54.92c0-5.358 3.77-11.87 8.262-14.79 52.24-33.99 87.14-92.29 87.14-159.3 2e-3 -105.4-85.41-190.8-190.8-190.8z"/>
+       	</g>
+   	</g>
+</svg>
+<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://xplosionmind.goatcounter.com/count" src="//gc.zgo.at/count.js"></script>
+</body></html>
--- a/fonts/Ubuntu-Mono/Ubuntu-Mono-Bold-Italic.woff
+++ b/fonts/Ubuntu-Mono/Ubuntu-Mono-Bold-Italic.woff
--- a/fonts/Ubuntu-Mono/Ubuntu-Mono-Bold-Italic.woff2
+++ b/fonts/Ubuntu-Mono/Ubuntu-Mono-Bold-Italic.woff2
--- a/fonts/Ubuntu-Mono/Ubuntu-Mono-Bold.woff
+++ b/fonts/Ubuntu-Mono/Ubuntu-Mono-Bold.woff
--- a/fonts/Ubuntu-Mono/Ubuntu-Mono-Bold.woff2
+++ b/fonts/Ubuntu-Mono/Ubuntu-Mono-Bold.woff2
--- a/fonts/Ubuntu-Mono/Ubuntu-Mono-Regular-Italic.woff
+++ b/fonts/Ubuntu-Mono/Ubuntu-Mono-Regular-Italic.woff
--- a/fonts/Ubuntu-Mono/Ubuntu-Mono-Regular-Italic.woff2
+++ b/fonts/Ubuntu-Mono/Ubuntu-Mono-Regular-Italic.woff2
--- a/fonts/Ubuntu-Mono/Ubuntu-Mono-Regular.woff
+++ b/fonts/Ubuntu-Mono/Ubuntu-Mono-Regular.woff
--- a/fonts/Ubuntu-Mono/Ubuntu-Mono-Regular.woff2
+++ b/fonts/Ubuntu-Mono/Ubuntu-Mono-Regular.woff2
--- a/fonts/Ubuntu-Mono/ubuntu-mono.css
+++ b/fonts/Ubuntu-Mono/ubuntu-mono.css
@ -0,0 +1,33 @@
+@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");
+}
--- a/fonts/inter/Inter-Black.woff
+++ b/fonts/inter/Inter-Black.woff
--- a/fonts/inter/Inter-Black.woff2
+++ b/fonts/inter/Inter-Black.woff2
--- a/fonts/inter/Inter-BlackItalic.woff
+++ b/fonts/inter/Inter-BlackItalic.woff
--- a/fonts/inter/Inter-BlackItalic.woff2
+++ b/fonts/inter/Inter-BlackItalic.woff2
--- a/fonts/inter/Inter-Bold.woff
+++ b/fonts/inter/Inter-Bold.woff
--- a/fonts/inter/Inter-Bold.woff2
+++ b/fonts/inter/Inter-Bold.woff2
--- a/fonts/inter/Inter-BoldItalic.woff
+++ b/fonts/inter/Inter-BoldItalic.woff
--- a/fonts/inter/Inter-BoldItalic.woff2
+++ b/fonts/inter/Inter-BoldItalic.woff2
--- a/fonts/inter/Inter-ExtraBold.woff
+++ b/fonts/inter/Inter-ExtraBold.woff
--- a/fonts/inter/Inter-ExtraBold.woff2
+++ b/fonts/inter/Inter-ExtraBold.woff2
--- a/fonts/inter/Inter-ExtraBoldItalic.woff
+++ b/fonts/inter/Inter-ExtraBoldItalic.woff
--- a/fonts/inter/Inter-ExtraBoldItalic.woff2
+++ b/fonts/inter/Inter-ExtraBoldItalic.woff2
--- a/fonts/inter/Inter-ExtraLight.woff
+++ b/fonts/inter/Inter-ExtraLight.woff
--- a/fonts/inter/Inter-ExtraLight.woff2
+++ b/fonts/inter/Inter-ExtraLight.woff2
--- a/fonts/inter/Inter-ExtraLightItalic.woff
+++ b/fonts/inter/Inter-ExtraLightItalic.woff
--- a/fonts/inter/Inter-ExtraLightItalic.woff2
+++ b/fonts/inter/Inter-ExtraLightItalic.woff2
--- a/fonts/inter/Inter-Italic.woff
+++ b/fonts/inter/Inter-Italic.woff
--- a/fonts/inter/Inter-Italic.woff2
+++ b/fonts/inter/Inter-Italic.woff2
--- a/fonts/inter/Inter-Light.woff
+++ b/fonts/inter/Inter-Light.woff
--- a/fonts/inter/Inter-Light.woff2
+++ b/fonts/inter/Inter-Light.woff2
--- a/fonts/inter/Inter-LightItalic.woff
+++ b/fonts/inter/Inter-LightItalic.woff
--- a/fonts/inter/Inter-LightItalic.woff2
+++ b/fonts/inter/Inter-LightItalic.woff2
--- a/fonts/inter/Inter-Medium.woff
+++ b/fonts/inter/Inter-Medium.woff
--- a/fonts/inter/Inter-Medium.woff2
+++ b/fonts/inter/Inter-Medium.woff2
--- a/fonts/inter/Inter-MediumItalic.woff
+++ b/fonts/inter/Inter-MediumItalic.woff
--- a/fonts/inter/Inter-MediumItalic.woff2
+++ b/fonts/inter/Inter-MediumItalic.woff2
--- a/fonts/inter/Inter-Regular.woff
+++ b/fonts/inter/Inter-Regular.woff
--- a/fonts/inter/Inter-Regular.woff2
+++ b/fonts/inter/Inter-Regular.woff2
--- a/fonts/inter/Inter-SemiBold.woff
+++ b/fonts/inter/Inter-SemiBold.woff
--- a/fonts/inter/Inter-SemiBold.woff2
+++ b/fonts/inter/Inter-SemiBold.woff2
--- a/fonts/inter/Inter-SemiBoldItalic.woff
+++ b/fonts/inter/Inter-SemiBoldItalic.woff
--- a/fonts/inter/Inter-SemiBoldItalic.woff2
+++ b/fonts/inter/Inter-SemiBoldItalic.woff2
--- a/fonts/inter/Inter-Thin.woff
+++ b/fonts/inter/Inter-Thin.woff
--- a/fonts/inter/Inter-Thin.woff2
+++ b/fonts/inter/Inter-Thin.woff2
--- a/fonts/inter/Inter-ThinItalic.woff
+++ b/fonts/inter/Inter-ThinItalic.woff
--- a/fonts/inter/Inter-ThinItalic.woff2
+++ b/fonts/inter/Inter-ThinItalic.woff2
--- a/fonts/inter/Inter-italic.var.woff2
+++ b/fonts/inter/Inter-italic.var.woff2
--- a/fonts/inter/Inter-roman.var.woff2
+++ b/fonts/inter/Inter-roman.var.woff2
--- a/fonts/inter/Inter.var.woff2
+++ b/fonts/inter/Inter.var.woff2
--- a/fonts/inter/inter.css
+++ b/fonts/inter/inter.css
@ -0,0 +1,200 @@
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url("Inter-Thin.woff2?v=3.14") format("woff2"),
+       url("Inter-Thin.woff?v=3.14") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url("Inter-ThinItalic.woff2?v=3.14") format("woff2"),
+       url("Inter-ThinItalic.woff?v=3.14") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url("Inter-ExtraLight.woff2?v=3.14") format("woff2"),
+       url("Inter-ExtraLight.woff?v=3.14") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url("Inter-ExtraLightItalic.woff2?v=3.14") format("woff2"),
+       url("Inter-ExtraLightItalic.woff?v=3.14") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url("Inter-Light.woff2?v=3.14") format("woff2"),
+       url("Inter-Light.woff?v=3.14") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url("Inter-LightItalic.woff2?v=3.14") format("woff2"),
+       url("Inter-LightItalic.woff?v=3.14") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("Inter-Regular.woff2?v=3.14") format("woff2"),
+       url("Inter-Regular.woff?v=3.14") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url("Inter-Italic.woff2?v=3.14") format("woff2"),
+       url("Inter-Italic.woff?v=3.14") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url("Inter-Medium.woff2?v=3.14") format("woff2"),
+       url("Inter-Medium.woff?v=3.14") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url("Inter-MediumItalic.woff2?v=3.14") format("woff2"),
+       url("Inter-MediumItalic.woff?v=3.14") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("Inter-SemiBold.woff2?v=3.14") format("woff2"),
+       url("Inter-SemiBold.woff?v=3.14") format("woff");
+}
+@font-face {