227 lines
6.2 KiB
HTML
227 lines
6.2 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>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" id="home-jumbotron">
|
||
<h1>Ricard Illa's page</h1>
|
||
<h2>My shamelessly self-referential page about me and myself</h2>
|
||
</div>
|
||
<hr>
|
||
<div class="container">
|
||
<p>I am yet another random nerd on the internet. I am a computer
|
||
nerd, a music nerd, a fermentation nerd and a beer nerd. I have an
|
||
unhealthy tendency to dive down too many rabbit holes.</p>
|
||
<p>Despite my original background being on biochemistry and
|
||
bioinformatics, I am currently employed as a data engineer/backend
|
||
developer.</p>
|
||
<p>I am a free/libre and open source advocate and a DIY obsessive.
|
||
I highly value technological sovereignty and personal privacy.</p>
|
||
<p>I am a fan of music in general and of weird heavy shit in
|
||
particular.</p>
|
||
<p>I feel the most comfortable within *nix systems and find
|
||
functional programming the most enjoyable.</p>
|
||
<p><a href="../preferences">Here</a>’s a list of random trivial
|
||
preferences of mine.</p>
|
||
</div>
|
||
<hr>
|
||
<p class="note">obvious disclaimer: any opinions expressed here are
|
||
solely my own</p>
|
||
</main>
|
||
</body>
|
||
</html>
|