hex/personal
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: hex:bf4b1ee44f4415717a684b3a49c34473d92b8012
Branches Tags
hex:main
hex:v2
..
compare: hex:d91bd9d9e2903e05cef988fcb1c00b34d54f1420
Branches Tags
hex:main
hex:v2

No commits in common. "bf4b1ee44f4415717a684b3a49c34473d92b8012" and "d91bd9d9e2903e05cef988fcb1c00b34d54f1420" have entirely different histories.
bf4b1ee44f ... d91bd9d9e2

6 changed files with 225 additions and 162 deletions
Show stats Expand all files Collapse all files

31
donate.html
View file

@ -1,31 +0,0 @@
<html>
<head>
<link rel="stylesheet" href="global.css" />
</head>
<div id="flex-container">
<div id="main-flex">
<h1 style="text-align: center;">donations</h1>
<div id="main-box">
<p>Hi there! Donations can be done through either BTC or LTC currently. I'm hesitant to set up anything like
PayPal right now due to their shady practices.</p>
<p><b>BTC: </b>email me<br>
<b>LTC: </b>email me
</p>
</div>
</div>
</div>
</html>
<style>
img {
width: 14vw;
height: auto;
}
img:hover {
width: 25vw;
}
</style>

51
global.css
View file

@ -1,51 +0,0 @@
@font-face {
font-family: "NotoSansT";
src: url("ttf/sans.ttf");
}
img {
border: 1px solid white;
}
.rainbow-text {
text-align: center;
background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
background-clip: text;
color: transparent !important;
animation: rainbow_anim 15s ease-in-out infinite;
background-size: 400% 100%;
}
#main-box {
padding: 10px;
margin-left: 25%;
margin-right: 25%;
}
h2 {
font-weight: 400;
}
a:visited {
color: #cba6f7 !important;
}
a {
color: #89b4fa;
}
a:hover {
background-color: #dce0e8;
color: #4c4f69 !important;
}
#footer, hr{
color: #bac2de;
}
body {
font-family: "NotoSansT";
font-size: 16px;
color: #cdd6f4;
background-color: #181825;
}

91
hw.html
View file

@ -1,8 +1,4 @@
<html> <html>
<head>
<link rel="stylesheet" href="global.css" />
</head>
<div id="flex-container"> <div id="flex-container">
<div id="main-flex"> <div id="main-flex">
<h1 style="text-align: center;">hex's hardware</h1> <h1 style="text-align: center;">hex's hardware</h1>
@ -11,19 +7,20 @@
<img src="img/l14g2-1.png"> <img src="img/l14g2-1.png">
<img src="img/l14g2-2.png"> <img src="img/l14g2-2.png">
<p>My Thinkpad L14 Gen 2 (AMD variant)</p> <p>My Thinkpad L14 Gen 2 (AMD variant)</p>
<p>Ryzen 5 5600U, with 16 gigs of RAM running Void Linux + my own river setup. My daily driver.</p> <b>Price: </b>220,- EUR.
<p>Ryzen 5 5600U, with 16 gigs of RAM running Void Linux + GNOME. My daily driver.</p>
</div> </div>
<div> <div>
<img src="img/latitude-1.png"> <img src="img/latitude-1.png">
<img src="img/latitude-2.png"> <img src="img/latitude-2.png">
<p>(RIP 2022-2025) My librebooted Dell Latitude E5420</p> <p>My librebooted Dell Latitude E5420</p>
Got it for free! But goes for around 20-30,- EUR usually. <b>Price: </b>Got it for free! But goes for around 20-30,- EUR usually.
<p>Classified as dead because I was stupid enough to disassemble it. (It has ~86 screws, and I'm too lazy to re-assemble it). I might buy a Thinkpad x230 to replace it.</p>
<p>i5-2540M, with 8 gigs of RAM running Devuan Linux + XFCE.</p> <p>i5-2540M, with 8 gigs of RAM running Devuan Linux + XFCE.</p>
</div> </div>
<div> <div>
<img src="img/atari.jpg"> <img src="img/atari.jpg">
<p>My Atari 1040STf with monochrome display (I love this thing)</p> <p>My Atari 1040STf with monochrome display (I love this thing)</p>
<b>Price: </b>75,- EUR
<p>I'll upload some better pictures when I get the chance.</p> <p>I'll upload some better pictures when I get the chance.</p>
<p>Trying to get a SidecarT for this thing</p> <p>Trying to get a SidecarT for this thing</p>
</div> </div>
@ -33,12 +30,10 @@
<p>My homelab, featuring:</p> <p>My homelab, featuring:</p>
<ul> <ul>
<li>A Mikrotik CCR1009-8G-1S switch/router which I got for free.</li> <li>A Mikrotik CCR1009-8G-1S switch/router which I got for free.</li>
<li>Two librebooted Optiplex 3050 Micro's, which I got for 60$ total. They are currently running OpenSUSE MicroOS</li> <li>Two librebooted Optiplex 3050 Micro's, which I got for 60$ total. Missing the PSU for one of them though.</li>
<li>A Linksys EA6500 running DD-WRT for wifi in my room (which I want to replace with a OpenWRT <li>A Linksys EA6500 running DD-WRT for wifi in my room (which I want to replace with a OpenWRT One).</li>
One).</li>
<li>My old custom build from 2020.</li> <li>My old custom build from 2020.</li>
</ul> </ul>
<p>I am planning to replace my access point & switch/router with a Dell Optiplex 3050 SFF. I'll probably just throw a couple of network cards and a wifi card in there and run OPNSense or PFSense or whatever on it.</p>
</div> </div>
</div> </div>
</div> </div>
@ -47,12 +42,82 @@
</html> </html>
<style> <style>
@font-face {
font-family: heartFont;
src: url("ttf/rainyhearts.ttf");
}
img { img {
width: 14vw; width: 14vw;
height: auto; height: auto;
} }
img:hover { img:hover {
width: 25vw; width: 25vw;
} }
@keyframes rainbow_anim {
0%,
100% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
}
@keyframes border_amim {
0%,
100% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
}
img {
border: 1px solid white;
}
.rainbow-text {
text-align: center;
background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
background-clip: text;
color: transparent !important;
animation: rainbow_anim 15s ease-in-out infinite;
background-size: 400% 100%;
}
#main-box {
display: inline-grid;
grid-template-columns: 40vw 40vw;
grid-auto-flow: row;
grid-gap: 20px;
}
#main-flex {
padding: 30px;
border: 3px solid white;
border-radius: 10px;
box-shadow: 0px 0px 20px white;
color: white;
}
#flex-container {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
body {
font-family: heartFont;
font-weight: 800;
font-size: 23px;
background-color: black;
}
</style> </style>

