maggicl/maggioni.xyz
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

New light monospace theme

Browse source
This commit is contained in:
Claudio Maggioni (maggicl) 2021-01-20 15:27:52 +01:00
parent 5ae11fd831
commit 6371d64e64
32 changed files with 470 additions and 688 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.gitignore vendored
View file

@ -1 +1,4 @@
.DS_Store .DS_Store
.jekyll-cache/
.sass-cache/
.jekyll-metadata

BIN
.sass-cache/02489c73d862e060640389629d6692bb14c5a48b/_base.scssc
View file

Binary file not shown.

BIN
.sass-cache/02489c73d862e060640389629d6692bb14c5a48b/_layout.scssc
View file

Binary file not shown.

BIN
.sass-cache/02489c73d862e060640389629d6692bb14c5a48b/_syntax-highlighting.scssc
View file

Binary file not shown.

BIN
.sass-cache/d9c07a9bad333b113ae9c5f526ec1695c801ded0/_base.scssc
View file

Binary file not shown.

BIN
.sass-cache/d9c07a9bad333b113ae9c5f526ec1695c801ded0/_layout.scssc
View file

Binary file not shown.

BIN
.sass-cache/d9c07a9bad333b113ae9c5f526ec1695c801ded0/_syntax-highlighting.scssc
View file

Binary file not shown.

BIN
.sass-cache/e1eec748367ea0ff4e1821bf5ef764ec482e3859/_base.scssc
View file

Binary file not shown.

BIN
.sass-cache/e1eec748367ea0ff4e1821bf5ef764ec482e3859/_layout.scssc
View file

Binary file not shown.

BIN
.sass-cache/e1eec748367ea0ff4e1821bf5ef764ec482e3859/_syntax-highlighting.scssc
View file

Binary file not shown.

BIN
.sass-cache/fe115cbda454720cc1bfee6fe8760d30901d8570/_base.scssc
View file

Binary file not shown.

BIN
.sass-cache/fe115cbda454720cc1bfee6fe8760d30901d8570/_layout.scssc
View file

Binary file not shown.

BIN
.sass-cache/fe115cbda454720cc1bfee6fe8760d30901d8570/_syntax-highlighting.scssc
View file

Binary file not shown.

4
_includes/head.html
View file

@ -6,7 +6,9 @@
<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title> <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}"> <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl | prepend: site.url }}"> <link rel="stylesheet" href="/css/main.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}"> <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">

36
_includes/header.html
View file

@ -1,21 +1,15 @@
<nav class="navbar"> <!-- vim: set ts=2 sw=2 et tw=80: -->
<div class="container"> <div class="links container">
<ul class="navbar-list"> <a href="/">home</a>
<li class="navbar-item"> {% for my_page in site.pages %}
<a href="{{ "/" | prepend: site.baseurl | prepend: site.url }}">home</a> {% if my_page.title %}
</li> <a href="{{ my_page.url }}">{{ my_page.title }}</a>
{% for my_page in site.pages %} {% endif %}
{% if my_page.title %} {% endfor %}
<li class="navbar-item"> <a href="/feed.xml">RSS</a>
<a href="{{ my_page.url | prepend: site.baseurl | prepend: site.url }}"> <a href="/cv.html">CV</a>
{{ my_page.title }}</a> </div>
</li> <div class="links container">
{% endif %} <a href="https://git.maggioni.xyz">Git</a>
{% endfor %} <a href="https://cloud.maggioni.xyz">Cloud</a>
{% include links.html %} </div>
</ul>
<ul class="navbar-list">
{% include self-hosted.html %}
</ul>
</div>
</nav>

3
_includes/links.html
View file

@ -1,3 +0,0 @@
<li class="navbar-item">
<a href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">RSS</a>
</li>

19
_includes/self-hosted.html
View file

@ -1,19 +0,0 @@
<li class="navbar-item">
<a href="https://git.maggioni.xyz">Git</a>
</li>
<li class="navbar-item">
<a href="https://cloud.maggioni.xyz">Cloud</a>
</li>
<li class="navbar-item">
<a href="https://arrowcounter.maggioni.xyz">Arrowcounter</a>
</li>
<li class="navbar-item">
<a href="https://www.theshell.ch">The Shell</a>
</li>
<li class="navbar-item">
<a href="https://www.vimtok.com">VimTok</a>
</li>
<li class="navbar-item">
<a href="https://rvl.maggioni.xyz">RVL</a>
</li>

33
_layouts/main.html
View file

@ -1,23 +1,18 @@
<!-- vim: set ts=2 sw=2 et tw=80: -->
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
{% include head.html %} {% include head.html %}
<body> <body>
<header class="header"> <header class="header">
<section class="head container"> <nav class="head navbar">
<h1 class="title">{{ site.title }}</h1> <h1 class="title container">{{ site.title }}</h1>
<h4>Eat {% include header.html %}
<a href="https://en.wikipedia.org/wiki/Polenta"> </section>
polenta</a> and do not counter-aim!</h4> </header>
</section> <main class="container">
{% include header.html %} {{ content }}
</header> </main>
<main class="container"> {% include footer.html %}
{{ content }} </body>
</main>
{% include footer.html %}
<script>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html> </html>

112
_sass/_base.scss
View file

