feat: become more welcoming

index.html

@@ -18,7 +18,7 @@
       }
 
       body {
-        padding: 2vw;
+        padding: 1rem;
         background-color: white;
         display: flex;
         flex-direction: column;
@@ -26,7 +26,7 @@
 
       body > * {
         width: 100%;
-        max-width: 660px;
+        max-width: 760px;
       }
 
       header {
@@ -46,6 +46,13 @@
         line-height: 1.5rem;
       }
 
+      h2 {
+        font-size: 1.25rem;
+        font-weight: black;
+        line-height: 1.5rem;
+        margin-bottom: 0;
+      }
+
       p {
         font-weight: black;
         margin: 0px;
@@ -56,6 +63,11 @@
         margin-top: 1rem;
       }
       
+      a,
+      a:visited {
+        color: #ff0083;
+      }
+
       .hidden {
         display: none;
       }
@@ -67,24 +79,74 @@
       <h1>Hi!</h1>
     </header>
 
-    <p>My name is Ben <span id="aka">AKA <span>b12f</span><span class="hidden">Yule</span><span class="hidden">Benjamin Bädorf</span></span> and I often spend my time engineering software.</h1>
+    <p>
+      My name is Ben <span id="aka">AKA <span>b12f</span><span class="hidden">Yule</span><span class="hidden">Benjamin Bädorf</span></span> and I often spend my time engineering software.
+    </p>
 
     <p>
-      Stuff I work(ed) on that I find interesting includes
+      I'm a founding member of the free software non-profit <a href="https://pub.solar/" target="_blank">pub.solar</a>.
+      We host a FOSS cloud with various free software solutions. We also organize a small hackathon four times a year.
+      Come visit us at <a href="https://pub.solar/hakken" target="_blank">hakken.irl</a>!
+    </p>
+
+    <p>
+      I'm also a founding member of the tech collective <a href="https://momo.koeln/" target="_blank">Momo</a>.
+      We're professionals with experience in various parts of IT. We offer solutions to IT problems.
+    </p>
+
+    <p>
+      Last but very much not least, I'm a founding member of the Cologne based creative collective <a href="https://miom.space/" target="_blank">MiOM</a>.
+      We offer affordable room to work, make art, and collaborate in.
+    </p>
+
+    <h2>Want to work with me?</h2>
+
+    <p>
+      My focus so far has been on the frontend and devops side of things, though I'm increasingly involved with the organisational side of collaboration.
+    </p>
+
+    <details>
+      <summary>Some keywords</summary>
+      <ul>
+        <li>User Interfaces</li>
+        <li>Design Systems</li>
+        <li>Developer Experience & APIs</li>
+        <li>Containerization</li>
+        <li>Automation</li>
+        <li>Reproducibility</li>
+        <li>CI/CD</li>
+      </ul>
+    </details>
+
+    <details>
+      <summary>Some technologies</summary>
+      <ul>
+        <li>HTML & (S)CSS</li>
+        <li>TypeScript & Node.js</li>
+        <li>Vue</li>
+        <li>Docker</li>
+        <li>Golang</li>
+        <li>GNU/Linux</li>
+        <li>Nix</li>
+      </ul>
+    </details>
+
+    <p>
+      Projects I work(ed) on that I find interesting include
 
       <a href="https://miom.space/" target="_blank" title="MiOM">this</a>
       <sup>
-        <a href="https://git.b12f.io/MiOM/miom.space" target="_blank" title="Source code">[1]</a>
+        <a href="https://git.pub.solar/MiOM/miom.space" target="_blank" title="Source code">[1]</a>
       </sup>,
       <a href="https://pub.solar/" target="_blank" title="pub.solar homepage">this</a>
       <sup>
-        <a href="https://git.b12f.io/pub-solar/pub.solar" target="_blank" title="Source code">[1]</a>
+        <a href="https://git.pub.solar/pub-solar/pub.solar" target="_blank" title="Source code">[1]</a>
       </sup>,
-      <a href="https://git.b12f.io/pub-solar/os" target="_blank" title="PubSolarOS">this</a>,
+      <a href="https://git.pub.solar/pub-solar/os" target="_blank" title="PubSolarOS">this</a>,
       <a href="https://latenight.blue/" target="_blank" title="latenight.blue">this</a>
       <sup>
-        <a href="https://git.b12f.io/b12f/lnb-server" target="_blank" title="Server source code">[1]</a>
+        <a href="https://git.pub.solar/b12f/lnb-server" target="_blank" title="Server source code">[1]</a>
-        <a href="https://git.b12f.io/b12f/lnb-client" target="_blank" title="Client source code">[2]</a>
+        <a href="https://git.pub.solar/b12f/lnb-client" target="_blank" title="Client source code">[2]</a>
       </sup>,
       <a href="https://hosting.de/" target="_blank" title="hosting.de homepage">this</a>,
       <a href="https://secure.hosting.de/" target="_blank" title="hosting.de management interface">this</a>,
@@ -96,16 +158,16 @@
         <a href="https://github.com/opf/openproject" target="_blank" title="OpenProject source code">[1]</a>
       </sup>,
       <a href="https://abkommen60jahre.de/" target="_blank" title="Abkommen 60 Jahre homepage">this</a>,
-      <a href="https://git.b12f.io/b12f/wlstreamer" target="_blank" title="wlstreamer">this</a>,
+      <a href="https://git.pub.solar/b12f/wlstreamer" target="_blank" title="wlstreamer">this</a>,
-      <a href="https://git.b12f.io/b12f/unitfile-parser" target="_blank" title="unitfile parser">this</a>, and
+      <a href="https://git.pub.solar/b12f/unitfile-parser" target="_blank" title="unitfile parser">this</a>, and
-      <a href="https://git.b12f.io/b12f/schlechtenburg" target="_blank" title="Schlechtenburg">this</a>.
+      <a href="https://git.pub.solar/b12f/schlechtenburg" target="_blank" title="Schlechtenburg">this</a>.
     </p>
 
     <p>
       You can write me a mail <a href="mailto:hello@benjaminbaedorf.eu?Subject=Hi" title="Send me a mail!">here</a>,
       chat with me on Matrix <a href="https://matrix.to/#/@b12f:pub.solar" title="My Matrix @">here</a>,
-      see my toots <a rel="me" href="https://mastodon.pub.solar/@b12f" title="My Mastodon @">here</a>
+      follow me on Mastodon <a rel="me" href="https://mastodon.pub.solar/@b12f" title="My Mastodon @">here</a>
-      and see more of my code <a href="https://github.com/b12f" target="_blank" title="My GitHub profile">here</a> and <a href="http://git.b12f.io/b12f" target="_blank" title="Private Gitea. The better stuff is here.">here</a>.
+      and see some of my code <a href="http://git.pub.solar/b12f" target="_blank" title="Private Gitea. The better stuff is here.">here</a> and <a href="https://github.com/b12f" target="_blank" title="My GitHub profile">here</a>.
     </p>
 
     <details>