Hello World
This commit is contained in:
parent
3090a6c2f9
commit
db2de06f49
GPG key ID:
A19EFFAAF8C00FCF
2 changed files with 70 additions and 97 deletions
34
global.css
34
global.css
|
|
@ -28,34 +28,18 @@ img {
|
||||||
background-size: 400% 100%;
|
background-size: 400% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main-content {
|
|
||||||
grid-area: a;
|
|
||||||
}
|
|
||||||
|
|
||||||
#additional-content {
|
|
||||||
grid-area: b;
|
|
||||||
}
|
|
||||||
|
|
||||||
#contact-content {
|
|
||||||
grid-area: c;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-content {
|
|
||||||
grid-area: d;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-box {
|
#main-box {
|
||||||
display: grid;
|
padding: 10px;
|
||||||
grid-template-areas:
|
margin-left: 25%;
|
||||||
"a a a b"
|
margin-right: 25%;
|
||||||
"a a a c"
|
}
|
||||||
"a a a d";
|
|
||||||
|
h2 {
|
||||||
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: heartFont;
|
font-family: "PxPlus IBM VGA 9x16";
|
||||||
color: white;
|
color: #bfbfbf;
|
||||||
font-weight: 800;
|
|
||||||
font-size: 23px;
|
|
||||||
background-color: #0f0f0f;
|
background-color: #0f0f0f;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
133
index.html
133
index.html
|
|
@ -1,83 +1,72 @@
|
||||||
<html>
|
<html>
|
||||||
<head>
|
|
||||||
<link rel="stylesheet" href="global.css"/>
|
<head>
|
||||||
</head>
|
<link rel="stylesheet" href="global.css" />
|
||||||
|
</head>
|
||||||
<div id="main-box">
|
<div id="main-box">
|
||||||
<div class="main-content">
|
<h2>whoami</h2>
|
||||||
<h3>whoami</h3>
|
<p>I am <b class="rainbow-text">hex</b>, short for hexlocation.</p>
|
||||||
<p>I'm <b class="rainbow-text">hex</b>, short for hexlocation.</p>
|
<p>My interests are currently reverse engineering, networking, linux system administration, software development
|
||||||
<p>Student and FOSS enthusiast.</p>
|
and last but not least containerization. I also enjoy refurbishing old laptops and electronics (like my Atari 1040ST).</p>
|
||||||
<p>Interested in</p>
|
<p>You'll usually see me experimenting with my homelab, creating websites like this, or trying assembly for no
|
||||||
<ul>
|
reason at all. I just do that sometimes.
|
||||||
<li>Embedded devices & firmware development (Coreboot/Libreboot)</li>
|
I am not neat in my work at all. A bit chaotic even. But unless I get one of those "let's hack together a
|
||||||
<li>All things Linux</li>
|
bunch of [insert random new programming language I have just learned about] programs to run my entire
|
||||||
<li>ThinkPads (currently have: L14G2A, P50, T480 and soon a T440p)</li>
|
homelab on!!" moments, I try to be neat, both online and offline. I fail miserably at it, but hey, I'm just an
|
||||||
<li>Internet & Software Freedom (foss)</li>
|
unemployed teenager with too much time on his hands so...</p>
|
||||||
</ul>
|
<p>In recent years I have gotten more interest in the theoretical side of computers, which is mostly why I do
|
||||||
<a href="hw.html">Click here to view my hardware.</a>
|
not have many <a href="https://git.iwakura.rip/hex">public projects</a>. I haven't been doing too much
|
||||||
<p>P.S. I'm going to FOSDEM 2025 this year. You might meet me!</p>
|
hackery anymore, because I am always trying to learn something. I want to do more of them though!</p>
|
||||||
</div>
|
<p>I think the Internet should be a free place for all to enjoy and write things on, not some locked ecosystem controlled by Google like they did with e-mail. After all, if I did not have access to a free internet, I wouldn't be here, having learned all the things I have.</p>
|
||||||
<div class="additional-content">
|
<h2>projects</h2>
|
||||||
<h3>banners</h3>
|
<p><a href="https://iwakura.rip">iwakura.rip</a> (formerly penhub.nl & clatter.cc) is basically the domain I use for my homelab. I host services for myself and friends on there, and also try to provide hosting space and resources for them if they need. The domain is obviously inspired by Serial Experiments Lain.</p>
|
||||||
<div id="banners">
|
<p><a href="https://git.iwakura.rip/hex/jabe">Cursed blogging engine</a> I wrote in TypeScript a while ago. I reaallyy want to rewrite it in Nim, and make a frontend that's actually good. I don't really enjoy making frontends though...</p>
|
||||||
<a href="https://archive.org">
|
<p><a href="https://git.iwakura.rip/hex/cheatsheets">My personal cheatsheets</a> which I use on the daily. These are cheatsheets about a variety of topics like e.g. (Postgre)SQL I haven't been updating them too much though. If you see any mistakes, send patches to my e-mail! :)</p>
|
||||||
<img src="img/ia.gif"></img>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<img src="img/hair.png"></img>
|
<h2>contact</h2>
|
||||||
<img src="img/hand.webp"></img>
|
<p>You can message me here if you'd like, as long as you aren't a bot. Also, don't act like an egotistical jerk.
|
||||||
<img src="img/fuckcss.png"></img>
|
Thanks!</p>
|
||||||
|
<p><b>E-mail, XMPP & Matrix</b>: hex[at]iwakura.rip<br></p>
|
||||||
|
<p>I am most active on XMPP.</p>
|
||||||
|
|
||||||
<a href="https://store.steampowered.com/app/2357910/Home_Safety_Hotline/">
|
<h2>other pages</h2>
|
||||||
<img src="img/hsh.gif"></img>
|
<ul>
|
||||||
</a>
|
<li><a href="hw.html">my hardware<a /></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
<a href="https://recaptcha.sucks/">
|
<div style="text-align: center">
|
||||||
<img src="img/fuckgoogle.png"></img>
|
<hr>
|
||||||
</a>
|
<p style="color:gray;font-size:13px;">design inspired by <a href="https://sdomi.pl/">sdomi</a>, <a
|
||||||
|
href="https://kernal.eu">kernal</a> and some others i forgot about.</p>
|
||||||
<a href="">
|
<hr>
|
||||||
<img src="img/clickme.gif"></img>
|
<a href="https://archive.org">
|
||||||
</a>
|
<img src="img/ia.gif"></img>
|
||||||
|
|
||||||
<a href="https://avitld.xyz/">
|
|
||||||
<img src="img/avitldv2.gif"></img>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="https://heroin.zone/">
|
|
||||||
<img src="img/hz.gif"></img>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="https://iwakura.rip/">
|
|
||||||
<img src="img/iwakura.gif"></img>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="https://heroin.zone/~andre/">
|
|
||||||
<img src="img/andre.png"></img>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<img src="img/win10no.gif"></img>
|
|
||||||
<img src="img/fuckgoogle.gif"></img>
|
|
||||||
|
|
||||||
<a href="https://www.patrick-breyer.de/en/posts/chat-control/">
|
|
||||||
<img src="img/chatcontrol.gif"></img>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="contact-content">
|
|
||||||
<h3>contact</h3>
|
|
||||||
<p>e-mail & xmpp: hex[at]iwakura.rip<br>
|
|
||||||
discord: hex.maybe</p>
|
|
||||||
</div>
|
|
||||||
<div class="nav-content">
|
|
||||||
<h3>links</h3>
|
|
||||||
<a href="files/">
|
|
||||||
<img src="img/files.png"></img>
|
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="img/">
|
<img src="img/hair.png"></img>
|
||||||
<img src="img/design.png"></img>
|
<img src="img/hand.webp"></img>
|
||||||
|
<img src="img/fuckcss.png"></img>
|
||||||
|
|
||||||
|
<a href="https://recaptcha.sucks/">
|
||||||
|
<img src="img/fuckgoogle.png"></img>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
<a href="https://avitld.xyz/">
|
||||||
|
<img src="img/avitldv2.gif"></img>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="https://heroin.zone/">
|
||||||
|
<img src="img/hz.gif"></img>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="https://heroin.zone/~andre/">
|
||||||
|
<img src="img/andre.png"></img>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<img src="img/win10no.gif"></img>
|
||||||
|
<img src="img/fuckgoogle.gif"></img>
|
||||||
</div>
|
</div>
|
||||||
|
<hr>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue