frontpage/html/onion/index.html

227 lines
6.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

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