Hello World
This commit is contained in:
parent
3090a6c2f9
commit
db2de06f49
2 changed files with 70 additions and 97 deletions
34
global.css
34
global.css
|
@ -28,34 +28,18 @@ img {
|
|||
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 {
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
"a a a b"
|
||||
"a a a c"
|
||||
"a a a d";
|
||||
padding: 10px;
|
||||
margin-left: 25%;
|
||||
margin-right: 25%;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: heartFont;
|
||||
color: white;
|
||||
font-weight: 800;
|
||||
font-size: 23px;
|
||||
font-family: "PxPlus IBM VGA 9x16";
|
||||
color: #bfbfbf;
|
||||
background-color: #0f0f0f;
|
||||
}
|
||||
|
|
85
index.html
85
index.html
|
@ -1,25 +1,44 @@
|
|||
<html>
|
||||
|
||||
<head>
|
||||
<link rel="stylesheet" href="global.css" />
|
||||
</head>
|
||||
<div id="main-box">
|
||||
<div class="main-content">
|
||||
<h3>whoami</h3>
|
||||
<p>I'm <b class="rainbow-text">hex</b>, short for hexlocation.</p>
|
||||
<p>Student and FOSS enthusiast.</p>
|
||||
<p>Interested in</p>
|
||||
<h2>whoami</h2>
|
||||
<p>I am <b class="rainbow-text">hex</b>, short for hexlocation.</p>
|
||||
<p>My interests are currently reverse engineering, networking, linux system administration, software development
|
||||
and last but not least containerization. I also enjoy refurbishing old laptops and electronics (like my Atari 1040ST).</p>
|
||||
<p>You'll usually see me experimenting with my homelab, creating websites like this, or trying assembly for no
|
||||
reason at all. I just do that sometimes.
|
||||
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
|
||||
bunch of [insert random new programming language I have just learned about] programs to run my entire
|
||||
homelab on!!" moments, I try to be neat, both online and offline. I fail miserably at it, but hey, I'm just an
|
||||
unemployed teenager with too much time on his hands so...</p>
|
||||
<p>In recent years I have gotten more interest in the theoretical side of computers, which is mostly why I do
|
||||
not have many <a href="https://git.iwakura.rip/hex">public projects</a>. I haven't been doing too much
|
||||
hackery anymore, because I am always trying to learn something. I want to do more of them though!</p>
|
||||
<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>
|
||||
<h2>projects</h2>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<h2>contact</h2>
|
||||
<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.
|
||||
Thanks!</p>
|
||||
<p><b>E-mail, XMPP & Matrix</b>: hex[at]iwakura.rip<br></p>
|
||||
<p>I am most active on XMPP.</p>
|
||||
|
||||
<h2>other pages</h2>
|
||||
<ul>
|
||||
<li>Embedded devices & firmware development (Coreboot/Libreboot)</li>
|
||||
<li>All things Linux</li>
|
||||
<li>ThinkPads (currently have: L14G2A, P50, T480 and soon a T440p)</li>
|
||||
<li>Internet & Software Freedom (foss)</li>
|
||||
<li><a href="hw.html">my hardware<a /></li>
|
||||
</ul>
|
||||
<a href="hw.html">Click here to view my hardware.</a>
|
||||
<p>P.S. I'm going to FOSDEM 2025 this year. You might meet me!</p>
|
||||
</div>
|
||||
<div class="additional-content">
|
||||
<h3>banners</h3>
|
||||
<div id="banners">
|
||||
|
||||
<div style="text-align: center">
|
||||
<hr>
|
||||
<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>
|
||||
<hr>
|
||||
<a href="https://archive.org">
|
||||
<img src="img/ia.gif"></img>
|
||||
</a>
|
||||
|
@ -28,18 +47,10 @@
|
|||
<img src="img/hand.webp"></img>
|
||||
<img src="img/fuckcss.png"></img>
|
||||
|
||||
<a href="https://store.steampowered.com/app/2357910/Home_Safety_Hotline/">
|
||||
<img src="img/hsh.gif"></img>
|
||||
</a>
|
||||
|
||||
<a href="https://recaptcha.sucks/">
|
||||
<img src="img/fuckgoogle.png"></img>
|
||||
</a>
|
||||
|
||||
<a href="">
|
||||
<img src="img/clickme.gif"></img>
|
||||
</a>
|
||||
|
||||
<a href="https://avitld.xyz/">
|
||||
<img src="img/avitldv2.gif"></img>
|
||||
</a>
|
||||
|
@ -48,36 +59,14 @@
|
|||
<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>
|
||||
</div>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<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 href="img/">
|
||||
<img src="img/design.png"></img>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
||||
|
|
Loading…
Reference in a new issue