New light monospace theme

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

3
.gitignore vendored
View file

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

View file

@ -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 }}">

View file

@ -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>
<!-- 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 %}
<li class="navbar-item">
<a href="{{ my_page.url | prepend: site.baseurl | prepend: site.url }}">
{{ my_page.title }}</a>
</li>
<a href="{{ my_page.url }}">{{ my_page.title }}</a>
{% endif %}
{% endfor %}
{% include links.html %}
</ul>
<ul class="navbar-list">
{% include self-hosted.html %}
</ul>
<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>
</nav>

View file

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

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>

View file

@ -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>
<nav class="head navbar">
<h1 class="title container">{{ site.title }}</h1>
{% include header.html %}
</section>
</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>
</html>

View file

@ -1,3 +1,5 @@
/* vim: set ts=2 sw=2 et tw=80: */
/* Reset some basic elements */
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
@ -39,15 +41,14 @@ h1, h2, h3, h4, h5, h6 {
/* Links */
a {
color: $brand-color;
color: #08E;
text-decoration: none;
&:visited {
color: darken($brand-color, 15%);
color: #C0B;
}
&:hover {
color: $text-color;
text-decoration: underline;
}
}
@ -93,8 +94,7 @@ pre {
* background */
pre, code {
font-size: 0.95rem;
background: rgb(66,66,66);
font-family: "Source Code Pro", monospace;
background: #EEE;
}
/* Disable borders between line numbers and code when
@ -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;
}

View file

@ -1,9 +1,10 @@
/* 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;
background-color: $background-color;
font-family: 'IBM Plex Mono', monospace;
display: flex;
min-height: 100vh;
flex-direction: column;
@ -16,30 +17,43 @@ main {
.navbar-list .navbar-item {
text-transform: uppercase;
font-weight: 400;
display: inline-block;
margin: 1em;
}
ul.navbar-list {
border-top: $header-border;
border-bottom: $header-border;
margin-bottom: 2rem;
}
.header {
padding: 4rem 0 .5rem 0;
text-align: center;
}
.head {
margin-bottom: 2.66rem;
border-bottom: 1px solid black;
.head.navbar {
display: flex;
h1 {
flex: 2;
font-size: 1.5rem;
margin-bottom: .25rem;
display: inline;
margin: 0;
}
@media (min-width: 700px) {
.header {
padding-top: 6rem;
.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;
}
}
.head {
margin-bottom: 4rem;
}
}
@ -49,9 +63,6 @@ ul.navbar-list {
}
}
.navbar-item a {
color: $brand-color;
}
ul.post-list, ul.navbar-list {
list-style-type: none;
@ -68,7 +79,7 @@ ul.post-list li:first-child {
}
.header, footer {
background-color: rgba(0,0,0,0.25);
background-color: #EEE;
}
footer {

View file

@ -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

View file

@ -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">
@ -37,26 +41,16 @@
<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>
<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,36 +59,15 @@
<li class="navbar-item">
<a href="https://maggioni.xyz/feed.xml">RSS</a>
</li>
</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>
<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>
</nav>
</section>
</header>
<main class="container">
<h1>404 - page not found</h1>
@ -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>
</html>

View file

@ -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/">
@ -37,26 +41,16 @@
<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>
<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,36 +59,15 @@
<li class="navbar-item">
<a href="https://maggioni.xyz/feed.xml">RSS</a>
</li>
</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>
<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>
</nav>
</section>
</header>
<main class="container">
<article class="post">
@ -162,9 +135,5 @@
</h6>
</footer>
<script>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html>

View file

@ -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,7 +39,7 @@ 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 */
code .rouge-table, code .rouge-table td { border: 0; border-radius: 0; }
@ -47,21 +48,9 @@ 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

View file

@ -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 &quot;rm -rf&quot; on your system</title>

View file

@ -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/">
@ -37,26 +41,16 @@
<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>
<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,36 +59,15 @@
<li class="navbar-item">
<a href="https://maggioni.xyz/feed.xml">RSS</a>
</li>
</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>
<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>
</nav>
</section>
</header>
<main class="container">
<div class="home">
@ -116,23 +89,23 @@
</blockquote>
</section>
<section>
<h2>Self-hosted stuff</h2>
<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>
<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>
</div>
<!-- vim: set ts=2 sw=2 et tw=80: -->
</main>
<footer class="site-footer">
<div class="icons">
@ -151,9 +124,5 @@
</h6>
</footer>
<script>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html>

View file

@ -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">
@ -36,26 +40,16 @@
<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>
<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,36 +58,15 @@
<li class="navbar-item">
<a href="https://maggioni.xyz/feed.xml">RSS</a>
</li>
</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>
<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>
</nav>
</section>
</header>
<main class="container">
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
@ -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>
</html>

View file

@ -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">
@ -36,26 +40,16 @@
<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>
<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,36 +58,15 @@
<li class="navbar-item">
<a href="https://maggioni.xyz/feed.xml">RSS</a>
</li>
</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>
<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>
</nav>
</section>
</header>
<main class="container">
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
@ -217,9 +190,5 @@
</h6>
</footer>
<script>
var easter_egg = new Konami();
easter_egg.load("https://www.youtube.com/watch?v=URTcCh6QVwM");
</script>
</body>
</html>

View file

@ -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 &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 ...">
<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">
@ -36,26 +40,16 @@
<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>
<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,36 +58,15 @@
<li class="navbar-item">
<a href="https://maggioni.xyz/feed.xml">RSS</a>
</li>
</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>
<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>
</nav>
</section>
</header>
<main class="container">
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
@ -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>
</html>

View file

@ -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;

View file

@ -21,19 +21,19 @@ layout: main
</blockquote>
</section>
<section>
<h2>Self-hosted stuff</h2>
<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>
<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>
</div>
<!-- vim: set ts=2 sw=2 et tw=80: -->