mirror of
https://github.com/xplosionmind/quitsocialmedia.club.git
synced 2025-02-02 00:46:56 +01:00
first commit
This commit is contained in:
parent
980231ca4e
commit
9b47ecd6ec
2
Gemfile
2
Gemfile
@ -16,9 +16,7 @@ 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
|
||||
|
@ -31,9 +31,6 @@ GEM
|
||||
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)
|
||||
@ -59,7 +56,6 @@ GEM
|
||||
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)
|
||||
@ -83,11 +79,9 @@ PLATFORMS
|
||||
DEPENDENCIES
|
||||
jekyll
|
||||
jekyll-feed
|
||||
jekyll-last-modified-at
|
||||
jekyll-seo-tag
|
||||
jekyll-sitemap
|
||||
jekyll-target-blank
|
||||
jekyll-watch
|
||||
tzinfo
|
||||
tzinfo-data
|
||||
|
||||
|
69
_config.yml
69
_config.yml
@ -1,12 +1,12 @@
|
||||
title: xplosionmind
|
||||
title: "Quit Social Media"
|
||||
email: tommiboom@protonmail.com
|
||||
description: >- # this means to ignore newlines until "baseurl:"
|
||||
A web version of the mess inside Tommi Boom’s mind
|
||||
Enjoying the internet and social life independently from big intrusive and addictive platforms
|
||||
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
|
||||
url: "https://quitsocialmedia.club" # the base hostname & protocol for your site, e.g. http://example.com
|
||||
twitter_username: xplosionmind
|
||||
github_username: xplosionmind
|
||||
git_repository: "tommi.space"
|
||||
git_repository: "quit-social-media"
|
||||
future: true
|
||||
profile: true
|
||||
livereload: true
|
||||
@ -15,36 +15,12 @@ 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
|
||||
@ -63,14 +39,6 @@ defaults:
|
||||
img: "/images/preview.gif"
|
||||
primary: "#FCC920"
|
||||
|
||||
-
|
||||
scope:
|
||||
path: ""
|
||||
type: "categories"
|
||||
values:
|
||||
layout: "category"
|
||||
permalink: "/:title"
|
||||
|
||||
-
|
||||
scope:
|
||||
path: ""
|
||||
@ -80,32 +48,3 @@ defaults:
|
||||
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"
|
||||
|
@ -3,11 +3,11 @@
|
||||
{% when 'it' %}
|
||||
<footer>
|
||||
<div class="row">
|
||||
<div class="two-fifths column">
|
||||
<!--<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>-->
|
||||
<div class="two-fifths column">
|
||||
<div class="button-box" id="social-box">
|
||||
<a href="/feed.xml" target="_blank" rel="noopener noreferrer">
|
||||
@ -25,83 +25,15 @@
|
||||
</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">
|
||||
<a href="https://github.com/xplosionmind/quit-social-media" target="_blank" rel="noopener noreferrer" title="il codice sorgente su GitHub">
|
||||
<svg class="button" id="Bold" width="512" height="512" enable-background="new 0 0 24 24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m0.02631 0.030691c-0.037295 8.0377-0.084415 15.941-0.049798 23.979l8.2894-0.014915c0.61219 0.001291 0.75905-0.26619 0.75905-0.57919 0-0.28-0.01-1.022-0.015-2.005-3.338 0.711-4.042-1.582-4.042-1.582-0.546-1.361-1.335-1.725-1.335-1.725-1.087-0.731 0.084-0.716 0.084-0.716 1.205 0.082 1.838 1.215 1.838 1.215 1.07 1.803 2.809 1.282 3.495 0.981 0.108-0.763 0.417-1.282 0.76-1.577-2.665-0.295-5.466-1.309-5.466-5.827 0-1.287 0.465-2.339 1.235-3.164-0.135-0.298-0.54-1.497 0.105-3.121 0 0 1.005-0.316 3.3 1.209 0.96-0.262 1.98-0.392 3-0.398 1.02 6e-3 2.04 0.136 3 0.398 2.28-1.525 3.285-1.209 3.285-1.209 0.645 1.624 0.24 2.823 0.12 3.121 0.765 0.825 1.23 1.877 1.23 3.164 0 4.53-2.805 5.527-5.475 5.817 0.42 0.354 0.81 1.077 0.81 2.182 0 1.578-0.015 2.846-0.015 3.229 0 0.309 0.11248 0.56829 0.73967 0.58438l8.4072 0.04408c-0.10977-7.9928-0.080077-15.986-0.056972-23.979-8.0009 0.021753-16.002 0.0042201-24.003-0.026287z" style="fill:var(--primary)"/>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<!-- 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">
|
||||
<a href="https://t.me/xplosionmind" 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>
|
||||
@ -113,13 +45,13 @@
|
||||
<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>
|
||||
<p><a href="https://quit-social-media.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>
|
||||
<p>Tutto quello che c’è in questo sito, compreso il codice sorgente, è protetto dalla licenza <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/deed.it" target="_blank">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International</a>.</p>
|
||||
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/deed.it" target="_blank"><img id="CClogo" alt="Creative Commons License" src="/logos/cc.svg" /></a>
|
||||
</div>
|
||||
</div>
|
||||
@ -128,11 +60,11 @@
|
||||
{% else %}
|
||||
<footer>
|
||||
<div class="row">
|
||||
<div class="two-fifths column">
|
||||
<!--<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>-->
|
||||
<div class="two-fifths column">
|
||||
<div class="button-box" id="social-box">
|
||||
|
||||
@ -150,87 +82,15 @@
|
||||
</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">
|
||||
<a href="https://github.com/xplosionmind/quit-social-media" target="_blank" rel="noopener noreferrer" title="Source code on GitHub">
|
||||
<svg class="button" id="Bold" width="512" height="512" enable-background="new 0 0 24 24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m0.02631 0.030691c-0.037295 8.0377-0.084415 15.941-0.049798 23.979l8.2894-0.014915c0.61219 0.001291 0.75905-0.26619 0.75905-0.57919 0-0.28-0.01-1.022-0.015-2.005-3.338 0.711-4.042-1.582-4.042-1.582-0.546-1.361-1.335-1.725-1.335-1.725-1.087-0.731 0.084-0.716 0.084-0.716 1.205 0.082 1.838 1.215 1.838 1.215 1.07 1.803 2.809 1.282 3.495 0.981 0.108-0.763 0.417-1.282 0.76-1.577-2.665-0.295-5.466-1.309-5.466-5.827 0-1.287 0.465-2.339 1.235-3.164-0.135-0.298-0.54-1.497 0.105-3.121 0 0 1.005-0.316 3.3 1.209 0.96-0.262 1.98-0.392 3-0.398 1.02 6e-3 2.04 0.136 3 0.398 2.28-1.525 3.285-1.209 3.285-1.209 0.645 1.624 0.24 2.823 0.12 3.121 0.765 0.825 1.23 1.877 1.23 3.164 0 4.53-2.805 5.527-5.475 5.817 0.42 0.354 0.81 1.077 0.81 2.182 0 1.578-0.015 2.846-0.015 3.229 0 0.309 0.11248 0.56829 0.73967 0.58438l8.4072 0.04408c-0.10977-7.9928-0.080077-15.986-0.056972-23.979-8.0009 0.021753-16.002 0.0042201-24.003-0.026287z" style="fill:var(--primary)"/>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
<!-- 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!">
|
||||
<a href="https://t.me/xplosionmind" 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>
|
||||
@ -242,13 +102,13 @@
|
||||
<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>
|
||||
<p><a href="https://quit-social-media.goatcounter.com" rel="noopener noreferrer" target="_blank">Visitors</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="column" id="license">
|
||||
<p>Everything in this website, including its source code, is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>, except where otherwise specified.</p>
|
||||
<p>Everything in this website, including its source code, is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.</p>
|
||||
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank"><img id="CClogo" alt="Creative Commons License" src="/logos/cc.svg" /></a>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1,46 +1,15 @@
|
||||
<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>
|
||||
<li><a href="/it/home">Home</a></li>
|
||||
<li><a href="/it/about">About</a></li>
|
||||
<li><a href="/it/news">News</a></li>
|
||||
<li><a href="/it/manifesto">Manifesto</a></li>
|
||||
<li><a href="#!"><svg width="30" height="30" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.0583 0 0 .0583 .0836 1.17)" style="fill:var(--primary);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 %}
|
||||
@ -58,18 +27,14 @@
|
||||
{% 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>
|
||||
<li><a href="/home">Home</a></li>
|
||||
<li><a href="/about">About</a></li>
|
||||
<li><a href="/news">News</a></li>
|
||||
<li><a href="/manifesto">Manifesto</a></li>
|
||||
<li><a href="#!"><svg width="30" height="30" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.0583 0 0 .0583 .0836 1.17)" style="fill:var(--primary);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 %}
|
||||
|
@ -32,16 +32,6 @@
|
||||
|
||||
</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 %}
|
||||
|
@ -1 +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>
|
||||
<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:#2CE88"/><rect x="14" y="5.5" width="4" height="21" style="fill:none;stroke-width:2;stroke:#2CE88"/><path d="m16 6v20" style="fill:none;stroke-width:3;stroke:#FFF"/><path d="m26 16h-20" style="fill:none;stroke-width:3;stroke:#FFF"/></svg>
|
||||
|
Before Width: | Height: | Size: 422 B After Width: | Height: | Size: 420 B |
@ -1 +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>
|
||||
<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:#20CE88"/><rect x="14" y="5.5" width="4" height="21" style="fill:none;stroke-width:2;stroke:#20CE88"/><path d="m16 6v20" style="fill:none;stroke-width:3;stroke:#20CE88"/><path d="m26 16h-20" style="fill:none;stroke-width:3;stroke:#20CE88"/></svg>
|
||||
|
Before Width: | Height: | Size: 422 B After Width: | Height: | Size: 428 B |
@ -1 +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>
|
||||
<svg width="32" height="32" version="1.1" viewBox="0 0 8.44 8.44" xmlns="http://www.w3.org/2000/svg"><rect width="8.44" height="8.44" style="fill:#20ce88"/><rect x="1.05" y="1.05" width="6.33" height="6.33" style="fill:#ec0868"/><rect x="2.11" y="2.11" width="4.22" height="4.22" style="fill:#fff"/><rect x="3.16" y="3.16" width="2.11" height="2.11" style="fill:#ec0868"/></svg>
|
||||
|
Before Width: | Height: | Size: 344 B After Width: | Height: | Size: 379 B |
35
pages/about.md
Normal file
35
pages/about.md
Normal file
@ -0,0 +1,35 @@
|
||||
---
|
||||
title: About
|
||||
ref: about
|
||||
lang: en
|
||||
permalink: /about
|
||||
layout: page
|
||||
---
|
||||
After a few tormented months thinkering about the ups and downs of social media, [Tommi](https://tommi.space) couldn’t stand it anymore. He was so stressed and obsessed about ethical issues today’s networks have, he figured out **quitting** was the only way to feel better.
|
||||
|
||||
He figured out, though, that just quitting and taking no more action was useless. How many people around the world have his same toughts and concerns? How can he share with all his frend and people around him in the best possible way the crucial importance of doubting about the use of social media platforms?
|
||||
|
||||
Simply abandoning social media platforms change nothing.
|
||||
|
||||
Let’s be honest: having no account on Facebook, Instagram, nor Twitter today could easily seem as being left out of social relations and live in a quiet but isolated bubble. If you£re not alone, it’s not.
|
||||
|
||||
This website has three main purposes:
|
||||
|
||||
- Listing in a unique place all of the articles, researches, documentaries, interviews, material, etc. which proves how the risks and damages of social media outweight their (still great) vantages.
|
||||
- Being a reference point for all social media quitters, fostering and uniting a growing global community.
|
||||
- Allowing skeptical and indifferent social media users to understand how individual and personal choiches are crucial and fundamental to improve online experience and making the internet a better place.
|
||||
|
||||
Tommi is aware of all the great and awesome communities which promote internet freedom and social media corporations independence, but he feels that there’s a critical aknowledgement which isn’t stressed out enough: **the single individual is the key to global change**. We should’t wait for policies and laws to be rolled out, or we can’t believe someone else will come and make everything better, someday.
|
||||
|
||||
We need to understand, read, be informed and study what’s happening.
|
||||
|
||||
Then, unite together, stand out and be the change.
|
||||
|
||||
<br />
|
||||
|
||||
## Notes
|
||||
|
||||
- I chose the `.club` domain because it was among the cheapest and, in the end, it makes sense.
|
||||
- I want to point out I have absolutely no personal gain in doing this website and spamming it everywhere. On the contrary, I invested so much time in writhing these words and building this virtual place (I’m not a developer) I became so tired and stressed I came close to giving up several times. (Once, I was so tired that by mistake I deleted the working directory of this website, irremediably losing months of hard work)
|
||||
- I don’t expect for this website to become viral, but, deep inside me, I strongly hope so.
|
||||
- I don’t want to force you to quit social media, nor I want to convince you it’s the best thing to do. I want anybody who arrives here to read carefully the wabsite’s content and the referenced material, to acquire enough knowledge to decide what’s the best thing to do.
|
@ -7,25 +7,18 @@ ref: home
|
||||
<div class="row">
|
||||
<div class="one column">
|
||||
<div class="page-header">
|
||||
<h1>WARNING</h1>
|
||||
<h1>Quit Social Media</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>
|
||||
<h2 class="section-title">Why</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">
|
||||
<div class="row" id="why">
|
||||
<div class="one column">
|
||||
<article style="padding: var(--height) 10%">
|
||||
<p>
|
||||
Hi, I’m Tommi.
|
||||
@ -51,67 +44,13 @@ ref: home
|
||||
</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>
|
||||
<a href="/news"><h2 class="section-title">Updates</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>
|
||||
<ul>
|
||||
{% for post in site.posts %}
|
||||
<li>{{ post.date }} - <a href="{{ post.url }}"</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</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 />
|
||||
|
@ -14,13 +14,13 @@ permalink: /
|
||||
<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>
|
||||
<title>Quit Social Media</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div id="landing">
|
||||
<h1>xplosionmind</h1>
|
||||
<a class="language" href="/tuffo" title="Homepage in italiano">italiano</a>
|
||||
<h1>Quit Social Media</h1>
|
||||
<a class="language" href="/it/home" title="Homepage in italiano">italiano</a>
|
||||
<a class="language" href="/home" title="English homepage">English</a>
|
||||
</div>
|
||||
</div>
|
||||
|
227
style.css
227
style.css
@ -37,33 +37,15 @@ html {
|
||||
|
||||
/* DARK THEME */
|
||||
body {
|
||||
--background: var(--black-ish);
|
||||
--background2: var(--dark-grey);
|
||||
--text: var(--white-ish);
|
||||
--background: white;
|
||||
--background2: var(--light-grey);
|
||||
--text: var(--black-ish);
|
||||
--link: var(--primary);
|
||||
--primary: var(--yellow);
|
||||
--secondary: var(--blue);
|
||||
--primary: var(--razzmatazz);
|
||||
--secondary: var(--green);
|
||||
--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);
|
||||
@ -102,13 +84,7 @@ mark {
|
||||
}
|
||||
.top {
|
||||
position: fixed;
|
||||
bottom: 17rem;
|
||||
right: 0;
|
||||
z-index: 3
|
||||
}
|
||||
.theme-toggle-button {
|
||||
position: fixed;
|
||||
bottom: 12rem;
|
||||
top: var(--height);
|
||||
right: 0;
|
||||
z-index: 3
|
||||
}
|
||||
@ -158,11 +134,11 @@ ul li li li {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.poetry, .post {
|
||||
.post {
|
||||
font: 400 var(--morethan-regular) "Merriweather", "Latin Modern Roman", Georgia, serif;
|
||||
letter-spacing: 0.03rem;
|
||||
}
|
||||
.poetry p, .post p {
|
||||
.post p {
|
||||
line-height: var(--bigger-em)
|
||||
}
|
||||
strong, b {
|
||||
@ -207,12 +183,15 @@ strong, b {
|
||||
background: var(--razzmatazz)
|
||||
}
|
||||
.page-header h1 {
|
||||
font-size: var(--mastodon)
|
||||
font-size: var(--mastodon);
|
||||
background: var(--background);
|
||||
margin: 0
|
||||
}
|
||||
.page-header {
|
||||
margin-top: 6rem;
|
||||
margin: var(--margin) 0 var(--mastodon) 0;
|
||||
text-align: center;
|
||||
margin-bottom: var(--mastodon)
|
||||
position: sticky;
|
||||
top: 0
|
||||
}
|
||||
.page-header p {
|
||||
margin: 0 auto;
|
||||
@ -224,29 +203,6 @@ strong, b {
|
||||
.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;
|
||||
@ -443,58 +399,17 @@ article {
|
||||
font-size: var(--morethan-regular);
|
||||
padding: var(--twice) 10% var(--mastodon)
|
||||
}
|
||||
.preview, .jar-preview, .poetry-preview {
|
||||
.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;
|
||||
@ -514,7 +429,8 @@ article h2, article h3, article h4, article h5, article h6 {
|
||||
background: var(--background);
|
||||
position: sticky;
|
||||
line-height: var(--height);
|
||||
top: 3.6rem;
|
||||
height: var(--height);
|
||||
top: var(--mastodon);
|
||||
margin-bottom: 0;
|
||||
transition: var(--quicktrans)
|
||||
}
|
||||
@ -528,7 +444,7 @@ h1 {
|
||||
color: var(--text);
|
||||
font-size: var(--height);
|
||||
text-decoration: none;
|
||||
text-align: center
|
||||
text-align: center;
|
||||
}
|
||||
h2 {
|
||||
font-size: var(--bigger);
|
||||
@ -545,37 +461,6 @@ 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%;
|
||||
@ -585,47 +470,16 @@ footer {
|
||||
|
||||
/* 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)
|
||||
width: 100%
|
||||
}
|
||||
.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;
|
||||
@ -643,14 +497,12 @@ nav ul li a, nav ul li a:visited {
|
||||
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);
|
||||
background: var(--primary);
|
||||
color: var(--background);
|
||||
transition: var(--trans);
|
||||
border-bottom: none
|
||||
}
|
||||
@ -682,34 +534,6 @@ nav ul li ul li a {
|
||||
}
|
||||
|
||||
@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
|
||||
}
|
||||
@ -717,15 +541,14 @@ nav ul li ul li a {
|
||||
font-size: var(--twice)
|
||||
}
|
||||
.page-header h1 {
|
||||
font-size: var(--height)
|
||||
font-size: var(--height);
|
||||
}
|
||||
.page-header {
|
||||
margin-bottom: var(--height)
|
||||
}
|
||||
.nav-container {
|
||||
background: var(--background)
|
||||
}
|
||||
.navigation, footer {
|
||||
left: 2%;
|
||||
width: 96%
|
||||
}
|
||||
footer {
|
||||
margin-left: 2%
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user