241 lines
7.1 KiB
HTML
241 lines
7.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta name="generator" content=
|
||
|
|
"HTML Tidy for HTML5 for Linux version 5.7.45">
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
background-color: #282828;
|
||
|
|
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||
|
|
color: #ebdbb2;
|
||
|
|
font-size: 16px; }
|
||
|
|
|
||
|
|
main {
|
||
|
|
margin: 10px auto;
|
||
|
|
max-width: 80%; }
|
||
|
|
main .container {
|
||
|
|
margin: auto;
|
||
|
|
max-width: 95%;
|
||
|
|
line-height: 1.8;
|
||
|
|
padding: 10px; }
|
||
|
|
|
||
|
|
h1, h2 {
|
||
|
|
font-weight: normal;
|
||
|
|
margin: 5px; }
|
||
|
|
|
||
|
|
em {
|
||
|
|
color: #458588; }
|
||
|
|
|
||
|
|
strong {
|
||
|
|
color: #689d6a; }
|
||
|
|
|
||
|
|
.header {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between; }
|
||
|
|
|
||
|
|
#home-jumbotron {
|
||
|
|
background-color: #3c3836;
|
||
|
|
text-align: center;
|
||
|
|
padding: 0px;
|
||
|
|
margin: 0px;
|
||
|
|
margin-top: 20px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
border: 0px;
|
||
|
|
display: block; }
|
||
|
|
#home-jumbotron h2 {
|
||
|
|
font-size: 125%;
|
||
|
|
margin: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
border: 0px; }
|
||
|
|
|
||
|
|
hr {
|
||
|
|
border: none;
|
||
|
|
height: 1px;
|
||
|
|
background-color: #3c3836; }
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: #689d6a;
|
||
|
|
text-decoration: underline; }
|
||
|
|
a:hover {
|
||
|
|
color: #8ec07c; }
|
||
|
|
|
||
|
|
nav {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
border-bottom: 1px;
|
||
|
|
border-bottom-color: #928374;
|
||
|
|
border-bottom-style: solid;
|
||
|
|
width: 85%;
|
||
|
|
margin: auto; }
|
||
|
|
nav a {
|
||
|
|
display: flex;
|
||
|
|
text-align: center;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
padding: 10px;
|
||
|
|
padding-top: 0px;
|
||
|
|
color: #ebdbb2;
|
||
|
|
text-decoration: none;
|
||
|
|
font-weight: bold; }
|
||
|
|
nav a:hover {
|
||
|
|
color: #458588; }
|
||
|
|
|
||
|
|
.note {
|
||
|
|
font-style: italic;
|
||
|
|
color: #a89984;
|
||
|
|
font-size: smaller; }
|
||
|
|
|
||
|
|
dl {
|
||
|
|
display: grid;
|
||
|
|
grid-column-gap: 0px;
|
||
|
|
grid-template-columns: auto auto;
|
||
|
|
margin: 10px; }
|
||
|
|
dl dt {
|
||
|
|
padding: 3px 10px;
|
||
|
|
font-weight: normal;
|
||
|
|
text-align: right;
|
||
|
|
color: #a89984;
|
||
|
|
font-size: smaller;
|
||
|
|
border-right: 1px solid #928374; }
|
||
|
|
dl dd {
|
||
|
|
padding: 3px 10px;
|
||
|
|
margin-left: 0px; }
|
||
|
|
|
||
|
|
code {
|
||
|
|
color: #d3869b; }
|
||
|
|
|
||
|
|
.job {
|
||
|
|
padding: 5px; }
|
||
|
|
.job dt .date {
|
||
|
|
display: none; }
|
||
|
|
.job dd ul {
|
||
|
|
list-style-type: none;
|
||
|
|
padding: 0;
|
||
|
|
font-size: smaller;
|
||
|
|
margin-bottom: 0px; }
|
||
|
|
.job dd ul li {
|
||
|
|
padding-bottom: 2px; }
|
||
|
|
.job dd .date {
|
||
|
|
font-size: smaller;
|
||
|
|
color: #a89984;
|
||
|
|
font-style: italic; }
|
||
|
|
|
||
|
|
.flex-jobs {
|
||
|
|
justify-content: center; }
|
||
|
|
|
||
|
|
.contacts a {
|
||
|
|
text-decoration: none; }
|
||
|
|
|
||
|
|
.donate {
|
||
|
|
padding: 20px;
|
||
|
|
width: 90%;
|
||
|
|
text-align: center; }
|
||
|
|
.donate code {
|
||
|
|
font-size: smaller;
|
||
|
|
word-wrap: break-word; }
|
||
|
|
.donate img {
|
||
|
|
padding: 10px; }
|
||
|
|
|
||
|
|
</style>
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
<title>my preferences | Ricard Illa's page</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<nav id="nav" class="nav justify-content-center"><a class=
|
||
|
|
"nav-link" href=
|
||
|
|
"http://zswm576cm7wgmgcwluy4l4ixkfasj25taqbn2r5pnrrj552l263ff2qd.onion/">
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
||
|
|
viewbox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width=
|
||
|
|
"2" stroke-linecap="round" stroke-linejoin="round" class=
|
||
|
|
"feather feather-info">
|
||
|
|
<circle cx="12" cy="12" r="10"></circle>
|
||
|
|
<line x1="12" y1="16" x2="12" y2="12"></line>
|
||
|
|
<line x1="12" y1="8" x2="12.01" y2="8"></line>
|
||
|
|
</svg>about</a> <a class="nav-link" href=
|
||
|
|
"http://zswm576cm7wgmgcwluy4l4ixkfasj25taqbn2r5pnrrj552l263ff2qd.onion/cv">
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
||
|
|
viewbox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width=
|
||
|
|
"2" stroke-linecap="round" stroke-linejoin="round" class=
|
||
|
|
"feather feather-file-text">
|
||
|
|
<path d=
|
||
|
|
"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z">
|
||
|
|
</path>
|
||
|
|
<polyline points="14 2 14 8 20 8"></polyline>
|
||
|
|
<line x1="16" y1="13" x2="8" y2="13"></line>
|
||
|
|
<line x1="16" y1="17" x2="8" y2="17"></line>
|
||
|
|
<polyline points="10 9 9 9 8 9"></polyline>
|
||
|
|
</svg>CV</a> <a class="nav-link" href=
|
||
|
|
"https://git.monotremata.xyz"><svg xmlns=
|
||
|
|
"http://www.w3.org/2000/svg" width="24" height="24" viewbox=
|
||
|
|
"0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2"
|
||
|
|
stroke-linecap="round" stroke-linejoin="round" class=
|
||
|
|
"feather feather-code">
|
||
|
|
<polyline points="16 18 22 12 16 6"></polyline>
|
||
|
|
<polyline points="8 6 2 12 8 18"></polyline>
|
||
|
|
</svg>code</a> <a class="nav-link" href=
|
||
|
|
"http://zswm576cm7wgmgcwluy4l4ixkfasj25taqbn2r5pnrrj552l263ff2qd.onion/contact">
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
||
|
|
viewbox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width=
|
||
|
|
"2" stroke-linecap="round" stroke-linejoin="round" class=
|
||
|
|
"feather feather-mail">
|
||
|
|
<path d=
|
||
|
|
"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z">
|
||
|
|
</path>
|
||
|
|
<polyline points="22,6 12,13 2,6"></polyline>
|
||
|
|
</svg>contact</a> <a class="nav-link" href=
|
||
|
|
"http://zswm576cm7wgmgcwluy4l4ixkfasj25taqbn2r5pnrrj552l263ff2qd.onion/donate">
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
||
|
|
viewbox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width=
|
||
|
|
"2" stroke-linecap="round" stroke-linejoin="round" class=
|
||
|
|
"feather feather-coffee">
|
||
|
|
<path d="M18 8h1a4 4 0 0 1 0 8h-1"></path>
|
||
|
|
<path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"></path>
|
||
|
|
<line x1="6" y1="1" x2="6" y2="4"></line>
|
||
|
|
<line x1="10" y1="1" x2="10" y2="4"></line>
|
||
|
|
<line x1="14" y1="1" x2="14" y2="4"></line>
|
||
|
|
</svg>buy me a coffee</a></nav>
|
||
|
|
<main id="main">
|
||
|
|
<div class="header">
|
||
|
|
<h1>My preferences</h1>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="container">
|
||
|
|
<p>These are some trivial preferences of mine that may or may not
|
||
|
|
be polemic.</p>
|
||
|
|
<p>My preferred text editor is VIM (actually, I use neovim). At
|
||
|
|
some point, I'd be willing to try Emacs, but right now I don't have
|
||
|
|
enough time to properly learn and customize it. I'm probably
|
||
|
|
already way too invested in VIM.</p>
|
||
|
|
<p>I like Megadeth more than Metallica. I like Genesis's Peter
|
||
|
|
Gabriel era more than the Phil Collins era. Dio was a much better
|
||
|
|
singer than Ozzy, but I like the riffs and songs from the Ozzy era
|
||
|
|
more. I prefer Mike Portnoy over Mike Mangini. I like Syd Barret
|
||
|
|
and David Gilmour equally, but for different reasons.</p>
|
||
|
|
<p>The two sounds the bring me the most joy are heavy guitars with
|
||
|
|
fuzz and mellotrons.</p>
|
||
|
|
<p>My favorite beer styles are Imperial Stouts, Barleywines and
|
||
|
|
Scotch ales. I rarely drink IPAs outside of summer.</p>
|
||
|
|
<p>I prefer functional programming over object-oriented
|
||
|
|
programming. Out of all the programming languages I've tried,
|
||
|
|
Haskell and Clojure are the ones that I've liked the most. Click
|
||
|
|
<a href=
|
||
|
|
"http://zswm576cm7wgmgcwluy4l4ixkfasj25taqbn2r5pnrrj552l263ff2qd.onion/preferences">
|
||
|
|
here</a> to read my opinion on recursion.</p>
|
||
|
|
<p>Xmonad is my favorite window manager. I like the <a href=
|
||
|
|
"https://github.com/morhetz/gruvbox">gruvbox</a> color scheme and
|
||
|
|
the Inconsolata font.</p>
|
||
|
|
<p>I use GNU/Linux as a daily driver. Mostly, because it's the most
|
||
|
|
viable FLOSS desktop operating system. I may try some of the BSDs
|
||
|
|
(OpenBSD being particularly attractive) at some point. I don't
|
||
|
|
consider other free OSs (like Haiku, FreeDOS, ReactOS, Redox,
|
||
|
|
TempleOS...) viable daily driver options for me, but playing with
|
||
|
|
them in VMs is still fun. I don't consider non-free OSs as options
|
||
|
|
(unless I'm forced to use them by my employer).</p>
|
||
|
|
<p>Btw, I use arch.</p>
|
||
|
|
</div>
|
||
|
|
<hr></main>
|
||
|
|
</body>
|
||
|
|
</html>
|