<html>

<head>
    <link rel="stylesheet" href="global.css" />
</head>
<div id="flex-container">
    <div id="main-flex">
        <h1 style="text-align: center;">hex's basement</h1>
        <div id="main-box">
            <h3>Welcome to my basement. You're stuck here now.</h3>
            <div>
                <img src="img/x230_1.JPG">
                <img src="img/x230_2.JPG">
                <br>
                <b>ThinkPad X230</b>
                <p>...featuring:</p>
                <ul>
                    <li>An i5-3320M</li>
                    <li>6 gigabytes of RAM (upgrading to 16 GB soon hopefully)</li>
                    <li>128 GB SATA SSD</li>
                    <li>Gentoo Linux + River (coffee-like colorscheme)</li>
                </ul>
                <p>Planned mods:</p>
                <ul>
                    <li>Classic keyboard swap</li>
                    <li>FHD (1080p) display mod, unfortunately very expensive :(</li>
                    <li>Lots of stickers. And I mean lots.</li>
                </ul>
                <p>Currently in use as a tinkering and development machine on the go. Also used by my siblings to play on our Minecraft server.</p>
            </div>
            <div>
                <img src="img/l14g2-1.png">
                <img src="img/l14g2-2.png">
                <br>
                <b>Thinkpad L14 Gen 2A</b>
                <p>My daily driver.</p>
                <p>Specifications:</p>
                <ul>
                    <li>A Ryzen 5 5600U</li>
                    <li>16 gigabytes of RAM</li>
                    <li>A shitty battery life & touchpad</li>
                    <li>Gentoo Linux + GNOME</li>
                </ul>
            </div>
            <div>
                <img src="img/latitude-1.png">
                <img src="img/latitude-2.png">
                <br>
                <b>A librebooted Dell Latitude E5420</b>
                <p>Got it for free.</p>
                <p>Classified as dead because I was stupid enough to disassemble it. (It has a quintillion screws, and I'm too lazy to re-assemble it). I might buy a Thinkpad x230 to replace it. (Edit: I did. :D)</p>
                <p>i5-2540M, with 8 gigs of RAM running Devuan Linux + XFCE.</p>
            </div>
            <div>
                <img src="img/atari.jpg">
                <br>
                <b>My Atari 1040 STF</b>
                <p>Monochrome display included.</p>
                <p>Haven't found any use for it yet. Got it for a good deal once and never did anything with it.</p>
                <p>My goal is to somehow run *BSD or Linux on it, though it doesn't have an MMU, which is apparently the only hope for this thing doing anything cool.</p>
            </div>
            <div>
                <img src="img/homelab-1.png">
                <img src="img/homelab-2.png">
                <br>
                <b>My homelab</b>
                <p>with:</p>
                <ul>
                    <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.</li>
                    <li>A HP ProDesk 400 G5 SFF running most of my minecraft servers.</li>
                    <li>All of these machines run OpenSUSE MicroOS.</li>
                    <li>A Linksys EA6500 running DD-WRT for wifi in my room (which I want to replace with a OpenWRT
                        One).</li>
                </ul>
                <p>Want to replace the Mikrotik switch with a custom pfsense/opnsense setup. Haven't gotten around to it yet.</p>
            </div>
            <div style="margin-top: 90vh;">
                <img src="img/iso.JPG">
                <br>
                <b>Isopropyl alcohol</b>
                <p>For when I'm thirsty...</p>
                <p>Life-saver. My most precious item.</p>
            </div>
        </div>
    </div>
</div>

</html>

<style>
    img {
        width: 14vw;
        height: auto;
    }

    img:hover {
        width: 25vw;
    }

    div {
        margin-bottom: 5vh;
    }
</style>