New light monospace theme
This commit is contained in:
Claudio Maggioni (maggicl)
parent
5ae11fd831
commit
6371d64e64
32 changed files with 470 additions and 688 deletions
3
.gitignore
vendored
3
.gitignore
vendored
|
|
@ -1 +1,4 @@
|
|||
.DS_Store
|
||||
.jekyll-cache/
|
||||
.sass-cache/
|
||||
.jekyll-metadata
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -6,7 +6,9 @@
|
|||
<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 %}">
|
||||
|
||||
<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=Source+Code+Pro" rel="stylesheet">
|
||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
||||
|
|
|
|||
|
|
@ -1,21 +1,15 @@
|
|||
<nav class="navbar">
|
||||
<div class="container">
|
||||
<ul class="navbar-list">
|
||||
<li class="navbar-item">
|
||||
<a href="{{ "/" | prepend: site.baseurl | prepend: site.url }}">home</a>
|
||||
</li>
|
||||
{% for my_page in site.pages %}
|
||||
{% if my_page.title %}
|
||||
<li class="navbar-item">
|
||||
<a href="{{ my_page.url | prepend: site.baseurl | prepend: site.url }}">
|
||||
{{ my_page.title }}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% include links.html %}
|
||||
</ul>
|
||||
<ul class="navbar-list">
|
||||
{% include self-hosted.html %}
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
<div class="links container">
|
||||
<a href="/">home</a>
|
||||
{% for my_page in site.pages %}
|
||||
{% if my_page.title %}
|
||||
<a href="{{ my_page.url }}">{{ my_page.title }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<a href="/feed.xml">RSS</a>
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -1,3 +0,0 @@
|
|||
<li class="navbar-item">
|
||||
<a href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">RSS</a>
|
||||
</li>
|
||||
|
|
@ -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>
|
||||
|
||||
|
|
@ -1,23 +1,18 @@
|
|||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
{% include head.html %}
|
||||
<body>
|
||||
<header class="header">
|
||||
<section class="head container">
|
||||
<h1 class="title">{{ site.title }}</h1>
|
||||
<h4>Eat
|
||||
<a href="https://en.wikipedia.org/wiki/Polenta">
|
||||
polenta</a> and do not counter-aim!</h4>
|
||||
</section>
|
||||
{% include header.html %}
|
||||
</header>
|
||||
<main class="container">
|
||||
{{ content }}
|
||||
</main>
|
||||
{% include footer.html %}
|
||||
<script>
|
||||
var easter_egg = new Konami();
|
||||
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
|
||||
</script>
|
||||
</body>
|
||||
<body>
|
||||
<header class="header">
|
||||
<nav class="head navbar">
|
||||
<h1 class="title container">{{ site.title }}</h1>
|
||||
{% include header.html %}
|
||||
</section>
|
||||
</header>
|
||||
<main class="container">
|
||||
{{ content }}
|
||||
</main>
|
||||
{% include footer.html %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
108
_sass/_base.scss
108
_sass/_base.scss
|
|
@ -1,112 +1,112 @@
|
|||
/* vim: set ts=2 sw=2 et tw=80: */
|
||||
|
||||
/* Reset some basic elements */
|
||||
body, h1, h2, h3, h4, h5, h6,
|
||||
p, blockquote, pre, hr,
|
||||
dl, dd, ol, ul, figure {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Basic styling */
|
||||
body {
|
||||
font-weight: $base-font-weight;
|
||||
font-size: $base-font-size;
|
||||
line-height: $base-line-height;
|
||||
font-family: $base-font-family;
|
||||
color: $text-color;
|
||||
background-color: $background-color;
|
||||
font-weight: $base-font-weight;
|
||||
font-size: $base-font-size;
|
||||
line-height: $base-line-height;
|
||||
font-family: $base-font-family;
|
||||
color: $text-color;
|
||||
background-color: $background-color;
|
||||
}
|
||||
|
||||
/* Images */
|
||||
img {
|
||||
max-width: 100%;
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Lists */
|
||||
ul, ol {
|
||||
margin-left: $spacing-unit;
|
||||
margin-left: $spacing-unit;
|
||||
}
|
||||
|
||||
/* Disable margin for lists */
|
||||
li > ul, li > ol {
|
||||
margin-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Headings */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: $base-font-weight;
|
||||
font-weight: $base-font-weight;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: $brand-color;
|
||||
text-decoration: none;
|
||||
color: #08E;
|
||||
text-decoration: none;
|
||||
|
||||
&:visited {
|
||||
color: darken($brand-color, 15%);
|
||||
}
|
||||
&:visited {
|
||||
color: #C0B;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $text-color;
|
||||
text-decoration: underline;
|
||||
}
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Blockquotes
|
||||
*/
|
||||
blockquote {
|
||||
color: $grey-color;
|
||||
border-left: 4px solid $grey-color-light;
|
||||
font-size: 18px;
|
||||
letter-spacing: -1px;
|
||||
font-style: italic;
|
||||
margin: 1rem 0;
|
||||
padding: 1em;
|
||||
color: $grey-color;
|
||||
border-left: 4px solid $grey-color-light;
|
||||
font-size: 18px;
|
||||
letter-spacing: -1px;
|
||||
font-style: italic;
|
||||
margin: 1rem 0;
|
||||
padding: 1em;
|
||||
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* do not put padding around the table with line numbers and the code */
|
||||
code table {
|
||||
margin: -8px -12px;
|
||||
margin: -8px -12px;
|
||||
}
|
||||
|
||||
pre table.rouge-table td {
|
||||
padding: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 8px 12px;
|
||||
overflow-x: auto;
|
||||
padding: 8px 12px;
|
||||
overflow-x: auto;
|
||||
|
||||
> code {
|
||||
border: 0;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
> code {
|
||||
border: 0;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* pull a nice monospace font from the internets, plus set font and
|
||||
* background */
|
||||
pre, code {
|
||||
font-size: 0.95rem;
|
||||
background: rgb(66,66,66);
|
||||
font-family: "Source Code Pro", monospace;
|
||||
font-size: 0.95rem;
|
||||
background: #EEE;
|
||||
}
|
||||
|
||||
/* Disable borders between line numbers and code when
|
||||
* line numbers are shown */
|
||||
code .rouge-table, code .rouge-table td {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
code .rouge-table {
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -115,18 +115,10 @@ code .rouge-table {
|
|||
|
||||
/* Padding for the main content in the page */
|
||||
.container {
|
||||
padding: 0 4em;
|
||||
max-width: 1000px;
|
||||
margin: auto;
|
||||
padding: .4rem 2em;
|
||||
}
|
||||
|
||||
/* 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
|
||||
|
|
@ -160,5 +152,5 @@ p:first-child {
|
|||
|
||||
/* make strongly emphasized elements REALLY STRONG */
|
||||
strong {
|
||||
background: #aa2222;
|
||||
background: #FAA;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,62 +1,73 @@
|
|||
/* vim: set ts=2 sw=2 et tw=80: */
|
||||
|
||||
$header-border: 1px solid #eee;
|
||||
|
||||
body {
|
||||
background-color: #333;
|
||||
font-family: 'Hammersmith One', sans-serif;
|
||||
color: white;
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
flex-direction: column;
|
||||
background-color: $background-color;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
main {
|
||||
flex: 1 0 auto;
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
|
||||
.navbar-list .navbar-item {
|
||||
text-transform: uppercase;
|
||||
font-weight: 400;
|
||||
display: inline-block;
|
||||
margin: 1em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 400;
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
ul.navbar-list {
|
||||
border-top: $header-border;
|
||||
border-bottom: $header-border;
|
||||
margin-bottom: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
padding: 4rem 0 .5rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
.head {
|
||||
margin-bottom: 2.66rem;
|
||||
}
|
||||
border-bottom: 1px solid black;
|
||||
|
||||
@media (min-width: 700px) {
|
||||
.header {
|
||||
padding-top: 6rem;
|
||||
.head.navbar {
|
||||
display: flex;
|
||||
|
||||
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) {
|
||||
.navbar-list .navbar-item {
|
||||
width: calc(100% - 2em);
|
||||
}
|
||||
.navbar-list .navbar-item {
|
||||
width: calc(100% - 2em);
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-item a {
|
||||
color: $brand-color;
|
||||
}
|
||||
|
||||
ul.post-list, ul.navbar-list {
|
||||
list-style-type: none;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
list-style-type: none;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
ul.post-list li {
|
||||
|
|
@ -68,54 +79,54 @@ ul.post-list li:first-child {
|
|||
}
|
||||
|
||||
.header, footer {
|
||||
background-color: rgba(0,0,0,0.25);
|
||||
background-color: #EEE;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding-top: 1rem;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
footer .author {
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.icons {
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a.icon {
|
||||
display: inline-table;
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
border-radius: 1.75em;
|
||||
width: 3.5em;
|
||||
height: 3.5em;
|
||||
text-align: center;
|
||||
line-height: 3.5em;
|
||||
margin: .5em;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
display: inline-table;
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
border-radius: 1.75em;
|
||||
width: 3.5em;
|
||||
height: 3.5em;
|
||||
text-align: center;
|
||||
line-height: 3.5em;
|
||||
margin: .5em;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Disable underlining in icon links inside the footer */
|
||||
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 */
|
||||
a.icon:hover {
|
||||
background-color: #bbbbbb;
|
||||
background-color: #bbbbbb;
|
||||
}
|
||||
|
||||
a.icon i.fa {
|
||||
font-size: 2em;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
font-size: 2em;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Utility class for centering block elements */
|
||||
|
|
|
|||
|
|
@ -2,22 +2,23 @@
|
|||
* Syntax highlighting styles
|
||||
*/
|
||||
.highlight {
|
||||
background: #fff;
|
||||
background: #EEE;
|
||||
border: 3px solid #DDD;
|
||||
|
||||
.highlighter-rouge & {
|
||||
background: #eef;
|
||||
}
|
||||
|
||||
td.code > pre {
|
||||
background: rgb(66, 66, 66);
|
||||
background: #222;
|
||||
}
|
||||
|
||||
pre.lineno {
|
||||
background: #212121;
|
||||
background: #111;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.c { color: #aaa; font-style: italic } // Comment
|
||||
.c { color: #777; font-style: italic } // Comment
|
||||
.err { color: #a61717; background-color: #e3d2d2 } // Error
|
||||
.k { font-weight: bold } // Keyword
|
||||
.o { font-weight: bold } // Operator
|
||||
|
|
@ -53,7 +54,7 @@
|
|||
.nf { color: #900; font-weight: bold } // Name.Function
|
||||
.nn { color: #555 } // Name.Namespace
|
||||
.nt { color: #0000d0 } // Name.Tag
|
||||
.nv { color: #00d0d0 } // Name.Variable
|
||||
.nv { color: #0BB } // Name.Variable
|
||||
.ow { font-weight: bold } // Operator.Word
|
||||
.w { color: #bbb } // Text.Whitespace
|
||||
.mf { color: #099 } // Literal.Number.Float
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
|
@ -9,7 +11,9 @@
|
|||
<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=Source+Code+Pro" rel="stylesheet">
|
||||
<link rel="canonical" href="https://maggioni.xyz/404.html">
|
||||
|
|
@ -35,28 +39,18 @@
|
|||
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="header">
|
||||
<section class="head container">
|
||||
<h1 class="title">maggioni.xyz</h1>
|
||||
<h4>Eat
|
||||
<a href="https://en.wikipedia.org/wiki/Polenta">
|
||||
polenta</a> and do not counter-aim!</h4>
|
||||
</section>
|
||||
<nav class="navbar">
|
||||
<div class="container">
|
||||
<ul class="navbar-list">
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/">home</a>
|
||||
</li>
|
||||
<body>
|
||||
<header class="header">
|
||||
<nav class="head navbar">
|
||||
<h1 class="title container">maggioni.xyz</h1>
|
||||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
<div class="links container">
|
||||
<a href="/">home</a>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/blog/">
|
||||
Blog</a>
|
||||
</li>
|
||||
<a href="/blog/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
|
@ -65,39 +59,18 @@
|
|||
|
||||
|
||||
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/feed.xml">RSS</a>
|
||||
</li>
|
||||
<a href="/feed.xml">RSS</a>
|
||||
<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>
|
||||
|
||||
</ul>
|
||||
<ul class="navbar-list">
|
||||
<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>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<main class="container">
|
||||
<h1>404 - page not found</h1>
|
||||
</section>
|
||||
</header>
|
||||
<main class="container">
|
||||
<h1>404 - page not found</h1>
|
||||
|
||||
<p>
|
||||
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
|
||||
</a> for the <code>gif</code>!</p>
|
||||
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="icons">
|
||||
<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>
|
||||
|
|
@ -130,9 +103,5 @@ Thanks to <a href="https://github.com/Giorgio-Croci">Giorgio Croci
|
|||
</h6>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
var easter_egg = new Konami();
|
||||
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
|
||||
</script>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
|
@ -9,7 +11,9 @@
|
|||
<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=Source+Code+Pro" rel="stylesheet">
|
||||
<link rel="canonical" href="https://maggioni.xyz/blog/">
|
||||
|
|
@ -35,28 +39,18 @@
|
|||
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="header">
|
||||
<section class="head container">
|
||||
<h1 class="title">maggioni.xyz</h1>
|
||||
<h4>Eat
|
||||
<a href="https://en.wikipedia.org/wiki/Polenta">
|
||||
polenta</a> and do not counter-aim!</h4>
|
||||
</section>
|
||||
<nav class="navbar">
|
||||
<div class="container">
|
||||
<ul class="navbar-list">
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/">home</a>
|
||||
</li>
|
||||
<body>
|
||||
<header class="header">
|
||||
<nav class="head navbar">
|
||||
<h1 class="title container">maggioni.xyz</h1>
|
||||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
<div class="links container">
|
||||
<a href="/">home</a>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/blog/">
|
||||
Blog</a>
|
||||
</li>
|
||||
<a href="/blog/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
|
@ -65,39 +59,18 @@
|
|||
|
||||
|
||||
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/feed.xml">RSS</a>
|
||||
</li>
|
||||
<a href="/feed.xml">RSS</a>
|
||||
<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>
|
||||
|
||||
</ul>
|
||||
<ul class="navbar-list">
|
||||
<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>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<main class="container">
|
||||
<article class="post">
|
||||
</section>
|
||||
</header>
|
||||
<main class="container">
|
||||
<article class="post">
|
||||
|
||||
<header class="post-header">
|
||||
<h2 class="post-title">Blog</h2>
|
||||
|
|
@ -144,8 +117,8 @@
|
|||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="icons">
|
||||
<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>
|
||||
|
|
@ -162,9 +135,5 @@
|
|||
</h6>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
var easter_egg = new Konami();
|
||||
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
|
||||
</script>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,9 @@
|
|||
/* vim: set ts=2 sw=2 et tw=80: */
|
||||
/* Reset some basic elements */
|
||||
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }
|
||||
|
||||
/* 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 */
|
||||
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; }
|
||||
|
||||
/* 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 */
|
||||
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; }
|
||||
|
||||
/* 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 { border-spacing: 0; border-collapse: collapse; }
|
||||
|
||||
/** Basic layout rules */
|
||||
/* Padding for the main content in the page */
|
||||
.container { padding: 0 4em; max-width: 1000px; margin: auto; }
|
||||
.container { padding: .4rem 2em; }
|
||||
|
||||
/* 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 */
|
||||
/* separate article metadata to the article itself with some space */
|
||||
article .post-header { margin-bottom: 3rem; }
|
||||
|
|
@ -79,33 +68,36 @@ p, figure { margin-top: 1.2rem; }
|
|||
p:first-child { margin-top: 0; }
|
||||
|
||||
/* 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; }
|
||||
|
||||
.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); } }
|
||||
|
||||
.navbar-item a { color: #e82; }
|
||||
|
||||
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:first-child { padding-top: 0; }
|
||||
|
||||
.header, footer { background-color: rgba(0, 0, 0, 0.25); }
|
||||
.header, footer { background-color: #EEE; }
|
||||
|
||||
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; }
|
||||
|
||||
/** Syntax highlighting styles */
|
||||
.highlight { background: #fff; }
|
||||
.highlight { background: #EEE; border: 3px solid #DDD; }
|
||||
|
||||
.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; }
|
||||
|
||||
|
|
@ -209,7 +201,7 @@ a.icon i.fa { font-size: 2em; display: table-cell; vertical-align: middle; }
|
|||
|
||||
.highlight .nt { color: #0000d0; }
|
||||
|
||||
.highlight .nv { color: #00d0d0; }
|
||||
.highlight .nv { color: #0BB; }
|
||||
|
||||
.highlight .ow { font-weight: bold; }
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -6,9 +6,9 @@
|
|||
</description>
|
||||
<link>https://maggioni.xyz/</link>
|
||||
<atom:link href="https://maggioni.xyz/feed.xml" rel="self" type="application/rss+xml"/>
|
||||
<pubDate>Wed, 12 Aug 2020 20:30:04 +0200</pubDate>
|
||||
<lastBuildDate>Wed, 12 Aug 2020 20:30:04 +0200</lastBuildDate>
|
||||
<generator>Jekyll v4.1.1</generator>
|
||||
<pubDate>Wed, 20 Jan 2021 11:24:33 +0100</pubDate>
|
||||
<lastBuildDate>Wed, 20 Jan 2021 11:24:33 +0100</lastBuildDate>
|
||||
<generator>Jekyll v4.2.0</generator>
|
||||
|
||||
<item>
|
||||
<title>How to rickroll people that try to run "rm -rf" on your system</title>
|
||||
|
|
|
|||
123
_site/index.html
123
_site/index.html
|
|
@ -1,3 +1,5 @@
|
|||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
|
@ -9,7 +11,9 @@
|
|||
<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=Source+Code+Pro" rel="stylesheet">
|
||||
<link rel="canonical" href="https://maggioni.xyz/">
|
||||
|
|
@ -35,28 +39,18 @@
|
|||
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="header">
|
||||
<section class="head container">
|
||||
<h1 class="title">maggioni.xyz</h1>
|
||||
<h4>Eat
|
||||
<a href="https://en.wikipedia.org/wiki/Polenta">
|
||||
polenta</a> and do not counter-aim!</h4>
|
||||
</section>
|
||||
<nav class="navbar">
|
||||
<div class="container">
|
||||
<ul class="navbar-list">
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/">home</a>
|
||||
</li>
|
||||
<body>
|
||||
<header class="header">
|
||||
<nav class="head navbar">
|
||||
<h1 class="title container">maggioni.xyz</h1>
|
||||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
<div class="links container">
|
||||
<a href="/">home</a>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/blog/">
|
||||
Blog</a>
|
||||
</li>
|
||||
<a href="/blog/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
|
@ -65,76 +59,55 @@
|
|||
|
||||
|
||||
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/feed.xml">RSS</a>
|
||||
</li>
|
||||
<a href="/feed.xml">RSS</a>
|
||||
<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>
|
||||
|
||||
</ul>
|
||||
<ul class="navbar-list">
|
||||
<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>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<main class="container">
|
||||
<div class="home">
|
||||
<section>
|
||||
</section>
|
||||
</header>
|
||||
<main class="container">
|
||||
<div class="home">
|
||||
<section>
|
||||
<h1>Welcome to Claudio Maggioni's website!</h1>
|
||||
<p>Right now this page is almost empty because I have nothing to put in.
|
||||
But remember:</p>
|
||||
But remember:</p>
|
||||
<blockquote>
|
||||
<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>
|
||||
<p>The original, in italian:</p>
|
||||
<blockquote>
|
||||
<p>Mangiate la
|
||||
<a target="_blank" href="https://it.wikipedia.org/wiki/Polenta">
|
||||
<em>polenta</em>
|
||||
</a>
|
||||
e non contromirate!</p>
|
||||
<a target="_blank" href="https://it.wikipedia.org/wiki/Polenta">
|
||||
<em>polenta</em>
|
||||
</a>
|
||||
e non contromirate!</p>
|
||||
</blockquote>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Self-hosted stuff</h2>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Self-hosted services</h2>
|
||||
<p>
|
||||
Here are the <em>awesome</em> services provided by <code>maggioni.xyz</code>:
|
||||
Listed below are some websites served by this server:
|
||||
</p>
|
||||
<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>,
|
||||
a private <em>Nextcloud</em> instance;</li>
|
||||
<li><a href="https://arrowcounter.maggioni.xyz">Arrowcounter</a>, a simple online
|
||||
arrow counter;</li>
|
||||
<li><a href="https://vimtok.com">vimtok.com</a>, a video snippet sharing service;</li>
|
||||
<li><a href="https://theshell.ch">theshell.ch</a>, where <cite>you can learn a lot
|
||||
of stuff about the shell</cite>.</li>
|
||||
a private <em>Nextcloud</em> instance;</li>
|
||||
<li><a href="https://vimtok.maggioni.xyz"><code>theshell.ch</code></a></li>
|
||||
<li><a href="https://theshell.maggioni.xyz">Vimtok</a>,
|
||||
a private <em>Nextcloud</em> instance;</li>
|
||||
</ul>
|
||||
</section>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="icons">
|
||||
<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>
|
||||
|
|
@ -151,9 +124,5 @@
|
|||
</h6>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
var easter_egg = new Konami();
|
||||
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
|
||||
</script>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
|
@ -8,7 +10,9 @@
|
|||
<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...">
|
||||
|
||||
<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=Source+Code+Pro" rel="stylesheet">
|
||||
<link rel="canonical" href="https://maggioni.xyz/linux/2016/07/07/get-a-bluetooth-keyboard-work-with-arch.html">
|
||||
|
|
@ -34,28 +38,18 @@
|
|||
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="header">
|
||||
<section class="head container">
|
||||
<h1 class="title">maggioni.xyz</h1>
|
||||
<h4>Eat
|
||||
<a href="https://en.wikipedia.org/wiki/Polenta">
|
||||
polenta</a> and do not counter-aim!</h4>
|
||||
</section>
|
||||
<nav class="navbar">
|
||||
<div class="container">
|
||||
<ul class="navbar-list">
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/">home</a>
|
||||
</li>
|
||||
<body>
|
||||
<header class="header">
|
||||
<nav class="head navbar">
|
||||
<h1 class="title container">maggioni.xyz</h1>
|
||||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
<div class="links container">
|
||||
<a href="/">home</a>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/blog/">
|
||||
Blog</a>
|
||||
</li>
|
||||
<a href="/blog/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
|
@ -64,39 +58,18 @@
|
|||
|
||||
|
||||
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/feed.xml">RSS</a>
|
||||
</li>
|
||||
<a href="/feed.xml">RSS</a>
|
||||
<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>
|
||||
|
||||
</ul>
|
||||
<ul class="navbar-list">
|
||||
<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>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<main class="container">
|
||||
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
|
||||
</section>
|
||||
</header>
|
||||
<main class="container">
|
||||
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
|
||||
|
||||
<header class="post-header">
|
||||
<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>
|
||||
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="icons">
|
||||
<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>
|
||||
|
|
@ -212,9 +185,5 @@ This incredibly worked. I think the problem was that <code>multi-user.target</co
|
|||
</h6>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
var easter_egg = new Konami();
|
||||
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
|
||||
</script>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
|
@ -8,7 +10,9 @@
|
|||
<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 ...">
|
||||
|
||||
<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=Source+Code+Pro" rel="stylesheet">
|
||||
<link rel="canonical" href="https://maggioni.xyz/linux/2016/07/12/installing-gentoo-on-a-thinkpad-x60s.html">
|
||||
|
|
@ -34,28 +38,18 @@
|
|||
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="header">
|
||||
<section class="head container">
|
||||
<h1 class="title">maggioni.xyz</h1>
|
||||
<h4>Eat
|
||||
<a href="https://en.wikipedia.org/wiki/Polenta">
|
||||
polenta</a> and do not counter-aim!</h4>
|
||||
</section>
|
||||
<nav class="navbar">
|
||||
<div class="container">
|
||||
<ul class="navbar-list">
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/">home</a>
|
||||
</li>
|
||||
<body>
|
||||
<header class="header">
|
||||
<nav class="head navbar">
|
||||
<h1 class="title container">maggioni.xyz</h1>
|
||||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
<div class="links container">
|
||||
<a href="/">home</a>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/blog/">
|
||||
Blog</a>
|
||||
</li>
|
||||
<a href="/blog/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
|
@ -64,39 +58,18 @@
|
|||
|
||||
|
||||
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/feed.xml">RSS</a>
|
||||
</li>
|
||||
<a href="/feed.xml">RSS</a>
|
||||
<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>
|
||||
|
||||
</ul>
|
||||
<ul class="navbar-list">
|
||||
<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>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<main class="container">
|
||||
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
|
||||
</section>
|
||||
</header>
|
||||
<main class="container">
|
||||
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
|
||||
|
||||
<header class="post-header">
|
||||
<h2 class="post-title" itemprop="name headline">Installing Gentoo on a Lenovo ThinkPad X60s</h2>
|
||||
|
|
@ -199,8 +172,8 @@
|
|||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="icons">
|
||||
<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>
|
||||
|
|
@ -217,9 +190,5 @@
|
|||
</h6>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
var easter_egg = new Konami();
|
||||
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
|
||||
</script>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
|
@ -8,7 +10,9 @@
|
|||
<title>How to rickroll people that try to run "rm -rf" 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 ...">
|
||||
|
||||
<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=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">
|
||||
|
|
@ -34,28 +38,18 @@
|
|||
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="header">
|
||||
<section class="head container">
|
||||
<h1 class="title">maggioni.xyz</h1>
|
||||
<h4>Eat
|
||||
<a href="https://en.wikipedia.org/wiki/Polenta">
|
||||
polenta</a> and do not counter-aim!</h4>
|
||||
</section>
|
||||
<nav class="navbar">
|
||||
<div class="container">
|
||||
<ul class="navbar-list">
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/">home</a>
|
||||
</li>
|
||||
<body>
|
||||
<header class="header">
|
||||
<nav class="head navbar">
|
||||
<h1 class="title container">maggioni.xyz</h1>
|
||||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
<div class="links container">
|
||||
<a href="/">home</a>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/blog/">
|
||||
Blog</a>
|
||||
</li>
|
||||
<a href="/blog/">Blog</a>
|
||||
|
||||
|
||||
|
||||
|
|
@ -64,39 +58,18 @@
|
|||
|
||||
|
||||
|
||||
<li class="navbar-item">
|
||||
<a href="https://maggioni.xyz/feed.xml">RSS</a>
|
||||
</li>
|
||||
<a href="/feed.xml">RSS</a>
|
||||
<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>
|
||||
|
||||
</ul>
|
||||
<ul class="navbar-list">
|
||||
<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>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</header>
|
||||
<main class="container">
|
||||
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
|
||||
</section>
|
||||
</header>
|
||||
<main class="container">
|
||||
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
|
||||
|
||||
<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>
|
||||
|
|
@ -225,8 +198,8 @@ done</span>
|
|||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
</main>
|
||||
<footer class="site-footer">
|
||||
<div class="icons">
|
||||
<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>
|
||||
|
|
@ -243,9 +216,5 @@ done</span>
|
|||
</h6>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
var easter_egg = new Konami();
|
||||
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
|
||||
</script>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
@charset "utf-8";
|
||||
|
||||
// Our variables
|
||||
$base-font-family: "Hammersmith One","Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
$base-font-family: monospace;
|
||||
$base-font-size: 18px;
|
||||
$base-font-weight: 200;
|
||||
$small-font-size: $base-font-size * 0.875;
|
||||
|
|
@ -11,8 +11,8 @@ $base-line-height: 1.5;
|
|||
|
||||
$spacing-unit: 30px;
|
||||
|
||||
$text-color: #888;
|
||||
$background-color: #090909;
|
||||
$text-color: #333;
|
||||
$background-color: #FAFAFA;
|
||||
$brand-color: #e82;
|
||||
|
||||
$grey-color: #828282;
|
||||
|
|
|
|||
38
index.html
38
index.html
|
|
@ -3,37 +3,37 @@ layout: main
|
|||
---
|
||||
|
||||
<div class="home">
|
||||
<section>
|
||||
<section>
|
||||
<h1>Welcome to Claudio Maggioni's website!</h1>
|
||||
<p>Right now this page is almost empty because I have nothing to put in.
|
||||
But remember:</p>
|
||||
But remember:</p>
|
||||
<blockquote>
|
||||
<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>
|
||||
<p>The original, in italian:</p>
|
||||
<blockquote>
|
||||
<p>Mangiate la
|
||||
<a target="_blank" href="https://it.wikipedia.org/wiki/Polenta">
|
||||
<em>polenta</em>
|
||||
</a>
|
||||
e non contromirate!</p>
|
||||
<a target="_blank" href="https://it.wikipedia.org/wiki/Polenta">
|
||||
<em>polenta</em>
|
||||
</a>
|
||||
e non contromirate!</p>
|
||||
</blockquote>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Self-hosted stuff</h2>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Self-hosted services</h2>
|
||||
<p>
|
||||
Here are the <em>awesome</em> services provided by <code>maggioni.xyz</code>:
|
||||
Listed below are some websites served by this server:
|
||||
</p>
|
||||
<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>,
|
||||
a private <em>Nextcloud</em> instance;</li>
|
||||
<li><a href="https://arrowcounter.maggioni.xyz">Arrowcounter</a>, a simple online
|
||||
arrow counter;</li>
|
||||
<li><a href="https://vimtok.com">vimtok.com</a>, a video snippet sharing service;</li>
|
||||
<li><a href="https://theshell.ch">theshell.ch</a>, where <cite>you can learn a lot
|
||||
of stuff about the shell</cite>.</li>
|
||||
a private <em>Nextcloud</em> instance;</li>
|
||||
<li><a href="https://vimtok.maggioni.xyz"><code>theshell.ch</code></a></li>
|
||||
<li><a href="https://theshell.maggioni.xyz">Vimtok</a>,
|
||||
a private <em>Nextcloud</em> instance;</li>
|
||||
</ul>
|
||||
</section>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- vim: set ts=2 sw=2 et tw=80: -->
|
||||
|
|
|
|||
Loading…
Reference in a new issue