1
0
forked from javalsai/website
javalsais-website/index.html
2024-10-08 23:12:34 +01:00

103 lines
4.8 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="864">
<meta property="og:image:height" content="864">
<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">
</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;">
<img class="logo" src="/logo.png" />
</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.</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>
</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>
</div>
</div>
</main>
<footer>
<p>
I hate web-dev, but ig it's cool to have a website
<br />
and no, no <i>light</i> mode, I have enough with this
</p>
</footer>
</body>
</html>