website template clean start
This commit is contained in:
commit
980231ca4e
|
|
@ -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
|
||||
|
|
@ -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>
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
[](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)
|
||||
|
|
@ -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.
|
||||
|
|
@ -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"
|
||||
|
|
@ -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 }}
|
||||
|
|
@ -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 %}
|
||||
|
|
@ -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>
|
||||
|
|
@ -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 }}
|
||||
|
|
@ -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>
|
||||
|
|
@ -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&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 />
|
||||
|
|
@ -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>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -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");
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -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 {
|
||||
font-family: 'Inter';
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url("Inter-SemiBoldItalic.woff2?v=3.14") format("woff2"),
|
||||
url("Inter-SemiBoldItalic.woff?v=3.14") format("woff");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url("Inter-Bold.woff2?v=3.14") format("woff2"),
|
||||
url("Inter-Bold.woff?v=3.14") format("woff");
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Inter';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url("Inter-BoldItalic.woff2?v=3.14") format("woff2"),
|
||||
url("Inter-BoldItalic.woff?v=3.14") format("woff");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url("Inter-ExtraBold.woff2?v=3.14") format("woff2"),
|
||||
url("Inter-ExtraBold.woff?v=3.14") format("woff");
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Inter';
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: url("Inter-ExtraBoldItalic.woff2?v=3.14") format("woff2"),
|
||||
url("Inter-ExtraBoldItalic.woff?v=3.14") format("woff");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url("Inter-Black.woff2?v=3.14") format("woff2"),
|
||||
url("Inter-Black.woff?v=3.14") format("woff");
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Inter';
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url("Inter-BlackItalic.woff2?v=3.14") format("woff2"),
|
||||
url("Inter-BlackItalic.woff?v=3.14") format("woff");
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------
|
||||
Variable font.
|
||||
Usage:
|
||||
|
||||
html { font-family: 'Inter', sans-serif; }
|
||||
@supports (font-variation-settings: normal) {
|
||||
html { font-family: 'Inter var', sans-serif; }
|
||||
}
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Inter var';
|
||||
font-weight: 100 900;
|
||||
font-display: swap;
|
||||
font-style: normal;
|
||||
font-named-instance: 'Regular';
|
||||
src: url("Inter-roman.var.woff2?v=3.14") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Inter var';
|
||||
font-weight: 100 900;
|
||||
font-display: swap;
|
||||
font-style: italic;
|
||||
font-named-instance: 'Italic';
|
||||
src: url("Inter-italic.var.woff2?v=3.14") format("woff2");
|
||||
}
|
||||
|
||||
|
||||
/* --------------------------------------------------------------------------
|
||||
[EXPERIMENTAL] Multi-axis, single variable font.
|
||||
|
||||
Slant axis is not yet widely supported (as of February 2019) and thus this
|
||||
multi-axis single variable font is opt-in rather than the default.
|
||||
|
||||
When using this, you will probably need to set font-variation-settings
|
||||
explicitly, e.g.
|
||||
|
||||
* { font-variation-settings: "slnt" 0deg }
|
||||
.italic { font-variation-settings: "slnt" 10deg }
|
||||
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Inter var experimental';
|
||||
font-weight: 100 900;
|
||||
font-display: swap;
|
||||
font-style: oblique 0deg 10deg;
|
||||
src: url("Inter.var.woff2?v=3.14") format("woff2");
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.3 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg width="32" height="32" version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><rect x="5.505" y="14" width="21" height="4" style="fill:none;stroke-width:2;stroke:#fff"/><rect x="14" y="5.5" width="4" height="21" style="fill:none;stroke-width:2;stroke:#fff"/><path d="m16 6v20" style="fill:none;stroke-width:3;stroke:#3185fc"/><path d="m26 16h-20" style="fill:none;stroke-width:3;stroke:#3185fc"/></svg>
|
||||
|
After Width: | Height: | Size: 422 B |
|
|
@ -0,0 +1 @@
|
|||
<svg width="32" height="32" version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><rect x="5.505" y="14" width="21" height="4" style="fill:none;stroke-width:2;stroke:#000"/><rect x="14" y="5.5" width="4" height="21" style="fill:none;stroke-width:2;stroke:#000"/><path d="m16 6v20" style="fill:none;stroke-width:3;stroke:#fcc920"/><path d="m26 16h-20" style="fill:none;stroke-width:3;stroke:#fcc920"/></svg>
|
||||
|
After Width: | Height: | Size: 422 B |
|
|
@ -0,0 +1 @@
|
|||
<svg width="512" height="512" version="1.1" viewBox="0 0 135 135" xmlns="http://www.w3.org/2000/svg"><rect width="135" height="135" style="fill:#fcc920;stroke-width:.265"/><rect x="18" y="18" width="99.4" height="99.4" style="stroke-width:.194"/><rect x="39.3" y="39.3" width="56.9" height="56.9" style="fill:#fcc920;stroke-width:.111"/></svg>
|
||||
|
After Width: | Height: | Size: 344 B |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" enable-background="new 0 0 24 24" version="1.1" viewBox="0 0 24 24"><defs><clipPath id="a"><path d="m23 23c0-12-9.5-21-21-21v5.6c9.5 0 16 6.1 16 16zm-13 0 5.5 1e-6c0-7.8-6.3-14-14-14v5.4c5.6 8.8e-4 8.7 3.2 8.7 8.8zm-2.1-3.3a3.3 3.3 0 0 1-3.3 3.3 3.3 3.3 0 0 1-3.3-3.3 3.3 3.3 0 0 1 3.3-3.3 3.3 3.3 0 0 1 3.3 3.3" style="display:none;fill:#0e0e0e;stroke-width:.88"/><path d="m-5-5h34v34h-34zm28 28c0-12-9.5-21-21-21v5.6c9.5 0 16 6.1 16 16zm-13 0 5.5 1e-6c0-7.8-6.3-14-14-14v5.4c5.6 8.8e-4 8.7 3.2 8.7 8.8zm-2.1-3.3a3.3 3.3 0 0 0-3.3-3.3 3.3 3.3 0 0 0-3.3 3.3 3.3 3.3 0 0 0 3.3 3.3 3.3 3.3 0 0 0 3.3-3.3" class="powerclip" style="fill:#0e0e0e;stroke-width:.88"/></clipPath></defs><g fill="#ff9800"><path width="24" height="24.036" x="0" y="-.036" d="m0-0.036h24v24h-24z" clip-path="url(#a)" style="fill:#fcc92e;stroke-width:.047"/></g></svg>
|
||||
|
After Width: | Height: | Size: 904 B |
|
|
@ -0,0 +1,117 @@
|
|||
---
|
||||
title: home
|
||||
permalink: /home
|
||||
lang: en
|
||||
ref: home
|
||||
---
|
||||
<div class="row">
|
||||
<div class="one column">
|
||||
<div class="page-header">
|
||||
<h1>WARNING</h1>
|
||||
<p class="page-description">
|
||||
It’s so funny to make it look like you just landed on a spam page. Don’t worry, it’s not (entirely). Here there’s a great collection of feelings, thoughts, notes, images and various stuff by Tommi Boom. Basically, this is the web representation of his messy mind.
|
||||
<br />
|
||||
Beware: don’t get too involved with the stuff around here or you may get as crazy and confused as him, which is definitely not recommended (that’s the reason of the initial warning).
|
||||
<br />
|
||||
Have fun!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="section-title">about this weirdo</h2>
|
||||
|
||||
<div class="row" id="about">
|
||||
<div class="half column">
|
||||
<img src="/images/tencoascolta.jpg" alt="a photo of me conducting a live show" title="Tommi on stage conducting a live show">
|
||||
</div>
|
||||
<div class="half column">
|
||||
<article style="padding: var(--height) 10%">
|
||||
<p>
|
||||
Hi, I’m Tommi.
|
||||
<br />
|
||||
<br />
|
||||
I’m an enthusiast. 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).
|
||||
<br />
|
||||
The purpose of my whole exsistence is meeting all the people in the world. 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" target="_blank">Leibnitz</a> said, that <q>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. Nevertheless, you may check out my <a href="https://xplosionmind.wixsite.com/xplosionmind" rel="noopener" target="_blank">old website</a>, which is going to stay online for a little while.
|
||||
<br />
|
||||
There’s nothing much left to say. Things that wander around in my head are written on my <a href="/blog" target="_blank">blog</a>.
|
||||
<br />
|
||||
Some useful data:
|
||||
<ul>
|
||||
<li>my <a href="https://www.linkedin.com/in/tommasomarmo/" rel="noopener" target="_blank">Linkedin profile</a></li>
|
||||
<li>my <a href="https://europa.eu/!xG43Xd" rel="noopener noreferrer" target="_blank">Curriculum Vitae</a></li>
|
||||
<li>my email address is tommiboom [at] protonmail [dot] com. If possible, please use my <a href="/assets/tommiboom@protonmail.com (D21FB50F) – Public PGP KEY.asc" target="_blank">PGP key</a> (it’s not necessary if you use a <a href="https://protonmail.com" rel="noopener" target="_blank">ProtonMail</a> address)</li>
|
||||
<li>my username is xplosionmind everywhere. If you can’t find it, I’m not there. Links to my social media profiles are at the end of this page.</li>
|
||||
</ul>
|
||||
<br />
|
||||
I tweet a lot. <a href="https://twitter.com/xplosionmind" rel="noopener" target="_blank">Too much</a>.
|
||||
</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% for post in site.posts %}
|
||||
{% if forloop.first == true %}
|
||||
<a href="{{ post.url }}"><h2 class="section-title">Latest post</h2></a>
|
||||
<div class="row" style="overflow: hidden;">
|
||||
<div class="half column">
|
||||
<div class="stuff-image">
|
||||
<img src="{{ post.img }}" alt="{{ post.title }}" title="{{ post.title }}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="half column stuff">
|
||||
<a href="{{ post.url }}" style="color: var(--dark-font)"><h2 style="margin-top: var(--big)">{{ post.title }}</h2></a>
|
||||
<p>{{ post.excerpt }}</p>
|
||||
<div class="link-container">
|
||||
<a href="{{ post.url }}"><div class="link" style="color: var(--background); background: var(--primary)">read</div></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<a href="/jar"><h2 class="section-title" style="color: white; background: var(--razzmatazz)">The Jar</h2></a>
|
||||
<div class="row">
|
||||
<div class="one column">
|
||||
<div class="page-description">
|
||||
<p>There’s stuff I find out I wish I knew before, or stuff I just can’t keep from sharing but it’s not enough to make an article, or resources so great and useful that the whole world should know and use, or cool oddities I note and it’s nice to have them always ready at hand.</p>
|
||||
<p>I take this things, I throw them into <a href="/jar"><em>The Jar</em></a>.</p>
|
||||
<p>I hope it can be useful to you.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <h2 class="section-title">visioni</h2>
|
||||
<div class="gallery">
|
||||
{% assign visioni = site.static_files | where: "image", true %}
|
||||
{% for pic in visioni %}
|
||||
<span class="gallery-image" style="order: {{ forloop.index }}">
|
||||
<img src="{{ pic.path }}" />
|
||||
</span>
|
||||
{% endfor %}
|
||||
</div> -->
|
||||
|
||||
<a href="/stuff"><h2 class="section-title">Featured stuff</h2></a>
|
||||
|
||||
{% assign stuff = site.stuff | where: "lang", page.lang | where: "featured", true %}
|
||||
{% for thing in stuff %}
|
||||
<div class="row" style="color: {{ thing.color }}; background-color: {{ thing.background-color }}; overflow: hidden;" id="{{ thing.title | slugify }}">
|
||||
<div class="half column">
|
||||
<div class="stuff-image">
|
||||
<img src="{{ thing.src }}" alt="{{ thing.alt }}" title="{{ thing.title }}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="half column stuff">
|
||||
<div class="stuff-logo">
|
||||
<img src="/logos/{{ thing.logo }}" alt="{{ thing.title }} logo" title="{{ thing.title }}" />
|
||||
</div>
|
||||
<p>{{ thing.content }}</p>
|
||||
<div class="link-container">
|
||||
<a href="{{ thing.link }}" rel="noopener" target="_blank"><div class="link" style="color: {{ thing.background-color }}; background-color: {{ thing.color }};">{{ thing.button }}</div></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
<br />
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
---
|
||||
sitemap: false
|
||||
layout: none
|
||||
permalink: /
|
||||
---
|
||||
|
||||
<!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 prefetch" />
|
||||
<link href="/fonts/inter/inter.css" type="text/css" rel="prefetch stylesheet" />
|
||||
<link rel="icon" href="/logos/favicon.svg" sizes="32x32" />
|
||||
<link rel="icon" href="/logos/favicon.svg" sizes="192x192" />
|
||||
<link rel="prefetch" href="//brick.freetls.fastly.net/Merriweather:400,400i,700,700i" />
|
||||
<link rel="prefetch" href="/logos/cc.svg" />
|
||||
<title>XPLOSIONMIND</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div id="landing">
|
||||
<h1>xplosionmind</h1>
|
||||
<a class="language" href="/tuffo" title="Homepage in italiano">italiano</a>
|
||||
<a class="language" href="/home" title="English homepage">English</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- goatcounter analytics -->
|
||||
<script async data-goatcounter="https://xplosionmind.goatcounter.com/count" src="//gc.zgo.at/count.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
---
|
||||
title: Privacy
|
||||
ref: privacy
|
||||
lang: it
|
||||
permalink: /it/privacy
|
||||
---
|
||||
<div class="row page-header">
|
||||
<div class="one column">
|
||||
<div class="page-title">
|
||||
<h1>Privacy</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="one column" style="margin-bottom: var(--margin)">
|
||||
<article>
|
||||
<p>Mi dispiace, non sono un avvocato e non ne so molto di queste cose, però come utente sono molto attento al rispetto della privacy online e per questo credo sia importante inserire sul sito anche una Privacy Policy.</p>
|
||||
<p>In realtà non c’è nulla di cui preoccuparsi. Non registro alcun dato sugli utenti che navigano sul sito. L’unico registro che tengo è quello del numero degli utenti che visitano il sito con <a href="https://goatcounter.com" rel="noopener noreferrer" target="_blank">Goatcounter</a>. Nessun link può tracciarti e, a meno che tu non ti metta in contatto con me, non sarò mai in grado di determinare se hai visitato il mio sito o meno.</p>
|
||||
<p>Le statistiche e i dati sui visitatori del sito sono pubblici e consultabili liberamente <a href="https://xplosionmind.goatcounter.com" rel="noopener noreferrer" target="_blank">qui</a>.</p>
|
||||
<p> Riguardo il mettersi in contatto: l’unico modo attraverso cui io posso ricevere tue informazioni è se decidi di iscriverti alla newsletter. In quel caso, possiederò unicamente il tuo indirizzo email e lo utilizzerò al solo fine di aggiornarti sui nuovi contenuti di questo sito. Non condividerò con lo nessuno eccetto il caso in cui ci fosse una richiesta da parte di autorità giudiziarie. Qualora me lo chiedessi, lo eliminerò prontamente dal mio database, in maniera definitiva.</p>
|
||||
<p>Fine.</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
---
|
||||
title: "Zibaldone"
|
||||
permalink: /zibenglish
|
||||
lang: en
|
||||
ref: blog
|
||||
---
|
||||
<div class="page-header">
|
||||
<div class="one column">
|
||||
<h1>Zibaldone</h1>
|
||||
<p class="page-description"><em>Zibaldone di Pensieri</em> is a great collection of notes by the great italian author Giacomo Leopardi. These writings don’t have even a tiny bit of profoundness, power and wit of the original collection. Just a touch of glee, craziness of my everyday life.</p>
|
||||
<p>Translating the definition by Treccani encyclopedia, <a href="http://treccani.it/vocabolario/zibaldone/" rel="noopener" target="_blank">żibaldóne</a>: […] <cite>Notebook where unordered news, notes, thoughts, quotes, schemes, sketches are noted</cite>.
|
||||
<p style="margin-bottom: var(--margin);">Exactly that.</p>
|
||||
</div>
|
||||
<div class="row labels">
|
||||
<a href="/blog/en" class="language">english</a>
|
||||
<a href="/blog/it" class="language">italiano</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="one column labels">
|
||||
<div class="topics-indicator column">Tags</div>
|
||||
<div class="categories column">
|
||||
<a href="/poetry" style="color: #301A4B;"><div class="category" style="background-color: #FDDDE6;">Pasticci</div></a>
|
||||
<a href="/filosofia" style="color: black;"><div class="category" style="background-color: var(--green);">Philosophy</div></a>
|
||||
{% for category in site.categories %}
|
||||
<a href="{{ category.url }}" style="color: {{ category.color }};"><div class="category" style="background-color: {{ category.background-color }};">{{ category.title }}</div></a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% for post in site.posts %}
|
||||
<a href="{{ post.url }}">
|
||||
<div class="row">
|
||||
<div class="one column preview">
|
||||
<div class="four-fifths column">
|
||||
<h2 class="post-title">{{ post.title }}</h2>
|
||||
</div>
|
||||
<div class="one-fifth column date">
|
||||
{{ post.date | date: "%d %B %Y" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% assign post-color = site.categories.title[post.categories] %}
|
||||
<div class="line" style="background: {{ post-color.background-color }}"></div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
|
@ -0,0 +1,880 @@
|
|||
:root {
|
||||
--black-ish: #111;
|
||||
--white-ish: #E0E0E0;
|
||||
--dark-grey: #222;
|
||||
--light-grey: #BBB;
|
||||
--yellow: #FCC920;
|
||||
--blue: #3185FC;
|
||||
--red: #D00;
|
||||
--green: #20CE88;
|
||||
--razzmatazz: #EC0868;
|
||||
|
||||
--tiny: 0.2rem;
|
||||
--tinyem: 0.2em;
|
||||
--small: 0.5rem;
|
||||
--smallem: 0.5em;
|
||||
--lessthan-regular: 0.9rem;
|
||||
--regular: 1.1rem;
|
||||
--regular-em: 1.1em;
|
||||
--morethan-regular: 1.3rem;
|
||||
--morethan-regular-em: 1.3em;
|
||||
--big: 1.6rem;
|
||||
--big-em: 1.6em;
|
||||
--bigger: 1.8rem;
|
||||
--bigger-em: 1.8em;
|
||||
--twice: 2.2rem;
|
||||
--height: 3.1rem;
|
||||
--mastodon: 4.4rem;
|
||||
--margin: 6.5rem;
|
||||
--trans: .5s;
|
||||
--quicktrans: .1s;
|
||||
}
|
||||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
cursor: url(/logos/cursor.svg) 16 16, crosshair
|
||||
}
|
||||
|
||||
/* DARK THEME */
|
||||
body {
|
||||
--background: var(--black-ish);
|
||||
--background2: var(--dark-grey);
|
||||
--text: var(--white-ish);
|
||||
--link: var(--primary);
|
||||
--primary: var(--yellow);
|
||||
--secondary: var(--blue);
|
||||
--grey: var(--dark-grey);
|
||||
--other-grey: var(--light-grey);
|
||||
|
||||
transition: var(--trans)
|
||||
}
|
||||
|
||||
/* LIGHT THEME */
|
||||
.light {
|
||||
--background: white;
|
||||
--background2: var(--white-ish);
|
||||
--text: var(--black-ish);
|
||||
--link: var(--secondary);
|
||||
--primary: var(--blue);
|
||||
--secondary: var(--razzmatazz);
|
||||
--grey: var(--light-grey);
|
||||
--other-grey: var(--dark-grey);
|
||||
|
||||
transition: var(--trans)
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--background);
|
||||
font: var(--regular) Inter, Helvetica, "Helvetica Neue", sans-serif;
|
||||
color: var(--text);
|
||||
margin: 0;
|
||||
overflow-wrap: break-word;
|
||||
hyphens: auto
|
||||
}
|
||||
|
||||
*, *:before, *:after {
|
||||
box-sizing: inherit
|
||||
}
|
||||
.row::before,
|
||||
.row::after {
|
||||
display: table;
|
||||
content: " ";
|
||||
clear: both
|
||||
}
|
||||
.one,
|
||||
.one-third,
|
||||
.two-thirds,
|
||||
.one-fourth,
|
||||
.half,
|
||||
.two-fifths,
|
||||
.four-fifths,
|
||||
.one-fifth {
|
||||
width: 100%
|
||||
}
|
||||
mark {
|
||||
background: var(--primary);
|
||||
color: var(--background);
|
||||
font-weight: 500
|
||||
}
|
||||
::selection {
|
||||
color: var(--background);
|
||||
background: var(--primary);
|
||||
}
|
||||
.top {
|
||||
position: fixed;
|
||||
bottom: 17rem;
|
||||
right: 0;
|
||||
z-index: 3
|
||||
}
|
||||
.theme-toggle-button {
|
||||
position: fixed;
|
||||
bottom: 12rem;
|
||||
right: 0;
|
||||
z-index: 3
|
||||
}
|
||||
li {
|
||||
line-height: var(--morethan-regular-em)
|
||||
}
|
||||
ul li {
|
||||
list-style: square;
|
||||
}
|
||||
ol li, ul li {
|
||||
margin-bottom: var(--lessthan-regular)
|
||||
}
|
||||
ul li li {
|
||||
list-style-type: "▫ ";
|
||||
}
|
||||
ul li li, ol li li {
|
||||
margin-bottom: 0
|
||||
}
|
||||
ul li li li {
|
||||
list-style-type: "- "
|
||||
}
|
||||
.task-list-item {
|
||||
list-style: none
|
||||
}
|
||||
.task-list-item-checkbox {
|
||||
position: relative;
|
||||
right: var(--lessthan-regular);
|
||||
width: var(--regular);
|
||||
height: var(--regular)
|
||||
}
|
||||
.embed-container {
|
||||
--video--width: 1920;
|
||||
--video--height: 1080;
|
||||
|
||||
position: relative;
|
||||
padding-bottom: calc(var(--video--height) / var(--video--width) * 100%);
|
||||
overflow: hidden;
|
||||
max-width: 100%;
|
||||
background: transparent;
|
||||
}
|
||||
.embed-container iframe,
|
||||
.embed-container object,
|
||||
.embed-container embed {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.poetry, .post {
|
||||
font: 400 var(--morethan-regular) "Merriweather", "Latin Modern Roman", Georgia, serif;
|
||||
letter-spacing: 0.03rem;
|
||||
}
|
||||
.poetry p, .post p {
|
||||
line-height: var(--bigger-em)
|
||||
}
|
||||
strong, b {
|
||||
font-weight: 700
|
||||
}
|
||||
.post p:first-of-type::first-letter {
|
||||
line-height: var(--morethan-regular);
|
||||
font-size: 5em;
|
||||
initial-letter: 3;
|
||||
-webkit-initial-letter: 3
|
||||
}
|
||||
.line {
|
||||
height: var(--tiny);
|
||||
background: var(--primary);
|
||||
width: 20%;
|
||||
margin: 0 auto
|
||||
}
|
||||
.date {
|
||||
text-align: center
|
||||
}
|
||||
.warning {
|
||||
background: var(--primary);
|
||||
color: var(--background);
|
||||
padding: var(--regular);
|
||||
margin: var(--twice) 0
|
||||
}
|
||||
.green {
|
||||
background: var(--green);
|
||||
color: black
|
||||
}
|
||||
.red {
|
||||
background: var(--red)
|
||||
}
|
||||
.blue {
|
||||
background: var(--blue);
|
||||
}
|
||||
.yellow {
|
||||
background: var(--yellow);
|
||||
color: black
|
||||
}
|
||||
.razzmatazz {
|
||||
background: var(--razzmatazz)
|
||||
}
|
||||
.page-header h1 {
|
||||
font-size: var(--mastodon)
|
||||
}
|
||||
.page-header {
|
||||
margin-top: 6rem;
|
||||
text-align: center;
|
||||
margin-bottom: var(--mastodon)
|
||||
}
|
||||
.page-header p {
|
||||
margin: 0 auto;
|
||||
width: 80%
|
||||
}
|
||||
.toc {
|
||||
margin: 0 10% var(--regular)
|
||||
}
|
||||
.toc ul li {
|
||||
margin-bottom: var(--small)
|
||||
}
|
||||
.categories {
|
||||
overflow-x: scroll;
|
||||
overflow-y: hidden;
|
||||
white-space: nowrap;
|
||||
border: var(--tiny) solid var(--text);
|
||||
padding: var(--tiny);
|
||||
scroll-behavior: smooth;
|
||||
height: var(--height);
|
||||
width: calc(100% - 5.8rem)
|
||||
}
|
||||
.categories::-webkit-scrollbar {
|
||||
display: none
|
||||
}
|
||||
.topics-indicator {
|
||||
font-size: var(--big);
|
||||
line-height: var(--height);
|
||||
text-transform: uppercase;
|
||||
background: var(--text);
|
||||
color: var(--background);
|
||||
height: var(--height);
|
||||
font-weight: 700;
|
||||
width: 5.8rem
|
||||
}
|
||||
.category, .language, .link, .gallery {
|
||||
display: inline-block;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
font-size: var(--big);
|
||||
height: 2.3rem; /* height - 4*tiny */
|
||||
line-height: 2.3rem;
|
||||
transition: var(--quicktrans);
|
||||
margin: 0;
|
||||
padding: 0 var(--small)
|
||||
}
|
||||
.category:hover, .language:hover, .link:hover,
|
||||
.category:focus, .language:focus, .link:focus {
|
||||
transform: scale(1.1)
|
||||
}
|
||||
.language, .gallery {
|
||||
color: var(--text);
|
||||
border: var(--tiny) solid var(--text);
|
||||
margin-bottom: var(--regular);
|
||||
font-size: var(--bigger);
|
||||
height: var(--height);
|
||||
line-height: var(--bigger);
|
||||
padding-top: var(--small)
|
||||
}
|
||||
.link {
|
||||
height: var(--height);
|
||||
line-height: var(--height);
|
||||
padding-left: var(--lessthan-regular);
|
||||
padding-right: var(--lessthan-regular);
|
||||
margin-bottom: var(--regular)
|
||||
}
|
||||
.anchor, .anchor:visited {
|
||||
color: var(--text);
|
||||
height: var(--big);
|
||||
position: absolute;
|
||||
right: 101%; /* big + tiny*/
|
||||
transition: var(--trans);
|
||||
top: .75rem
|
||||
}
|
||||
.highlight {
|
||||
margin: 0 0 3.6rem
|
||||
}
|
||||
pre, code {
|
||||
font: 400 1.1em "Ubuntu Mono", "Roboto Mono", "Fira Code", mono;
|
||||
line-height: 1.2em;
|
||||
transition: var(--trans)
|
||||
}
|
||||
pre {
|
||||
overflow-x: scroll;
|
||||
border: dashed var(--tiny);
|
||||
margin: var(--bigger) 0;
|
||||
padding: var(--morethan-regular)
|
||||
}
|
||||
pre code {
|
||||
background: transparent
|
||||
}
|
||||
code {
|
||||
padding: 2px var(--small);
|
||||
background: var(--background2)
|
||||
}
|
||||
blockquote {
|
||||
margin: var(--morethan-regular) 0 var(--morethan-regular) var(--height);
|
||||
border-left: var(--tiny) dashed var(--secondary);
|
||||
padding-left: var(--lessthan-regular);
|
||||
}
|
||||
blockquote p {
|
||||
font-style: italic !important;
|
||||
color: var(--other-grey) !important
|
||||
}
|
||||
td,th,tr {
|
||||
border: solid .5px var(--light-grey)
|
||||
}
|
||||
th, td {
|
||||
padding: var(--small) var(--lessthan-regular)
|
||||
}
|
||||
table {
|
||||
overflow-x: scroll;
|
||||
width: 100%;
|
||||
border-collapse: collapse
|
||||
}
|
||||
|
||||
/* WHEN ELEMENT CENTERING IS NEEDED */
|
||||
.container {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
display: table;
|
||||
}
|
||||
#landing {
|
||||
text-align: center;
|
||||
display: table-cell; /* THE KEY TO VERTICAL ALIGNMENT */
|
||||
vertical-align: middle;
|
||||
background: var(--primary);
|
||||
}
|
||||
#landing h1 {
|
||||
color: var(--background);
|
||||
letter-spacing: .1rem;
|
||||
font-weight: 800;
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
bottom: var(--regular)
|
||||
}
|
||||
#landing .language {
|
||||
border-color: var(--background);
|
||||
color: var(--primary);
|
||||
background: var(--background);
|
||||
margin: var(--tiny) var(--lessthan-regular)
|
||||
}
|
||||
.menu {
|
||||
display: flex;
|
||||
}
|
||||
@media only screen and (min-width: 1000px) {
|
||||
.one {
|
||||
width: 70%;
|
||||
margin-left: 15%;
|
||||
}
|
||||
.half {
|
||||
width: 50%;
|
||||
}
|
||||
.one-third {
|
||||
width: calc(100% / 3);
|
||||
}
|
||||
.one-fourth {
|
||||
width: 25%;
|
||||
}
|
||||
.two-thirds {
|
||||
width: calc(100% / 3 * 2);
|
||||
}
|
||||
.one-fifth {
|
||||
width: 20%;
|
||||
}
|
||||
.two-fifths {
|
||||
width: 40%;
|
||||
}
|
||||
.four-fifths {
|
||||
width: 80%;
|
||||
text-align: left;
|
||||
}
|
||||
.three-fourths {
|
||||
width: 75%;
|
||||
}
|
||||
.column {
|
||||
float: left;
|
||||
}
|
||||
.date {
|
||||
text-align: right;
|
||||
}
|
||||
.line {
|
||||
margin: auto;
|
||||
width: 70%;
|
||||
}
|
||||
.nav-list {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
figure, .post>img {
|
||||
margin: 0;
|
||||
margin-bottom: var(--mastodon)
|
||||
}
|
||||
|
||||
figcaption {
|
||||
font: italic var(--regular) Merriweather, serif;
|
||||
text-align: center;
|
||||
line-height: var(--regular);
|
||||
margin-top: var(--lessthan-regular);
|
||||
color: var(--other-grey)
|
||||
}
|
||||
figcaption:before {
|
||||
content: "⇧ ";
|
||||
font-style: normal;
|
||||
font-weight: bold
|
||||
}
|
||||
.first {
|
||||
margin-top: 3.6rem /* --height + margin (--small) */
|
||||
}
|
||||
.right {
|
||||
text-align: right;
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
}
|
||||
p {
|
||||
line-height: var(--big-em);
|
||||
margin: var(--bigger-em) 0
|
||||
}
|
||||
article {
|
||||
font-size: var(--morethan-regular);
|
||||
padding: var(--twice) 10% var(--mastodon)
|
||||
}
|
||||
.preview, .jar-preview, .poetry-preview {
|
||||
color: var(--text);
|
||||
padding: var(--bigger) 0;
|
||||
transition: var(--trans)
|
||||
}
|
||||
.poetry-preview {
|
||||
text-align: center
|
||||
}
|
||||
.jar-preview:hover {
|
||||
background: var(--razzmatazz);
|
||||
transition: var(--trans);
|
||||
color: white
|
||||
}
|
||||
.jar-preview .line {
|
||||
background: var(--razzmatazz)
|
||||
}
|
||||
.poetry-preview .line {
|
||||
background: var(--blue);
|
||||
margin: var(--tiny) auto;
|
||||
width: 5%
|
||||
}
|
||||
.poetry-preview:hover {
|
||||
background: var(--blue);
|
||||
transition: var(--trans);
|
||||
color: white
|
||||
}
|
||||
.preview:hover, .preview:focus {
|
||||
background: var(--primary);
|
||||
color: var(--background);
|
||||
transition: var(--trans);
|
||||
padding: var(--bigger) var(--lessthan-regular)
|
||||
}
|
||||
.jar-preview:hover, .jar-preview:focus {
|
||||
background: var(--razzmatazz);
|
||||
transition: var(--trans)
|
||||
}
|
||||
.jar-preview:hover .post-title {
|
||||
padding-left: var(--bigger);
|
||||
transition: var(--trans)
|
||||
}
|
||||
.jar-preview .post-title {
|
||||
transition: var(--trans)
|
||||
}
|
||||
.jar-preview .half:nth-child(2) {
|
||||
padding: 0 var(--regular)
|
||||
}
|
||||
.gallery-preview {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: baseline;
|
||||
align-content: space-around
|
||||
}
|
||||
.section-title {
|
||||
background: var(--primary);
|
||||
text-align: center;
|
||||
height: var(--height);
|
||||
line-height: var(--height);
|
||||
color: var(--background)
|
||||
}
|
||||
.section-title:hover,
|
||||
.section-title:focus {
|
||||
outline: .35rem dashed var(--secondary)
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
text-transform: uppercase
|
||||
}
|
||||
article h2, article h3, article h4, article h5, article h6 {
|
||||
font-family: Inter, Helvetica, "Helvetica Neue", sans;
|
||||
background: var(--background);
|
||||
position: sticky;
|
||||
line-height: var(--height);
|
||||
top: 3.6rem;
|
||||
margin-bottom: 0;
|
||||
transition: var(--quicktrans)
|
||||
}
|
||||
h2 .anchor, h3 .anchor, h4 .anchor, h5 .anchor, h6 .anchor {
|
||||
opacity: 0;
|
||||
}
|
||||
h2:hover .anchor, h3:hover .anchor, h4:hover .anchor, h5:hover .anchor, h6:hover .anchor {
|
||||
opacity: 1;
|
||||
}
|
||||
h1 {
|
||||
color: var(--text);
|
||||
font-size: var(--height);
|
||||
text-decoration: none;
|
||||
text-align: center
|
||||
}
|
||||
h2 {
|
||||
font-size: var(--bigger);
|
||||
margin: 0
|
||||
}
|
||||
a, a:visited {
|
||||
text-decoration: none;
|
||||
color: var(--link)
|
||||
}
|
||||
a, button {
|
||||
cursor: url(/logos/cursor-hover.svg) 16 16, pointer
|
||||
}
|
||||
p a:hover, p a:focus, article li a:hover, article li a:focus, .toc a {
|
||||
outline: none !important;
|
||||
border-bottom: 2px dashed
|
||||
}
|
||||
.stuff {
|
||||
padding: 0 10%;
|
||||
display: block;
|
||||
text-align: center
|
||||
}
|
||||
.stuff img {
|
||||
height: var(--margin);
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
margin: var(--mastodon) auto var(--height);
|
||||
display: inherit;
|
||||
object-fit: contain
|
||||
}
|
||||
.stuff .category {
|
||||
margin: var(--height) auto;
|
||||
line-height: var(--height);
|
||||
padding: 0.17rem var(--lessthan-regular) 0;
|
||||
font-size: var(--morethan-regular)
|
||||
}
|
||||
.stuff p {
|
||||
margin-bottom: var(--big)
|
||||
}
|
||||
.link-container {
|
||||
text-align: center
|
||||
}
|
||||
.last-modified {
|
||||
margin: 0 auto var(--twice);
|
||||
text-align: center;
|
||||
font-size: var(--lessthan-regular);
|
||||
opacity: 0.8
|
||||
}
|
||||
footer {
|
||||
margin-bottom: var(--small);
|
||||
width: 98%;
|
||||
margin-left: 1%;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
.navigation {
|
||||
top: var(--small);
|
||||
width: 98%;
|
||||
left: 1%;
|
||||
height: var(--height);
|
||||
background: transparent;
|
||||
position: fixed;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
transition: var(--trans)
|
||||
}
|
||||
.navigation a, .navigation a:hover, .navigation a:focus {
|
||||
text-decoration: none
|
||||
}
|
||||
.xplosionmind{
|
||||
padding: 0 var(--regular);
|
||||
float: left;
|
||||
line-height: var(--height);
|
||||
height: var(--height);
|
||||
font-size: var(--bigger);
|
||||
background: var(--background);
|
||||
transition: var(--trans)
|
||||
}
|
||||
.xplosionmind a, .xplosionmind a:visited {
|
||||
color: var(--primary)
|
||||
}
|
||||
.xplosionmind:hover, .xplosionmind:focus {
|
||||
background: var(--primary);
|
||||
transition: var(--trans);
|
||||
border-bottom: none
|
||||
}
|
||||
.xplosionmind a:hover, .xplosionmind a:focus {
|
||||
color: var(--background)
|
||||
}
|
||||
.nav-container {
|
||||
max-width: 100%;
|
||||
height: var(--height);
|
||||
background: var(--primary)
|
||||
}
|
||||
nav {
|
||||
float: right;
|
||||
margin-right: var(--small)
|
||||
}
|
||||
nav ul {
|
||||
list-style: none !important;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
nav ul li {
|
||||
float: left;
|
||||
position: relative;
|
||||
list-style: none !important;
|
||||
margin: 0
|
||||
}
|
||||
nav ul li a, nav ul li a:visited {
|
||||
display: block;
|
||||
padding: 0 15px;
|
||||
line-height: var(--height);
|
||||
height: var(--height);
|
||||
color: var(--background);
|
||||
text-decoration: none;
|
||||
background: var(--primary);
|
||||
font-size: var(--morethan-regular)
|
||||
}
|
||||
nav ul li a:hover, nav ul li a:visited:hover, nav ul li a:focus, nav ul li a:visited:focus, nav ul li a:visited:active, nav ul li a:active {
|
||||
background: var(--background);
|
||||
color: var(--primary);
|
||||
transition: var(--trans);
|
||||
border-bottom: none
|
||||
}
|
||||
nav ul li ul li {
|
||||
min-width: 12rem;
|
||||
}
|
||||
nav svg {
|
||||
margin: 0.6rem 0.8rem 0 0
|
||||
}
|
||||
nav ul li ul li a {
|
||||
padding: var(--regular);
|
||||
line-height: var(--regular)
|
||||
}
|
||||
.nav-dropdown {
|
||||
position: absolute;
|
||||
z-index: 5;
|
||||
display: none
|
||||
}
|
||||
|
||||
/* Mobile navigation */
|
||||
.nav-mobile {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background: var(--primary);
|
||||
height: var(--height);
|
||||
width: var(--height)
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1000px) {
|
||||
.nav-mobile {
|
||||
display: block
|
||||
}
|
||||
nav {
|
||||
margin-right: 0;
|
||||
text-align: right
|
||||
}
|
||||
nav ul {
|
||||
display: none
|
||||
}
|
||||
nav ul li {
|
||||
float: none
|
||||
}
|
||||
nav ul li a {
|
||||
padding: var(--lessthan-regular) var(--big);
|
||||
line-height: var(--morethan-regular)
|
||||
}
|
||||
nav ul li ul li a {
|
||||
padding-right: 4.5rem
|
||||
}
|
||||
.nav-dropdown {
|
||||
position: static;
|
||||
overflow: scroll
|
||||
}
|
||||
.post-title, .poem-title {
|
||||
width: 96%;
|
||||
margin-left: 2%
|
||||
}
|
||||
h1, h2 {
|
||||
text-align: center
|
||||
}
|
||||
#landing h1 {
|
||||
font-size: var(--twice)
|
||||
}
|
||||
.page-header h1 {
|
||||
font-size: var(--height)
|
||||
}
|
||||
.nav-container {
|
||||
background: var(--background)
|
||||
}
|
||||
.navigation, footer {
|
||||
left: 2%;
|
||||
width: 96%
|
||||
}
|
||||
footer {
|
||||
margin-left: 2%
|
||||
}
|
||||
.jar-preview .line {
|
||||
margin: var(--tiny) auto
|
||||
}
|
||||
.jar-preview .half {
|
||||
text-align: center;
|
||||
padding: 0 10%
|
||||
}
|
||||
#stuff-tree {
|
||||
margin: var(--height) 5%
|
||||
}
|
||||
.categories {
|
||||
position: relative;
|
||||
left: 5.8rem;
|
||||
bottom: var(--height)
|
||||
}
|
||||
}
|
||||
|
||||
#nav-toggle {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 12px;
|
||||
cursor: url(/logos/cursor-hover.svg) 16 16, pointer;
|
||||
padding: 10px 35px 16px 0
|
||||
}
|
||||
#nav-toggle span,
|
||||
#nav-toggle span:before,
|
||||
#nav-toggle span:after {
|
||||
cursor: url(/logos/cursor-hover.svg) 16 16, pointer;
|
||||
height: 4px;
|
||||
width: 30px;
|
||||
background: var(--background);
|
||||
position: absolute;
|
||||
display: block;
|
||||
content: "";
|
||||
transition: var(--quicktrans)
|
||||
}
|
||||
#nav-toggle span:before {
|
||||
top: var(--small)
|
||||
}
|
||||
#nav-toggle span:after {
|
||||
bottom: var(--small)
|
||||
}
|
||||
#nav-toggle.active span {
|
||||
background: transparent
|
||||
}
|
||||
#nav-toggle.active span:before, #nav-toggle.active span:after {
|
||||
top: 0
|
||||
}
|
||||
#nav-toggle.active span:before {
|
||||
transform: rotate(45deg)
|
||||
}
|
||||
#nav-toggle.active span:after {
|
||||
transform: rotate(-45deg)
|
||||
}
|
||||
/* SOCIAL SHARING BUTTONS */
|
||||
#sharing-box div {
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
font-size: var(--big)
|
||||
}
|
||||
#stuff-tree {
|
||||
margin: var(--height) calc(100% / 3)
|
||||
}
|
||||
#comments {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
transition: var(--trans) sliding-vertically
|
||||
}
|
||||
#comments-button {
|
||||
display: block;
|
||||
margin: var(--regular) auto
|
||||
}
|
||||
|
||||
/* FOOTER */
|
||||
footer p {
|
||||
opacity: .7;
|
||||
margin: var(--big) auto 0;
|
||||
line-height: 1rem
|
||||
}
|
||||
/* "Privacy" in footer */
|
||||
footer .one-fifth {
|
||||
margin-top: var(--morethan-regular)
|
||||
}
|
||||
footer .one-fifth a {
|
||||
opacity: .7;
|
||||
color: var(--text);
|
||||
text-align: center
|
||||
}
|
||||
footer p:hover,
|
||||
footer p:focus {
|
||||
transition: var(--trans);
|
||||
opacity: 100%
|
||||
}
|
||||
.newsletter {
|
||||
background: var(--primary);
|
||||
color: var(--grey) !important;
|
||||
display: block !important;
|
||||
width: 90% !important;
|
||||
margin: var(--morethan-regular) auto;
|
||||
padding: var(--small);
|
||||
height: unset !important;
|
||||
line-height: unset !important
|
||||
}
|
||||
#social-box {
|
||||
margin: var(--morethan-regular) auto
|
||||
}
|
||||
.button, button {
|
||||
height: var(--height);
|
||||
line-height: var(--height);
|
||||
font-size: var(--bigger);
|
||||
font-weight: bold;
|
||||
width: auto;
|
||||
transition: var(--quicktrans);
|
||||
text-transform: uppercase;
|
||||
hyphens: none
|
||||
}
|
||||
.button {
|
||||
display: inline;
|
||||
}
|
||||
.button:hover, .button:focus {
|
||||
transform: scale(1.1)
|
||||
}
|
||||
footer .row {
|
||||
width: 90%;
|
||||
margin-left: 5%
|
||||
}
|
||||
footer .one-fourth .half a {
|
||||
line-height: var(--height)
|
||||
}
|
||||
#license {
|
||||
width: 100%; /* override one column width */
|
||||
margin-bottom: 0;
|
||||
font-size: 0.8em;
|
||||
font-weight: 200;
|
||||
}
|
||||
#CClogo {
|
||||
display: block;
|
||||
height: 1.2em;
|
||||
width: auto;
|
||||
margin: 0 auto var(--morethan-regular);
|
||||
opacity: .70;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
}
|
||||
#CClogo:hover,
|
||||
#CClogo:focus {
|
||||
opacity: 100%;
|
||||
transition: var(--quicktrans);
|
||||
}
|
||||
Loading…
Reference in New Issue