111 lines
5.5 KiB
HTML
111 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>Javalsai's Website</title>
|
|
<meta name="author" content="javalsai" />
|
|
<meta name="description" content="🐧javalsai's personal website" />
|
|
<meta name="theme-color" content="#dd5555" />
|
|
|
|
<meta name="og:url" content="https://javalsai.dynv6.net/" />
|
|
<meta name="og:type" content="profile" />
|
|
<meta name="og:title" content="Javalsai's Website" />
|
|
<meta property="og:description" content="🐧javalsai's personal website" />
|
|
<meta property="og:image" content="https://javalsai.dynv6.net/logo.png">
|
|
<meta property="og:image:width" content="2048">
|
|
<meta property="og:image:height" content="2048">
|
|
|
|
<meta name="profile:username" content="javalsai" />
|
|
<meta name="profile:gender" content="male" />
|
|
|
|
<meta property="twitter:image" content="https://javalsai.dynv6.net/logo.png">
|
|
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
|
|
<link rel="me" href="https://mastodon.social/@javalsai">
|
|
</head>
|
|
|
|
<body class="flex column">
|
|
<!--# include virtual="/components/header.html" -->
|
|
<main>
|
|
<div class="intro-container flex row wrappable">
|
|
<div>
|
|
<h1><a class="reference" id="" href="#">Javalsai's Website</a></h1>
|
|
<p>I really don't know what to put, but yeah, this is my website, still working on it :P</p>
|
|
<p>Self-hosted, so it will work as long as my ISP doesn't troll me with an IP change. The DynDNS provider also
|
|
has big downtimes sometimes.</p>
|
|
<p>Not much to see, there's some subdomains in the top corner and this is just an intro to the domain and myself
|
|
in a way, but hey, it's responsive and clean. No JS, pure clean HTML structure and simple CSS.
|
|
<b><u>Unless</u></b> it's an interactive thing, but that will only be for some optional perks.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<a href="/logo.png" target="_blank" style="display: inline-block;">
|
|
<picture>
|
|
<source srcset="/logos/logo_2048.avif 2048w, /logos/logo_1024.avif 1024w, /logos/logo_512.avif 512w"
|
|
type="image/avif" />
|
|
<source srcset="/logos/logo_2048.webp 2048w, /logos/logo_1024.webp 1024w, /logos/logo_512.webp 512w"
|
|
type="image/webp" />
|
|
<source srcset="/logos/logo_2048.png 2048w, /logos/logo_1024.png 1024w, /logos/logo_512.png 512w"
|
|
type="image/png" />
|
|
<img alt="logo image" class="logo" src="/logo.png" />
|
|
</picture>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="flex row wrappable same-width sections">
|
|
<div>
|
|
<h2><a class="reference" id="myself" href="#myself">Myself :P</a></h2>
|
|
<p>So I guess I'll start talking a little bit about myself (go to my <a
|
|
href="https://github.com/javalsai">github</a>, <kbd><kbd>Ctrl</kbd> + <kbd>C</kbd></kbd>,
|
|
<kbd><kbd>Ctrl</kbd> + <kbd>V</kbd></kbd>)
|
|
</p>
|
|
<p>I'm javalsai, I enjoy developing backend, terminal apps or network stuff. While I try to avoid web, mobile
|
|
and game dev (I just don't like the complexity of building GUIs).</p>
|
|
<p>I'm a huge Linux nerd and love messing around with the internals of my system, like filesystems, init
|
|
systems, network settings...</p>
|
|
<p>I also love hosting my own stuff like gitea, email, file server or http/s servers.</p>
|
|
<p>And about myself, well idk, I live in Spain 🇪🇸, I love skiing, and I also like maths and physics. Generally
|
|
a nerd of any scientific branch. I speak Spanish, English (of course) and a <i><u>little</u></i> of Italian.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h2><a class="reference" id="socials" href="#socials">Socials</a></h2>
|
|
<p>Some of my social profiles too, you can contact me or anything there:</p>
|
|
<ul class="row-ul">
|
|
<li><a href="https://github.com/javalsai" target="_blank" class="pre-icon"
|
|
style="--pre-icon: url(/assets/github.svg); --scale-x: 0.93;">github</a></li>
|
|
<li><a href="https://gitlab.com/javalsai" target="_blank" class="pre-icon"
|
|
style="--pre-icon: url(/assets/gitlab.svg);">gitlab</a></li>
|
|
<li><a href="mailto:javalsai@proton.me" target="_blank" class="pre-icon"
|
|
style="--pre-icon: url(/assets/protonmail.svg);">protonmail</a></li>
|
|
<li><a href="https://matrix.to/#/@javalsai:matrix.org" target="_blank" class="pre-icon"
|
|
style="--pre-icon: url(/assets/matrix.svg); --scale-x: 0.78;">matrix</a></li>
|
|
<li><a href="https://discordapp.com/users/773579140951179305" target="_blank" class="pre-icon"
|
|
style="--pre-icon: url(/assets/discord.svg); --scale-x: 1.2;">discord</a></li>
|
|
<li><a href="https://reddit.com/user/javalsai/" target="_blank" class="pre-icon"
|
|
style="--pre-icon: url(/assets/reddit.svg);">reddit</a></li>
|
|
<!-- TODO: add mastodon -->
|
|
</ul>
|
|
<p>Also, not really socials but related:</p>
|
|
<ul>
|
|
<li>GPG: <code class="break-word-all">
|
|
E8887EE656F96E6535AAA08047F1C0AA01A08F39
|
|
</code></li>
|
|
<li>XMR: <code class="break-word-all">
|
|
48gGNbMVP2BZErXXB49AjVJvQDGFbyUyZd7fEMQe1weuPsrydbcaPftBggJddQP81U2ShS5Gju28oFhBGuhXiuMR8rsGZ4R
|
|
</code></li>
|
|
</ul>
|
|
<p>And also, idk, but I'll add steam, duolingo and chess profiles just bcs I'm bored later.</p>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<!--# include virtual="/components/footer.html" -->
|
|
</body>
|
|
|
|
</html>
|