<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>banana square</title>
    <link rel="stylesheet" href="../static/css/global.css" />
    <link rel="stylesheet" href="../static/css/index.css" />
    <link rel="icon" type="image/png" href="../static/images/banan_icon.png" />
  </head>

  <body style=>
    <div style="display:flex;flex-wrap:wrap;gap:5px;">
      <main style="flex:1 1 60em;" class="padded-box">
        <h1>hi</h1>
        <table>
          <td>
            <img
              src="../static/images/banan.png"
              alt="my profile picture"
              style="float:left;height:10em;"
            />
          </td>
          <td style="width:3em;">
          </td>
          <td>
            <p style="margin-top:1em;">
            I'm a university student from Germany, aspiring to
            become a *nix system engineer/administrator. I like tinkering around
            in the Linux space and write a little program here and there.
            Some of the things I enjoy are:
            </p>
          </td>
        </table>
        <b>Linux tinkering</b>
        <p>
        I run <a href="https://chimera-linux.org/">Chimera Linux</a> on my PCs, <a href="https://nura.eco/">Nura</a> on my <a href="https://wiki.nura.eco/wiki/PINE64_PinePhone_(pine64-pinephone)">PinePhone</a> and <a href=https://alpinelinux.org/">Alpine Linux</a> containers on my <a href="https://proxmox.com/en/products/proxmox-virtual-environment/overview">Proxmox VE</a>. On those I learn about how computers work, play around and adjust them to my wishes. I do this both by locally configuring the systems in ways I prefer and by hosting network services I want to use, without relying on a third party.
        </p>
        <b>Programming</b>
        <p>
        Mostly in <a href="https://www.c-language.org/">C</a> at the moment, as I like exploring how a computer actually works and computes things.
        I've also done some <a href="https://go.dev/">Go</a> and <a href="https://www.python.org/">Python</a> projects and learned a few other languages rudimentaryily.
        </p>
      </main>
      <div style="flex:1 1 20em;" class="padded-box links">
        <h3>some links</h3>
        <ul>
          <li>
            <a title="Blog" href="/en/blog">Blog</a>
            <p>
              My little blog, where I'll post cool things I found, thoughts I
              have and show some stuff I'm doing
            </p>
          </li>
          <li>
            <a
              title="Git"
              href="https://git.crispy-caesus.eu"
              >Git</a
            >
            <p>
              A git web frontend, hosting most of my programming projects, as well as 
              the dotfiles for my personal systems.
            </p>
          </li>
          <li>
            <a
              title="crispy buttons"
              href="/buttons"
            >Buttons</a>
          </li>
        </ul>
        <h3>contact</h3>
        <ul>
          <li>
            <a
              title="E-Mail"
              href="mailto:crispy@crispy-caesus.eu"
              target="_blank"
              rel="noopener nofererrer"
            >
              E-Mail
            </a>
            - crispy@crispy-caesus.eu
            <p>
              Nice for long form communication, though please use 
              <a title="My PGP key" href="static/other/pgp">PGP</a>.
              I should really selfhost it some time.
            </p>
          </li>
          <li>
            <a
              title="Matrix"
              href="https://matrix.to/#/@crispy:crispy-caesus.eu"
              target="_blank"
              rel="noopener nofererrer"
            >
              Matrix
            </a>
            - @crispy:crispy-caesus.eu
            <p>
              For instant messaging.
            </p>
          </li>
        </ul>
      </div>
    </div>
    <div style="margin-top:5px;display:flex;flex-wrap:wrap;gap:5px;">
      <div style="flex:1" class="padded-box">
        <h3>stuff</h3>
        <ul>
          <li>
            <a href=https://keepitfree.ai/>https://keepitfree.ai/</a>
          </li>
          <li>
            <a href=https://keepandroidopen.org/>https://keepandroidopen.org/</a>
          </li>
          <li>
            <a href=https://fightchatcontrol.eu/>https://fightchatcontrol.eu/</a>
          </li>
        </ul>
      </div>
      <div style="flex:1" class="padded-box">
        <h3>cool people</h>
        <div style="margin:1em" class="eightyeight">
          <a href="https://crispy-caesus.eu">
            <img src="static/images/crispybutton.png"/>
          </a>
          <a
            href="https://erine.dev/"
          >
            <img
              src="https://chibisafe.crispy-caesus.eu/MEkVLB08qVlq.png"
              alt="erine-button"
            />
          </a>
          <a
            href="https://notashelf.dev/"
          >
            raf
          </a>
          <a
            href="https://tim-niess.com"
          >
            Tim
          </a>
          <a
            href="https://orangc.net"
          >
            <img
              src="https://orangc.net/assets/88x31/orangc.png"
              alt="orangc's button"
            />
          </a>
          <a
            href="https://squirrel.talosvault.net"
          >
            <img
              src="https://squirrel.talosvault.net/88x31.png"
              alt="Squirrel Modeller"
            />
          </a>
          <a
            href="https://jaglekon.de"
          >
            Jaglekon
          </a>
          <a
            href="https://baumsplitter41.eu"
          >
            <img
              src="https://baumsplitter41.eu/static/assets/baumsplitter41.gif"
              alt="BaumSplitter41"
            />
          </a>
          <a
            href="https://damiii.dev"
          >
            Dami
          </a>
        </div>
      </div>
    </div
    <footer>
      <div style="margin-top:5px;padding:1em;display:flex;justify-content:center;" class="box">
        <a title="Licenses" href="licenses">Licenses</a>
        <p style="margin-left:.5em;margin-right:.5em;margin-bottom:0;">|</p>
        <a title="Privacy Policy" href="privacy">Privacy</a>
      </div>
    </footer>
  </body>
</html>