@ -1,112 +1,112 @@
/* vim: set ts=2 sw=2 et tw=80: */
/* Reset some basic elements */ /* Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr, p, blockquote, pre, hr,
dl, dd, ol, ul, figure { dl, dd, ol, ul, figure {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
/* Basic styling */ /* Basic styling */
body { body {
font-weight: $base-font-weight; font-weight: $base-font-weight;
font-size: $base-font-size; font-size: $base-font-size;
line-height: $base-line-height; line-height: $base-line-height;
font-family: $base-font-family; font-family: $base-font-family;
color: $text-color; color: $text-color;
background-color: $background-color; background-color: $background-color;
} }
/* Images */ /* Images */
img { img {
max-width: 100%; max-width: 100%;
vertical-align: middle; vertical-align: middle;
} }
/* Lists */ /* Lists */
ul, ol { ul, ol {
margin-left: $spacing-unit; margin-left: $spacing-unit;
} }
/* Disable margin for lists */ /* Disable margin for lists */
li > ul, li > ol { li > ul, li > ol {
margin-bottom: 0; margin-bottom: 0;
} }
/* Headings */ /* Headings */
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-weight: $base-font-weight; font-weight: $base-font-weight;
} }
/* Links */ /* Links */
a { a {
color: $brand-color; color: #08E;
text-decoration: none; text-decoration: none;
&:visited { &:visited {
color: darken($brand-color, 15%); color: #C0B;
} }
&:hover { &:hover {
color: $text-color; text-decoration: underline;
text-decoration: underline; }
}
} }
/** /**
* Blockquotes * Blockquotes
*/ */
blockquote { blockquote {
color: $grey-color; color: $grey-color;
border-left: 4px solid $grey-color-light; border-left: 4px solid $grey-color-light;
font-size: 18px; font-size: 18px;
letter-spacing: -1px; letter-spacing: -1px;
font-style: italic; font-style: italic;
margin: 1rem 0; margin: 1rem 0;
padding: 1em; padding: 1em;
> :last-child { > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
} }
/* do not put padding around the table with line numbers and the code */ /* do not put padding around the table with line numbers and the code */
code table { code table {
margin: -8px -12px; margin: -8px -12px;
} }
pre table.rouge-table td { pre table.rouge-table td {
padding: 0; padding: 0;
} }
pre { pre {
padding: 8px 12px; padding: 8px 12px;
overflow-x: auto; overflow-x: auto;
> code { > code {
border: 0; border: 0;
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
} }
/* pull a nice monospace font from the internets, plus set font and /* pull a nice monospace font from the internets, plus set font and
* background */ * background */
pre, code { pre, code {
font-size: 0.95rem; font-size: 0.95rem;
background: rgb(66,66,66); background: #EEE;
font-family: "Source Code Pro", monospace;
} }
/* Disable borders between line numbers and code when /* Disable borders between line numbers and code when
* line numbers are shown */ * line numbers are shown */
code .rouge-table, code .rouge-table td { code .rouge-table, code .rouge-table td {
border: 0; border: 0;
border-radius: 0; border-radius: 0;
} }
code .rouge-table { code .rouge-table {
border-spacing: 0; border-spacing: 0;
border-collapse: collapse; border-collapse: collapse;
} }
/** /**
@ -115,18 +115,10 @@ code .rouge-table {
/* Padding for the main content in the page */ /* Padding for the main content in the page */
.container { .container {
padding: 0 4em; padding: .4rem 2em;
max-width: 1000px;
margin: auto;
} }
/* Header sizes */ /* Header sizes */
h1 { font-size: 3rem; margin-bottom: 1rem; }
h2 { font-size: 2.75rem; }
h3 { font-size: 2.4rem; }
h4 { font-size: 1.8rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.8rem; }
/** /**
* General style for the content inside main * General style for the content inside main
@ -160,5 +152,5 @@ p:first-child {
/* make strongly emphasized elements REALLY STRONG */ /* make strongly emphasized elements REALLY STRONG */
strong { strong {
background: #aa2222; background: #FAA;
} }

125
_sass/_layout.scss
View file

@ -1,62 +1,73 @@
/* vim: set ts=2 sw=2 et tw=80: */
$header-border: 1px solid #eee; $header-border: 1px solid #eee;
body { body {
background-color: #333; background-color: $background-color;
font-family: 'Hammersmith One', sans-serif; font-family: 'IBM Plex Mono', monospace;
color: white; display: flex;
display: flex; min-height: 100vh;
min-height: 100vh; flex-direction: column;
flex-direction: column;
} }
main { main {
flex: 1 0 auto; flex: 1 0 auto;
} }
.navbar-list .navbar-item { .navbar-list .navbar-item {
text-transform: uppercase; text-transform: uppercase;
font-weight: 400; font-weight: 400;
display: inline-block; margin: 1em;
margin: 1em;
} }
ul.navbar-list { ul.navbar-list {
border-top: $header-border; margin-bottom: 2rem;
border-bottom: $header-border;
margin-bottom: 2rem;
} }
.header { .header {
padding: 4rem 0 .5rem 0; border-bottom: 1px solid black;
text-align: center;
}
.head {
margin-bottom: 2.66rem;
}
@media (min-width: 700px) { .head.navbar {
.header { display: flex;
padding-top: 6rem;
h1 {
flex: 2;
font-size: 1.5rem;
margin-bottom: .25rem;
display: inline;
margin: 0;
} }
.head {
margin-bottom: 4rem; .links {
flex: 1 fit-content;
white-space: nowrap;
line-height: 2.3rem;
text-align: right;
height: 100%;
padding-left: 1rem;
padding-right: 1rem;
border-left: 1px solid #555;
a {
font-weight: bold;
text-transform: uppercase;
padding: 0 .5rem;
}
} }
}
} }
@media (max-width: 700px) { @media (max-width: 700px) {
.navbar-list .navbar-item { .navbar-list .navbar-item {
width: calc(100% - 2em); width: calc(100% - 2em);
} }
} }
.navbar-item a {
color: $brand-color;
}
ul.post-list, ul.navbar-list { ul.post-list, ul.navbar-list {
list-style-type: none; list-style-type: none;
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
ul.post-list li { ul.post-list li {
@ -68,54 +79,54 @@ ul.post-list li:first-child {
} }
.header, footer { .header, footer {
background-color: rgba(0,0,0,0.25); background-color: #EEE;
} }
footer { footer {
padding-top: 1rem; padding-top: 1rem;
} }
footer .author { footer .author {
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
} }
.container { .container {
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
} }
.icons { .icons {
text-align: center; text-align: center;
} }
a.icon { a.icon {
display: inline-table; display: inline-table;
background-color: rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.5);
border-radius: 1.75em; border-radius: 1.75em;
width: 3.5em; width: 3.5em;
height: 3.5em; height: 3.5em;
text-align: center; text-align: center;
line-height: 3.5em; line-height: 3.5em;
margin: .5em; margin: .5em;
color: white; color: white;
cursor: pointer; cursor: pointer;
} }
/* Disable underlining in icon links inside the footer */ /* Disable underlining in icon links inside the footer */
a.icon:link, a.icon:hover, a.icon:visited, a.icon:active { a.icon:link, a.icon:hover, a.icon:visited, a.icon:active {
text-decoration: none; text-decoration: none;
} }
/* Light up footer icon links when hovering */ /* Light up footer icon links when hovering */
a.icon:hover { a.icon:hover {
background-color: #bbbbbb; background-color: #bbbbbb;
} }
a.icon i.fa { a.icon i.fa {
font-size: 2em; font-size: 2em;
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
} }
/* Utility class for centering block elements */ /* Utility class for centering block elements */

11
_sass/_syntax-highlighting.scss
View file

@ -2,22 +2,23 @@
* Syntax highlighting styles * Syntax highlighting styles
*/ */
.highlight { .highlight {
background: #fff; background: #EEE;
border: 3px solid #DDD;
.highlighter-rouge & { .highlighter-rouge & {
background: #eef; background: #eef;
} }
td.code > pre { td.code > pre {
background: rgb(66, 66, 66); background: #222;
} }
pre.lineno { pre.lineno {
background: #212121; background: #111;
text-align: right; text-align: right;
} }
.c { color: #aaa; font-style: italic } // Comment .c { color: #777; font-style: italic } // Comment
.err { color: #a61717; background-color: #e3d2d2 } // Error .err { color: #a61717; background-color: #e3d2d2 } // Error
.k { font-weight: bold } // Keyword .k { font-weight: bold } // Keyword
.o { font-weight: bold } // Operator .o { font-weight: bold } // Operator
@ -53,7 +54,7 @@
.nf { color: #900; font-weight: bold } // Name.Function .nf { color: #900; font-weight: bold } // Name.Function
.nn { color: #555 } // Name.Namespace .nn { color: #555 } // Name.Namespace
.nt { color: #0000d0 } // Name.Tag .nt { color: #0000d0 } // Name.Tag
.nv { color: #00d0d0 } // Name.Variable .nv { color: #0BB } // Name.Variable
.ow { font-weight: bold } // Operator.Word .ow { font-weight: bold } // Operator.Word
.w { color: #bbb } // Text.Whitespace .w { color: #bbb } // Text.Whitespace
.mf { color: #099 } // Literal.Number.Float .mf { color: #099 } // Literal.Number.Float

109
_site/404.html
View file

@ -1,3 +1,5 @@
<!-- vim: set ts=2 sw=2 et tw=80: -->
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
@ -9,7 +11,9 @@
<meta name="description" content="Eat polenta and do not counter-aim! <meta name="description" content="Eat polenta and do not counter-aim!
"> ">
<link rel="stylesheet" href="https://maggioni.xyz/css/main.css"> <link rel="stylesheet" href="/css/main.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<link rel="canonical" href="https://maggioni.xyz/404.html"> <link rel="canonical" href="https://maggioni.xyz/404.html">
@ -35,69 +39,38 @@
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
</head> </head>
<body> <body>
<header class="header"> <header class="header">
<section class="head container"> <nav class="head navbar">
<h1 class="title">maggioni.xyz</h1> <h1 class="title container">maggioni.xyz</h1>
<h4>Eat <!-- vim: set ts=2 sw=2 et tw=80: -->
<a href="https://en.wikipedia.org/wiki/Polenta"> <div class="links container">
polenta</a> and do not counter-aim!</h4> <a href="/">home</a>
</section>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item"> <a href="/blog/">Blog</a>
<a href="https://maggioni.xyz/">home</a>
</li>
<li class="navbar-item">
<a href="https://maggioni.xyz/blog/">
Blog</a> <a href="/feed.xml">RSS</a>
</li> <a href="/cv.html">CV</a>
</div>
<div class="links container">
<a href="https://git.maggioni.xyz">Git</a>
<a href="https://cloud.maggioni.xyz">Cloud</a>
</div>
<li class="navbar-item">
<a href="https://maggioni.xyz/feed.xml">RSS</a>
</li>
</ul> </section>
<ul class="navbar-list"> </header>
<li class="navbar-item"> <main class="container">
<a href="https://git.maggioni.xyz">Git</a> <h1>404 - page not found</h1>
</li>
<li class="navbar-item">
<a href="https://cloud.maggioni.xyz">Cloud</a>
</li>
<li class="navbar-item">
<a href="https://arrowcounter.maggioni.xyz">Arrowcounter</a>
</li>
<li class="navbar-item">
<a href="https://www.theshell.ch">The Shell</a>
</li>
<li class="navbar-item">
<a href="https://www.vimtok.com">VimTok</a>
</li>
<li class="navbar-item">
<a href="https://rvl.maggioni.xyz">RVL</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="container">
<h1>404 - page not found</h1>
<p> <p>
If you didn't come on purpose I apologise, but the page you are searching doesn't exist. If you didn't come on purpose I apologise, but the page you are searching doesn't exist.
@ -112,8 +85,8 @@ If you came on purpose enjoy this minimal <code>gif</code> of a dancing Rick Ast
Thanks to <a href="https://github.com/Giorgio-Croci">Giorgio Croci Thanks to <a href="https://github.com/Giorgio-Croci">Giorgio Croci
</a> for the <code>gif</code>!</p> </a> for the <code>gif</code>!</p>
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
<div class="icons"> <div class="icons">
<a class="icon" href="https://github.com/maggicl"><i class="fa fa-github"></i></a> <a class="icon" href="https://github.com/maggicl"><i class="fa fa-github"></i></a>
<a class="icon" href="https://gitlab.com/maggicl"><i class="fa fa-gitlab"></i></a> <a class="icon" href="https://gitlab.com/maggicl"><i class="fa fa-gitlab"></i></a>
@ -130,9 +103,5 @@ Thanks to <a href="https://github.com/Giorgio-Croci">Giorgio Croci
</h6> </h6>
</footer> </footer>
<script> </body>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html> </html>

109
_site/blog/index.html
View file

@ -1,3 +1,5 @@
<!-- vim: set ts=2 sw=2 et tw=80: -->
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
@ -9,7 +11,9 @@
<meta name="description" content="Eat polenta and do not counter-aim! <meta name="description" content="Eat polenta and do not counter-aim!
"> ">
<link rel="stylesheet" href="https://maggioni.xyz/css/main.css"> <link rel="stylesheet" href="/css/main.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<link rel="canonical" href="https://maggioni.xyz/blog/"> <link rel="canonical" href="https://maggioni.xyz/blog/">
@ -35,69 +39,38 @@
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
</head> </head>
<body> <body>
<header class="header"> <header class="header">
<section class="head container"> <nav class="head navbar">
<h1 class="title">maggioni.xyz</h1> <h1 class="title container">maggioni.xyz</h1>
<h4>Eat <!-- vim: set ts=2 sw=2 et tw=80: -->
<a href="https://en.wikipedia.org/wiki/Polenta"> <div class="links container">
polenta</a> and do not counter-aim!</h4> <a href="/">home</a>
</section>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item"> <a href="/blog/">Blog</a>
<a href="https://maggioni.xyz/">home</a>
</li>
<li class="navbar-item">
<a href="https://maggioni.xyz/blog/">
Blog</a> <a href="/feed.xml">RSS</a>
</li> <a href="/cv.html">CV</a>
</div>
<div class="links container">
<a href="https://git.maggioni.xyz">Git</a>
<a href="https://cloud.maggioni.xyz">Cloud</a>
</div>
<li class="navbar-item">
<a href="https://maggioni.xyz/feed.xml">RSS</a>
</li>
</ul> </section>
<ul class="navbar-list"> </header>
<li class="navbar-item"> <main class="container">
<a href="https://git.maggioni.xyz">Git</a> <article class="post">
</li>
<li class="navbar-item">
<a href="https://cloud.maggioni.xyz">Cloud</a>
</li>
<li class="navbar-item">
<a href="https://arrowcounter.maggioni.xyz">Arrowcounter</a>
</li>
<li class="navbar-item">
<a href="https://www.theshell.ch">The Shell</a>
</li>
<li class="navbar-item">
<a href="https://www.vimtok.com">VimTok</a>
</li>
<li class="navbar-item">
<a href="https://rvl.maggioni.xyz">RVL</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="container">
<article class="post">
<header class="post-header"> <header class="post-header">
<h2 class="post-title">Blog</h2> <h2 class="post-title">Blog</h2>
@ -144,8 +117,8 @@
</article> </article>
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
<div class="icons"> <div class="icons">
<a class="icon" href="https://github.com/maggicl"><i class="fa fa-github"></i></a> <a class="icon" href="https://github.com/maggicl"><i class="fa fa-github"></i></a>
<a class="icon" href="https://gitlab.com/maggicl"><i class="fa fa-gitlab"></i></a> <a class="icon" href="https://gitlab.com/maggicl"><i class="fa fa-gitlab"></i></a>
@ -162,9 +135,5 @@
</h6> </h6>
</footer> </footer>
<script> </body>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html> </html>

60
_site/css/main.css
View file

@ -1,8 +1,9 @@
/* vim: set ts=2 sw=2 et tw=80: */
/* Reset some basic elements */ /* Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; } body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }
/* Basic styling */ /* Basic styling */
body { font-weight: 200; font-size: 18px; line-height: 1.5; font-family: "Hammersmith One", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #888; background-color: #090909; } body { font-weight: 200; font-size: 18px; line-height: 1.5; font-family: monospace; color: #333; background-color: #FAFAFA; }
/* Images */ /* Images */
img { max-width: 100%; vertical-align: middle; } img { max-width: 100%; vertical-align: middle; }
@ -17,11 +18,11 @@ li > ul, li > ol { margin-bottom: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 200; } h1, h2, h3, h4, h5, h6 { font-weight: 200; }
/* Links */ /* Links */
a { color: #e82; text-decoration: none; } a { color: #08E; text-decoration: none; }
a:visited { color: #b6620e; } a:visited { color: #C0B; }
a:hover { color: #888; text-decoration: underline; } a:hover { text-decoration: underline; }
/** Blockquotes */ /** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; font-size: 18px; letter-spacing: -1px; font-style: italic; margin: 1rem 0; padding: 1em; } blockquote { color: #828282; border-left: 4px solid #e8e8e8; font-size: 18px; letter-spacing: -1px; font-style: italic; margin: 1rem 0; padding: 1em; }
@ -38,30 +39,18 @@ pre { padding: 8px 12px; overflow-x: auto; }
pre > code { border: 0; padding-right: 0; padding-left: 0; } pre > code { border: 0; padding-right: 0; padding-left: 0; }
/* pull a nice monospace font from the internets, plus set font and background */ /* pull a nice monospace font from the internets, plus set font and background */
pre, code { font-size: 0.95rem; background: #424242; font-family: "Source Code Pro", monospace; } pre, code { font-size: 0.95rem; background: #EEE; }
/* Disable borders between line numbers and code when line numbers are shown */ /* Disable borders between line numbers and code when line numbers are shown */
code .rouge-table, code .rouge-table td { border: 0; border-radius: 0; } code .rouge-table, code .rouge-table td { border: 0; border-radius: 0; }
code .rouge-table { border-spacing: 0; border-collapse: collapse; } code .rouge-table { border-spacing: 0; border-collapse: collapse; }
/** Basic layout rules */ /** Basic layout rules */
/* Padding for the main content in the page */ /* Padding for the main content in the page */
.container { padding: 0 4em; max-width: 1000px; margin: auto; } .container { padding: .4rem 2em; }
/* Header sizes */ /* Header sizes */
h1 { font-size: 3rem; margin-bottom: 1rem; }
h2 { font-size: 2.75rem; }
h3 { font-size: 2.4rem; }
h4 { font-size: 1.8rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.8rem; }
/** General style for the content inside main */ /** General style for the content inside main */
/* separate article metadata to the article itself with some space */ /* separate article metadata to the article itself with some space */
article .post-header { margin-bottom: 3rem; } article .post-header { margin-bottom: 3rem; }
@ -79,33 +68,36 @@ p, figure { margin-top: 1.2rem; }
p:first-child { margin-top: 0; } p:first-child { margin-top: 0; }
/* make strongly emphasized elements REALLY STRONG */ /* make strongly emphasized elements REALLY STRONG */
strong { background: #aa2222; } strong { background: #FAA; }
body { background-color: #333; font-family: 'Hammersmith One', sans-serif; color: white; display: flex; min-height: 100vh; flex-direction: column; } /* vim: set ts=2 sw=2 et tw=80: */
body { background-color: #FAFAFA; font-family: 'IBM Plex Mono', monospace; display: flex; min-height: 100vh; flex-direction: column; }
main { flex: 1 0 auto; } main { flex: 1 0 auto; }
.navbar-list .navbar-item { text-transform: uppercase; font-weight: 400; display: inline-block; margin: 1em; } .navbar-list .navbar-item { text-transform: uppercase; font-weight: 400; margin: 1em; }
ul.navbar-list { border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 2rem; } ul.navbar-list { margin-bottom: 2rem; }
.header { padding: 4rem 0 .5rem 0; text-align: center; } .header { border-bottom: 1px solid black; }
.head { margin-bottom: 2.66rem; } .header .head.navbar { display: flex; }
@media (min-width: 700px) { .header { padding-top: 6rem; } .head { margin-bottom: 4rem; } } .header .head.navbar h1 { flex: 2; font-size: 1.5rem; margin-bottom: .25rem; display: inline; margin: 0; }
.header .head.navbar .links { flex: 1 fit-content; white-space: nowrap; line-height: 2.3rem; text-align: right; height: 100%; padding-left: 1rem; padding-right: 1rem; border-left: 1px solid #555; }
.header .head.navbar .links a { font-weight: bold; text-transform: uppercase; padding: 0 .5rem; }
@media (max-width: 700px) { .navbar-list .navbar-item { width: calc(100% - 2em); } } @media (max-width: 700px) { .navbar-list .navbar-item { width: calc(100% - 2em); } }
.navbar-item a { color: #e82; }
ul.post-list, ul.navbar-list { list-style-type: none; margin-left: 0; margin-right: 0; } ul.post-list, ul.navbar-list { list-style-type: none; margin-left: 0; margin-right: 0; }
ul.post-list li { padding-top: 2rem; } ul.post-list li { padding-top: 2rem; }
ul.post-list li:first-child { padding-top: 0; } ul.post-list li:first-child { padding-top: 0; }
.header, footer { background-color: rgba(0, 0, 0, 0.25); } .header, footer { background-color: #EEE; }
footer { padding-top: 1rem; } footer { padding-top: 1rem; }
@ -129,15 +121,15 @@ a.icon i.fa { font-size: 2em; display: table-cell; vertical-align: middle; }
.block-center { display: block; margin: auto; } .block-center { display: block; margin: auto; }
/** Syntax highlighting styles */ /** Syntax highlighting styles */
.highlight { background: #fff; } .highlight { background: #EEE; border: 3px solid #DDD; }
.highlighter-rouge .highlight { background: #eef; } .highlighter-rouge .highlight { background: #eef; }
.highlight td.code > pre { background: #424242; } .highlight td.code > pre { background: #222; }
.highlight pre.lineno { background: #212121; text-align: right; } .highlight pre.lineno { background: #111; text-align: right; }
.highlight .c { color: #aaa; font-style: italic; } .highlight .c { color: #777; font-style: italic; }
.highlight .err { color: #a61717; background-color: #e3d2d2; } .highlight .err { color: #a61717; background-color: #e3d2d2; }
@ -209,7 +201,7 @@ a.icon i.fa { font-size: 2em; display: table-cell; vertical-align: middle; }
.highlight .nt { color: #0000d0; } .highlight .nt { color: #0000d0; }
.highlight .nv { color: #00d0d0; } .highlight .nv { color: #0BB; }
.highlight .ow { font-weight: bold; } .highlight .ow { font-weight: bold; }

10
_site/css/main.css.map
View file

File diff suppressed because one or more lines are too long

6
_site/feed.xml
View file

@ -6,9 +6,9 @@
</description> </description>
<link>https://maggioni.xyz/</link> <link>https://maggioni.xyz/</link>
<atom:link href="https://maggioni.xyz/feed.xml" rel="self" type="application/rss+xml"/> <atom:link href="https://maggioni.xyz/feed.xml" rel="self" type="application/rss+xml"/>
<pubDate>Wed, 12 Aug 2020 20:30:04 +0200</pubDate> <pubDate>Wed, 20 Jan 2021 11:24:33 +0100</pubDate>
<lastBuildDate>Wed, 12 Aug 2020 20:30:04 +0200</lastBuildDate> <lastBuildDate>Wed, 20 Jan 2021 11:24:33 +0100</lastBuildDate>
<generator>Jekyll v4.1.1</generator> <generator>Jekyll v4.2.0</generator>
<item> <item>
<title>How to rickroll people that try to run &quot;rm -rf&quot; on your system</title> <title>How to rickroll people that try to run &quot;rm -rf&quot; on your system</title>

147
_site/index.html
View file

@ -1,3 +1,5 @@
<!-- vim: set ts=2 sw=2 et tw=80: -->
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
@ -9,7 +11,9 @@
<meta name="description" content="Eat polenta and do not counter-aim! <meta name="description" content="Eat polenta and do not counter-aim!
"> ">
<link rel="stylesheet" href="https://maggioni.xyz/css/main.css"> <link rel="stylesheet" href="/css/main.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<link rel="canonical" href="https://maggioni.xyz/"> <link rel="canonical" href="https://maggioni.xyz/">
@ -35,106 +39,75 @@
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
</head> </head>
<body> <body>
<header class="header"> <header class="header">
<section class="head container"> <nav class="head navbar">
<h1 class="title">maggioni.xyz</h1> <h1 class="title container">maggioni.xyz</h1>
<h4>Eat <!-- vim: set ts=2 sw=2 et tw=80: -->
<a href="https://en.wikipedia.org/wiki/Polenta"> <div class="links container">
polenta</a> and do not counter-aim!</h4> <a href="/">home</a>
</section>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item"> <a href="/blog/">Blog</a>
<a href="https://maggioni.xyz/">home</a>
</li>
<li class="navbar-item">
<a href="https://maggioni.xyz/blog/">
Blog</a> <a href="/feed.xml">RSS</a>
</li> <a href="/cv.html">CV</a>
</div>
<div class="links container">
<a href="https://git.maggioni.xyz">Git</a>
<a href="https://cloud.maggioni.xyz">Cloud</a>
</div>
<li class="navbar-item">
<a href="https://maggioni.xyz/feed.xml">RSS</a>
</li>
</ul> </section>
<ul class="navbar-list"> </header>
<li class="navbar-item"> <main class="container">
<a href="https://git.maggioni.xyz">Git</a> <div class="home">
</li> <section>
<li class="navbar-item">
<a href="https://cloud.maggioni.xyz">Cloud</a>
</li>
<li class="navbar-item">
<a href="https://arrowcounter.maggioni.xyz">Arrowcounter</a>
</li>
<li class="navbar-item">
<a href="https://www.theshell.ch">The Shell</a>
</li>
<li class="navbar-item">
<a href="https://www.vimtok.com">VimTok</a>
</li>
<li class="navbar-item">
<a href="https://rvl.maggioni.xyz">RVL</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="container">
<div class="home">
<section>
<h1>Welcome to Claudio Maggioni&#39;s website!</h1> <h1>Welcome to Claudio Maggioni&#39;s website!</h1>
<p>Right now this page is almost empty because I have nothing to put in. <p>Right now this page is almost empty because I have nothing to put in.
But remember:</p> But remember:</p>
<blockquote> <blockquote>
<p>Eat <a target="_blank" href="https://en.wikipedia.org/wiki/Polenta"> <p>Eat <a target="_blank" href="https://en.wikipedia.org/wiki/Polenta">
<em>polenta</em></a> and do not counter-aim!</p> <em>polenta</em></a> and do not counter-aim!</p>
</blockquote> </blockquote>
<p>The original, in italian:</p> <p>The original, in italian:</p>
<blockquote> <blockquote>
<p>Mangiate la <p>Mangiate la
<a target="_blank" href="https://it.wikipedia.org/wiki/Polenta"> <a target="_blank" href="https://it.wikipedia.org/wiki/Polenta">
<em>polenta</em> <em>polenta</em>
</a> </a>
e non contromirate!</p> e non contromirate!</p>
</blockquote> </blockquote>
</section> </section>
<section> <section>
<h2>Self-hosted stuff</h2> <h2>Self-hosted services</h2>
<p> <p>
Here are the <em>awesome</em> services provided by <code>maggioni.xyz</code>: Listed below are some websites served by this server:
</p> </p>
<ul> <ul>
<li><a href="https://git.maggioni.xyz">Gogs</a>, a private Git HTTP frontend;</li> <li><a href="https://git.maggioni.xyz">Gitea</a>, a private Git HTTP frontend;</li>
<li><a href="https://cloud.maggioni.xyz"><code>maggioni.xyz</code> cloud</a>, <li><a href="https://cloud.maggioni.xyz"><code>maggioni.xyz</code> cloud</a>,
a private <em>Nextcloud</em> instance;</li> a private <em>Nextcloud</em> instance;</li>
<li><a href="https://arrowcounter.maggioni.xyz">Arrowcounter</a>, a simple online <li><a href="https://vimtok.maggioni.xyz"><code>theshell.ch</code></a></li>
arrow counter;</li> <li><a href="https://theshell.maggioni.xyz">Vimtok</a>,
<li><a href="https://vimtok.com">vimtok.com</a>, a video snippet sharing service;</li> a private <em>Nextcloud</em> instance;</li>
<li><a href="https://theshell.ch">theshell.ch</a>, where <cite>you can learn a lot
of stuff about the shell</cite>.</li>
</ul> </ul>
</section> </section>
</div> </div>
</main> <!-- vim: set ts=2 sw=2 et tw=80: -->
<footer class="site-footer">
</main>
<footer class="site-footer">
<div class="icons"> <div class="icons">
<a class="icon" href="https://github.com/maggicl"><i class="fa fa-github"></i></a> <a class="icon" href="https://github.com/maggicl"><i class="fa fa-github"></i></a>
<a class="icon" href="https://gitlab.com/maggicl"><i class="fa fa-gitlab"></i></a> <a class="icon" href="https://gitlab.com/maggicl"><i class="fa fa-gitlab"></i></a>
@ -151,9 +124,5 @@
</h6> </h6>
</footer> </footer>
<script> </body>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html> </html>

109
_site/linux/2016/07/07/get-a-bluetooth-keyboard-work-with-arch.html
View file

@ -1,3 +1,5 @@
<!-- vim: set ts=2 sw=2 et tw=80: -->
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
@ -8,7 +10,9 @@
<title>Get a Bluetooth keyboard work with Arch Linux</title> <title>Get a Bluetooth keyboard work with Arch Linux</title>
<meta name="description" content="I've recently got a Rapoo E6100. This is a minimal and space saving Bluetooth 3.0 keyboard. If you pair it with Windows 10, it will remain paired after reboo..."> <meta name="description" content="I've recently got a Rapoo E6100. This is a minimal and space saving Bluetooth 3.0 keyboard. If you pair it with Windows 10, it will remain paired after reboo...">
<link rel="stylesheet" href="https://maggioni.xyz/css/main.css"> <link rel="stylesheet" href="/css/main.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<link rel="canonical" href="https://maggioni.xyz/linux/2016/07/07/get-a-bluetooth-keyboard-work-with-arch.html"> <link rel="canonical" href="https://maggioni.xyz/linux/2016/07/07/get-a-bluetooth-keyboard-work-with-arch.html">
@ -34,69 +38,38 @@
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
</head> </head>
<body> <body>
<header class="header"> <header class="header">
<section class="head container"> <nav class="head navbar">
<h1 class="title">maggioni.xyz</h1> <h1 class="title container">maggioni.xyz</h1>
<h4>Eat <!-- vim: set ts=2 sw=2 et tw=80: -->
<a href="https://en.wikipedia.org/wiki/Polenta"> <div class="links container">
polenta</a> and do not counter-aim!</h4> <a href="/">home</a>
</section>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item"> <a href="/blog/">Blog</a>
<a href="https://maggioni.xyz/">home</a>
</li>
<li class="navbar-item">
<a href="https://maggioni.xyz/blog/">
Blog</a> <a href="/feed.xml">RSS</a>
</li> <a href="/cv.html">CV</a>
</div>
<div class="links container">
<a href="https://git.maggioni.xyz">Git</a>
<a href="https://cloud.maggioni.xyz">Cloud</a>
</div>
<li class="navbar-item">
<a href="https://maggioni.xyz/feed.xml">RSS</a>
</li>
</ul> </section>
<ul class="navbar-list"> </header>
<li class="navbar-item"> <main class="container">
<a href="https://git.maggioni.xyz">Git</a> <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
</li>
<li class="navbar-item">
<a href="https://cloud.maggioni.xyz">Cloud</a>
</li>
<li class="navbar-item">
<a href="https://arrowcounter.maggioni.xyz">Arrowcounter</a>
</li>
<li class="navbar-item">
<a href="https://www.theshell.ch">The Shell</a>
</li>
<li class="navbar-item">
<a href="https://www.vimtok.com">VimTok</a>
</li>
<li class="navbar-item">
<a href="https://rvl.maggioni.xyz">RVL</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="container">
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header"> <header class="post-header">
<h2 class="post-title" itemprop="name headline">Get a Bluetooth keyboard work with Arch Linux</h2> <h2 class="post-title" itemprop="name headline">Get a Bluetooth keyboard work with Arch Linux</h2>
@ -194,8 +167,8 @@ This incredibly worked. I think the problem was that <code>multi-user.target</co
</article> </article>
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
<div class="icons"> <div class="icons">
<a class="icon" href="https://github.com/maggicl"><i class="fa fa-github"></i></a> <a class="icon" href="https://github.com/maggicl"><i class="fa fa-github"></i></a>
<a class="icon" href="https://gitlab.com/maggicl"><i class="fa fa-gitlab"></i></a> <a class="icon" href="https://gitlab.com/maggicl"><i class="fa fa-gitlab"></i></a>
@ -212,9 +185,5 @@ This incredibly worked. I think the problem was that <code>multi-user.target</co
</h6> </h6>
</footer> </footer>
<script> </body>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html> </html>

109
_site/linux/2016/07/12/installing-gentoo-on-a-thinkpad-x60s.html
View file

@ -1,3 +1,5 @@
<!-- vim: set ts=2 sw=2 et tw=80: -->
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
@ -8,7 +10,9 @@
<title>Installing Gentoo on a Lenovo ThinkPad X60s</title> <title>Installing Gentoo on a Lenovo ThinkPad X60s</title>
<meta name="description" content=" Currently, my only laptop is a IBM/Lenovo ThinkPad X60s, a top line ultrabook from 2006 that features: An Intel Core Duo L2400 dual core 32 bit ..."> <meta name="description" content=" Currently, my only laptop is a IBM/Lenovo ThinkPad X60s, a top line ultrabook from 2006 that features: An Intel Core Duo L2400 dual core 32 bit ...">
<link rel="stylesheet" href="https://maggioni.xyz/css/main.css"> <link rel="stylesheet" href="/css/main.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<link rel="canonical" href="https://maggioni.xyz/linux/2016/07/12/installing-gentoo-on-a-thinkpad-x60s.html"> <link rel="canonical" href="https://maggioni.xyz/linux/2016/07/12/installing-gentoo-on-a-thinkpad-x60s.html">
@ -34,69 +38,38 @@
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
</head> </head>
<body> <body>
<header class="header"> <header class="header">
<section class="head container"> <nav class="head navbar">
<h1 class="title">maggioni.xyz</h1> <h1 class="title container">maggioni.xyz</h1>
<h4>Eat <!-- vim: set ts=2 sw=2 et tw=80: -->
<a href="https://en.wikipedia.org/wiki/Polenta"> <div class="links container">
polenta</a> and do not counter-aim!</h4> <a href="/">home</a>
</section>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item"> <a href="/blog/">Blog</a>
<a href="https://maggioni.xyz/">home</a>
</li>
<li class="navbar-item">
<a href="https://maggioni.xyz/blog/">
Blog</a> <a href="/feed.xml">RSS</a>
</li> <a href="/cv.html">CV</a>
</div>
<div class="links container">
<a href="https://git.maggioni.xyz">Git</a>
<a href="https://cloud.maggioni.xyz">Cloud</a>
</div>
<li class="navbar-item">
<a href="https://maggioni.xyz/feed.xml">RSS</a>
</li>
</ul> </section>
<ul class="navbar-list"> </header>
<li class="navbar-item"> <main class="container">
<a href="https://git.maggioni.xyz">Git</a> <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
</li>
<li class="navbar-item">
<a href="https://cloud.maggioni.xyz">Cloud</a>
</li>
<li class="navbar-item">
<a href="https://arrowcounter.maggioni.xyz">Arrowcounter</a>
</li>
<li class="navbar-item">
<a href="https://www.theshell.ch">The Shell</a>
</li>
<li class="navbar-item">
<a href="https://www.vimtok.com">VimTok</a>
</li>
<li class="navbar-item">
<a href="https://rvl.maggioni.xyz">RVL</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="container">
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header"> <header class="post-header">
<h2 class="post-title" itemprop="name headline">Installing Gentoo on a Lenovo ThinkPad X60s</h2> <h2 class="post-title" itemprop="name headline">Installing Gentoo on a Lenovo ThinkPad X60s</h2>
@ -199,8 +172,8 @@
</article> </article>
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
<div class="icons"> <div class="icons">
<a class="icon" href="https://github.com/maggicl"><i class="fa fa-github"></i></a> <a class="icon" href="https://github.com/maggicl"><i class="fa fa-github"></i></a>
<a class="icon" href="https://gitlab.com/maggicl"><i class="fa fa-gitlab"></i></a> <a class="icon" href="https://gitlab.com/maggicl"><i class="fa fa-gitlab"></i></a>
@ -217,9 +190,5 @@
</h6> </h6>
</footer> </footer>
<script> </body>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html> </html>

109
_site/linux/2016/07/28/how-to-rickroll-people-launching-rm-rf-on-your-system.html
View file

@ -1,3 +1,5 @@
<!-- vim: set ts=2 sw=2 et tw=80: -->
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
@ -8,7 +10,9 @@
<title>How to rickroll people that try to run &quot;rm -rf&quot; on your system</title> <title>How to rickroll people that try to run &quot;rm -rf&quot; on your system</title>
<meta name="description" content="WARNING: The method showed here could not prevent the actual execution of "rm -rf" if the "UNIX vandal" is clever enough. Proceed at your own risk, and make ..."> <meta name="description" content="WARNING: The method showed here could not prevent the actual execution of "rm -rf" if the "UNIX vandal" is clever enough. Proceed at your own risk, and make ...">
<link rel="stylesheet" href="https://maggioni.xyz/css/main.css"> <link rel="stylesheet" href="/css/main.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<link rel="canonical" href="https://maggioni.xyz/linux/2016/07/28/how-to-rickroll-people-launching-rm-rf-on-your-system.html"> <link rel="canonical" href="https://maggioni.xyz/linux/2016/07/28/how-to-rickroll-people-launching-rm-rf-on-your-system.html">
@ -34,69 +38,38 @@
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
</head> </head>
<body> <body>
<header class="header"> <header class="header">
<section class="head container"> <nav class="head navbar">
<h1 class="title">maggioni.xyz</h1> <h1 class="title container">maggioni.xyz</h1>
<h4>Eat <!-- vim: set ts=2 sw=2 et tw=80: -->
<a href="https://en.wikipedia.org/wiki/Polenta"> <div class="links container">
polenta</a> and do not counter-aim!</h4> <a href="/">home</a>
</section>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item"> <a href="/blog/">Blog</a>
<a href="https://maggioni.xyz/">home</a>
</li>
<li class="navbar-item">
<a href="https://maggioni.xyz/blog/">
Blog</a> <a href="/feed.xml">RSS</a>
</li> <a href="/cv.html">CV</a>
</div>
<div class="links container">
<a href="https://git.maggioni.xyz">Git</a>
<a href="https://cloud.maggioni.xyz">Cloud</a>
</div>
<li class="navbar-item">
<a href="https://maggioni.xyz/feed.xml">RSS</a>
</li>
</ul> </section>
<ul class="navbar-list"> </header>
<li class="navbar-item"> <main class="container">
<a href="https://git.maggioni.xyz">Git</a> <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
</li>
<li class="navbar-item">
<a href="https://cloud.maggioni.xyz">Cloud</a>
</li>
<li class="navbar-item">
<a href="https://arrowcounter.maggioni.xyz">Arrowcounter</a>
</li>
<li class="navbar-item">
<a href="https://www.theshell.ch">The Shell</a>
</li>
<li class="navbar-item">
<a href="https://www.vimtok.com">VimTok</a>
</li>
<li class="navbar-item">
<a href="https://rvl.maggioni.xyz">RVL</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="container">
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header"> <header class="post-header">
<h2 class="post-title" itemprop="name headline">How to rickroll people that try to run "rm -rf" on your system</h2> <h2 class="post-title" itemprop="name headline">How to rickroll people that try to run "rm -rf" on your system</h2>
@ -225,8 +198,8 @@ done</span>
</article> </article>
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
<div class="icons"> <div class="icons">
<a class="icon" href="https://github.com/maggicl"><i class="fa fa-github"></i></a> <a class="icon" href="https://github.com/maggicl"><i class="fa fa-github"></i></a>
<a class="icon" href="https://gitlab.com/maggicl"><i class="fa fa-gitlab"></i></a> <a class="icon" href="https://gitlab.com/maggicl"><i class="fa fa-gitlab"></i></a>
@ -243,9 +216,5 @@ done</span>
</h6> </h6>
</footer> </footer>
<script> </body>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html> </html>

6
css/main.scss
View file

@ -3,7 +3,7 @@
@charset "utf-8"; @charset "utf-8";
// Our variables // Our variables
$base-font-family: "Hammersmith One","Helvetica Neue", Helvetica, Arial, sans-serif; $base-font-family: monospace;
$base-font-size: 18px; $base-font-size: 18px;
$base-font-weight: 200; $base-font-weight: 200;
$small-font-size: $base-font-size * 0.875; $small-font-size: $base-font-size * 0.875;
@ -11,8 +11,8 @@ $base-line-height: 1.5;
$spacing-unit: 30px; $spacing-unit: 30px;
$text-color: #888; $text-color: #333;
$background-color: #090909; $background-color: #FAFAFA;
$brand-color: #e82; $brand-color: #e82;
$grey-color: #828282; $grey-color: #828282;

38
index.html
View file

@ -3,37 +3,37 @@ layout: main
--- ---
<div class="home"> <div class="home">
<section> <section>
<h1>Welcome to Claudio Maggioni&#39;s website!</h1> <h1>Welcome to Claudio Maggioni&#39;s website!</h1>
<p>Right now this page is almost empty because I have nothing to put in. <p>Right now this page is almost empty because I have nothing to put in.
But remember:</p> But remember:</p>
<blockquote> <blockquote>
<p>Eat <a target="_blank" href="https://en.wikipedia.org/wiki/Polenta"> <p>Eat <a target="_blank" href="https://en.wikipedia.org/wiki/Polenta">
<em>polenta</em></a> and do not counter-aim!</p> <em>polenta</em></a> and do not counter-aim!</p>
</blockquote> </blockquote>
<p>The original, in italian:</p> <p>The original, in italian:</p>
<blockquote> <blockquote>
<p>Mangiate la <p>Mangiate la
<a target="_blank" href="https://it.wikipedia.org/wiki/Polenta"> <a target="_blank" href="https://it.wikipedia.org/wiki/Polenta">
<em>polenta</em> <em>polenta</em>
</a> </a>
e non contromirate!</p> e non contromirate!</p>
</blockquote> </blockquote>
</section> </section>
<section> <section>
<h2>Self-hosted stuff</h2> <h2>Self-hosted services</h2>
<p> <p>
Here are the <em>awesome</em> services provided by <code>maggioni.xyz</code>: Listed below are some websites served by this server:
</p> </p>
<ul> <ul>
<li><a href="https://git.maggioni.xyz">Gogs</a>, a private Git HTTP frontend;</li> <li><a href="https://git.maggioni.xyz">Gitea</a>, a private Git HTTP frontend;</li>
<li><a href="https://cloud.maggioni.xyz"><code>maggioni.xyz</code> cloud</a>, <li><a href="https://cloud.maggioni.xyz"><code>maggioni.xyz</code> cloud</a>,
a private <em>Nextcloud</em> instance;</li> a private <em>Nextcloud</em> instance;</li>
<li><a href="https://arrowcounter.maggioni.xyz">Arrowcounter</a>, a simple online <li><a href="https://vimtok.maggioni.xyz"><code>theshell.ch</code></a></li>
arrow counter;</li> <li><a href="https://theshell.maggioni.xyz">Vimtok</a>,
<li><a href="https://vimtok.com">vimtok.com</a>, a video snippet sharing service;</li> a private <em>Nextcloud</em> instance;</li>
<li><a href="https://theshell.ch">theshell.ch</a>, where <cite>you can learn a lot
of stuff about the shell</cite>.</li>
</ul> </ul>
</section> </section>
</div> </div>
<!-- vim: set ts=2 sw=2 et tw=80: -->