214
index.html
View file

@ -1,80 +1,160 @@
<html> <html>
<div id="flex-container">
<div id="main-flex">
<h1 style="text-align: center;">hello world</h1>
<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>
<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>
</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">
<a href="https://archive.org">
<img src="img/ia.gif"></img>
</a>
<head> <img src="img/hair.png"></img>
<link rel="stylesheet" href="global.css" /> <img src="img/hand.webp"></img>
</head> <img src="img/fuckcss.png"></img>
<div id="main-box">
<h2>whoami</h2>
<p>I am <b class="rainbow-text">hex</b>, short for hexlocation.</p>
<p>My overall interests are networking, linux system administration, and last but not least
software development. 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 discover something very interesting to me, 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 and computer history, which is
mostly why I do
not have many <a href="https://git.iwakura.rip/hex">public projects</a>.
</p>
<p>My interest in computer (science)/internet history consists mostly of finding old 90's/2000 websites and
exploring them, seeing what everything was like, reading old (IRC) chat logs, but also the more well-known stuff
e.g. older hardware (like my Atari ST), or reading about old algorithms designed by 80 year old mathematicians.
</p>
<p>Fuck off Google.</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> <a href="https://store.steampowered.com/app/2357910/Home_Safety_Hotline/">
<p>You can message me here if you'd like, as long as you aren't a bot. Even if you just want to talk or something. <img src="img/hsh.gif"></img>
(I need frenz please help)</p> </a>
<p><b>E-mail, XMPP (preferred) & Matrix</b>: hex[at]iwakura.rip<br></p>
<h2>other pages</h2>
<ul>
<li><a href="hw.html">my hardware</a></li>
<li><a href="donate.html">donations</a></li>
</ul>
<div style="text-align: center" id="footer">
<hr>
<p style="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>
<img src="img/hair.png"></img> <a href="https://recaptcha.sucks/">
<img src="img/hand.webp"></img> <img src="img/fuckgoogle.png"></img>
<img src="img/fuckcss.png"></img> </a>
<a href="https://recaptcha.sucks/"> <a href="">
<img src="img/fuckgoogle.png"></img> <img src="img/clickme.gif"></img>
</a> </a>
<a href="https://avitld.xyz/"> <a href="https://avitld.xyz/">
<img src="img/avitldv2.gif"></img> <img src="img/avitldv2.gif"></img>
</a> </a>
<a href="https://heroin.zone/"> <a href="https://heroin.zone/">
<img src="img/hz.gif"></img> <img src="img/hz.gif"></img>
</a> </a>
<a href="https://heroin.zone/~andre/"> <a href="https://iwakura.rip/">
<img src="img/andre.png"></img> <img src="img/iwakura.gif"></img>
</a> </a>
<img src="img/win10no.gif"></img> <a href="https://heroin.zone/~andre/">
<img src="img/fuckgoogle.gif"></img> <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 href="img/">
<img src="img/design.png"></img>
</a>
</div>
</div>
</div> </div>
<hr>
</div> </div>
</html> </html>
<style>
@font-face {
font-family: heartFont;
src: url("ttf/rainyhearts.ttf");
}
@keyframes rainbow_anim {
0%,
100% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
}
@keyframes border_amim {
0%,
100% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
}
img {
border: 1px solid white;
}
.rainbow-text {
text-align: center;
background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
background-clip: text;
color: transparent !important;
animation: rainbow_anim 15s ease-in-out infinite;
background-size: 400% 100%;
}
#main-box {
display: inline-grid;
grid-template-columns: 50vw 20vw;
grid-auto-flow: row;
grid-gap: 20px;
}
#main-flex {
padding: 30px;
border: 3px solid white;
border-radius: 10px;
box-shadow: 0px 0px 20px white;
color: white;
}
#flex-container {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
body {
font-family: heartFont;
font-weight: 800;
font-size: 23px;
background-color: black;
}
</style>

BIN
ttf/rainyhearts.ttf Normal file
View file

Binary file not shown.

BIN
ttf/sans.ttf
View file

Binary file not shown.