Init

index.html

@@ -0,0 +1,137 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>zantz.de</title>
+    <style>
+      body {
+        
+            min-height: 100vh;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            align-content: center;
+            background-color: #42314d;
+            color: #ccc;
+            font-weight: 900;
+            font-family: "DejaVu Sans Mono", monospace;
+            flex-wrap: wrap;
+            x-margin: 0 auto;
+            
+      }
+
+      a {
+          color: inherit;
+          text-decoration: none;
+      }
+
+      a:hover {
+          text-decoration: underline;
+      }
+
+      .wrapper {
+        display: grid;
+        grid-template-columns: 1fr 2fr;
+      }
+
+      .list {
+        display: grid;
+      }
+      table {
+        table-layout: fixed;
+        border-collapse: collapse;
+        border-top: 1px solid #999999;
+        border-bottom: 1px solid #999999;
+      }
+
+
+      th,
+      td {
+        padding: 0.6em;
+      }
+
+    </style>
+</head>
+<body>
+
+  
+  <div class="wrapper">
+    <div>
+  <h1> Jona Zantz </h1>
+      <div>
+        <img src="pics/profile.jpg" style="width:200px; border-radius:15%;">
+      </div>
+      <div class="list">
+        <h2> Links </h2>
+        <span>mail: jona at [insert this domain]</span>
+        <a href="https://chaos.social/@wahlord">mastodon</a>
+        <a href="https://linkedin.com/in/jona-zantz">linkedin</a>
+        <a href="https://github.com/wahlord">github</a>
+      </div>
+    </div>
+    <div>
+      <h2> Studies </h2>
+      <table>
+      <tr>
+        <td> since 2024 </td>
+        <td> <a href="https://www.inf.uni-hamburg.de/studies/master/inf.html"> M.Sc. Informatik - Universität Hamburg</a>  </td>
+        <td> </td>
+      </tr>
+      <tr>
+        <td> 2020 -- 2024 </td>
+        <td> <a href="https://www.inf.uni-hamburg.de/studies/bachelor/inf.html">B.Sc. Informatik - Universität Hamburg</a>  </td>
+        <td> 1,47 </td>
+      </tr>
+      <tr>
+        <td> 2020 </td>
+        <td> <a href="https://www.marion-doenhoff-gymnasium.de/">Abitur - Marion Dönhoff Gymnasium Hamburg</a>  </td>
+        <td> 1,5 </td>
+      </tr>
+      </table>
+      <h2> Experience </h2>
+      <table>
+      <tr>
+        <td> 2023 -- 2026 </td>
+        <td> Tutor - <a href="https://www.inf.uni-hamburg.de/inst/ab/snp/svs.html">Sicherheit in Verteilten Systemen, Universität Hamburg</a>  </td>
+      </tr>
+      <tr>
+        <td> 2022 -- 2023 </td>
+        <td> Tutor - <a href="https://tams.informatik.uni-hamburg.de/">Technische Aspekte Multimodaler Systeme, Universität Hamburg</a>  </td>
+      </tr>
+      <tr>
+        <td> 2021 -- 2022 </td>
+        <td> Freelancer - <a href="https://www.map-topomatik.de/">map topomatik Digital Portfolio GmbH & Co. KG</a>  </td>
+      </tr>
+      </table>
+      <h2> Volunteering </h2>
+      <table>
+      <tr>
+        <td> since 2023 </td>
+        <td> Server-AG - <a href="https://mafiasi.de">mafiasi.de</a>  </td>
+      </tr>
+      <tr>
+        <td> since 2026 </td>
+        <td> 2. Vorsitzender <a href="https://fflokstedt.de/foerderverein">Förderverein der Freiwilligen Feuerwehr Lokstedt e.V.</a>  </td>
+      </tr>
+      <tr>
+        <td> since 2025 </td>
+        <td> <a href="https://fflokstedt.de">Freiwillige Feuerwehr Lokstedt</a> </td>
+      </tr>
+      <tr>
+        <td> since 2025 </td>
+        <td> Webteam - <a href="https://jf-hamburg.de">Jugendfeuerwehr Hamburg</a> </td>
+      </tr>
+      <tr>
+        <td> 2020 -- 2025 </td>
+        <td> <a href="https://www.ff-suelldorf-iserbrook.de/">Freiwillige Feuerwehr Sülldorf-Iserbrook</a> </td>
+      </tr>
+      <tr>
+        <td> 2015 -- 2020 </td>
+        <td> <a href="https://www.ff-suelldorf-iserbrook.de/">Jugendfeuerwehr Sülldorf-Iserbrook</a> </td>
+      </tr>
+      </table>
+    </div>
+  </div>
+</body>
+</html>