frontpage/html/onion/index.html

227 lines
6.2 KiB
HTML
Raw Normal View History

2021-06-27 19:20:25 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="generator" content=
2022-05-27 11:34:29 +02:00
"HTML Tidy for HTML5 for Apple macOS version 5.8.0">
2021-06-27 19:20:25 +02:00
<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=
2022-08-03 15:25:25 +02:00
"http://zswm576cm7wgmgcwluy4l4ixkfasj25taqbn2r5pnrrj552l263ff2qd.onion/resume">
2021-06-27 19:20:25 +02:00
<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>
2022-08-03 15:25:25 +02:00
</svg>resume</a> <a class="nav-link" href=
2021-06-27 19:20:25 +02:00
"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
2022-05-27 11:34:29 +02:00
nerd, a music nerd and a food nerd. I have an unhealthy tendency to
dive down too many rabbit holes.</p>
2021-06-27 19:20:25 +02:00
<p>Despite my original background being on biochemistry and
2022-05-27 11:34:29 +02:00
bioinformatics, I am currently employed as a data engineer.</p>
<p>I am a free/libre and open source advocate and a DIY obsessive
and a post-leftist solarpunk. I highly value technological
sovereignty and personal privacy.</p>
<p>I am a fan of music in general and of heavy experimental stuff
in particular.</p>
2021-06-27 19:20:25 +02:00
<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>