Website_jan.su/_source/index.html
2024-04-28 20:23:28 +02:00

94 lines
12 KiB
HTML

<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title>Jan.su :: Welcome fellow human!</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="css/addons.min.css" type="text/css" />
<link rel="stylesheet" href="css/main.min.css" type="text/css" />
<link rel="shortcut icon" type="image/svg+xml" href="favicon.svg" />
<link rel="icon" type="image/png" href="favicon.png" sizes="64x64" />
<link href="https://chaos.social/@jan_j" rel="me">
<link href="https://social.schwerkraftlabor.de/@jan" rel="me">
<meta name="theme-color" content="#4bb5a9" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="author" content="Jan Jastrow" />
<meta name="description" content="Personal website of Jan Jastrow. A list of interweb things where you can find me." />
<meta property="og:description" content="Personal website of Jan Jastrow. A list of interweb things where you can find me." />
<meta property="og:image" content="https://jan.su/img/me.jpg" />
<meta property="og:title" content="Jan.su" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://jan.su/" />
</head>
<body>
<header>
<div class="photo">
<picture>
<source srcset="img/me.avif" type="image/avif">
<source srcset="img/me.webp" type="image/webp">
<img src="img/me.jpg" width="200px" height="200px" alt="Photo of me (white male, blond-ish short hair, short beard) looking sideways">
</picture>
</div>
<h1>Jan Jastrow</h1>
<p>he/him<br />📍 Flensburg, Germany</p>
</header>
<main>
<ul class="list_links">
<li><a href="mailto:hi@jan.su">
<span class="link-icon"><svg aria-label="E-mail icon" clip-rule="evenodd" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="m0 0h24v24h-24z"/><g stroke="#000" stroke-width="2"><path d="m21 7c0-1.104-.896-2-2-2h-14c-1.104 0-2 .896-2 2v10c0 1.104.896 2 2 2h14c1.104 0 2-.896 2-2z"/><path d="m3 7 9 6 9-6"/></g></g></svg>
</span>E-Mail
</a></li>
<li><a href="https://chaos.social/@jan_j" rel="me">
<span class="link-icon"><svg aria-label="Mastodon icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Mastodon icon</title><path d="M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z"/></svg>
</span>Mastodon
</a></li>
<li><a href="https://jan.jastrow.me/blog/">
<span class="link-icon"><svg aria-label="Connected globe icon" clip-rule="evenodd" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="m0 0h24v24h-24z"/><g stroke="#000" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="m3.6 9h16.8"/><path d="m3.6 15h16.8"/><path d="m11.5 3c-3.432 5.499-3.432 12.501 0 18"/><path d="m12.5 3c3.432 5.499 3.432 12.501 0 18"/></g></g></svg>
</span>Personal blog
</a></li>
<li><a href="https://schwerkraftlabor.de/blog">
<span class="link-icon"><svg aria-label="Connected globe icon" clip-rule="evenodd" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="m0 0h24v24h-24z"/><g stroke="#000" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="m3.6 9h16.8"/><path d="m3.6 15h16.8"/><path d="m11.5 3c-3.432 5.499-3.432 12.501 0 18"/><path d="m12.5 3c3.432 5.499 3.432 12.501 0 18"/></g></g></svg>
</span>Tech blog
</a></li>
<li><a href="https://twitter.com/Gehirnfussel" rel="me">
<span class="link-icon"><svg aria-label="Twitter icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg>
</span>Twitter
</a></li>
<li><a href="https://github.com/JanJastrow/" rel="me">
<span class="link-icon"><svg aria-label="GitHub icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
</span>GitHub
</a></li>
<li><a href="https://gitea.schwerkraftlabor.de/jan" rel="me">
<span class="link-icon"><svg aria-label="Gitea icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Gitea icon</title><path d="M4.186 5.421C2.341 5.417-.13 6.59.006 9.531c.213 4.594 4.92 5.02 6.801 5.057.206.862 2.42 3.834 4.059 3.99h7.18c4.306-.286 7.53-13.022 5.14-13.07-3.953.186-6.296.28-8.305.296v3.975l-.626-.277-.004-3.696c-2.306-.001-4.336-.108-8.189-.298-.482-.003-1.154-.085-1.876-.087zm.261 1.625h.22c.262 2.355.688 3.732 1.55 5.836-2.2-.26-4.072-.899-4.416-3.285-.178-1.235.422-2.524 2.646-2.552zm8.557 2.315c.15.002.303.03.447.096l.749.323-.537.979a.672.597 0 0 0-.241.038.672.597 0 0 0-.405.764.672.597 0 0 0 .112.174l-.926 1.686a.672.597 0 0 0-.222.038.672.597 0 0 0-.405.764.672.597 0 0 0 .86.36.672.597 0 0 0 .404-.765.672.597 0 0 0-.158-.22l.902-1.642a.672.597 0 0 0 .293-.03.672.597 0 0 0 .213-.112c.348.146.633.265.838.366.308.152.417.253.45.365.033.11-.003.322-.177.694-.13.277-.345.67-.599 1.133a.672.597 0 0 0-.251.038.672.597 0 0 0-.405.764.672.597 0 0 0 .86.36.672.597 0 0 0 .404-.764.672.597 0 0 0-.137-.202c.251-.458.467-.852.606-1.148.188-.402.286-.701.2-.99-.086-.289-.35-.477-.7-.65-.23-.113-.517-.233-.86-.377a.672.597 0 0 0-.038-.239.672.597 0 0 0-.145-.209l.528-.963 2.924 1.263c.528.229.746.79.49 1.26l-2.01 3.68c-.257.469-.888.663-1.416.435l-4.137-1.788c-.528-.228-.747-.79-.49-1.26l2.01-3.679c.176-.323.53-.515.905-.53h.064z"/></svg>
</span>Gitea (self-hosted)
</a></li>
<li><a href="https://lesetagebu.ch/von/jan_j" rel="me">
<span class="link-icon"><svg aria-label="Book icon" role="img" clip-rule="evenodd" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="m0 0h24v24h-24z"/><g stroke="#000" stroke-width="2"><path d="m9 5c0-.552-.448-1-1-1h-2c-.552 0-1 .448-1 1v14c0 .552.448 1 1 1h2c.552 0 1-.448 1-1z"/><path d="m13 5c0-.552-.448-1-1-1h-2c-.552 0-1 .448-1 1v14c0 .552.448 1 1 1h2c.552 0 1-.448 1-1z"/><path d="m5 8h4"/><path d="m9 16h4"/><g transform="matrix(.97437 -.224951 .224951 .97437 13.2517 4.65498)"><path d="m4 1c0-.552-.448-1-1-1h-2c-.552 0-1 .448-1 1v14c0 .552.448 1 1 1h2c.552 0 1-.448 1-1z"/><path d="m0 4h4"/><path d="m0 12h4"/></g></g></g></svg>
</span>Lesetagebuch
</a></li>
<li><a href="https://open.spotify.com/user/janjastrow" rel="me">
<span class="link-icon"><svg aria-label="Spotify icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Spotify icon</title><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/></svg>
</span>Spotify Playlists
</a></li>
<li><a href="https://www.twitch.tv/jan_j/" rel="me">
<span class="link-icon"><svg aria-label="Twitch icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>Twitch icon</title><path d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z"/></svg>
</span>Twitch
</a></li>
<li><a href="https://letterboxd.com/Gehirnfussel/" rel="me">
<span class="link-icon"><svg aria-label="Letterboxd icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Letterboxd icon</title><path d="M8.29 16.752V7.2H6.546V4.8h6.328v2.4h-1.746v9.574h3.925v-2.618h2.839V19.2H6.545v-2.448h1.746zM0 12c0 6.628 5.372 12 12 12s12-5.372 12-12S18.628 0 12 0 0 5.372 0 12z"/></svg>
</span>Letterboxd
</a></li>
<li><a href="https://steamcommunity.com/id/jan_j/" rel="me">
<span class="link-icon"><svg aria-label="Steam icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Steam icon</title><path d="M11.979 0C5.678 0 .511 4.86.022 11.037l6.432 2.658c.545-.371 1.203-.59 1.912-.59.063 0 .125.004.188.006l2.861-4.142V8.91c0-2.495 2.028-4.524 4.524-4.524 2.494 0 4.524 2.031 4.524 4.527s-2.03 4.525-4.524 4.525h-.105l-4.076 2.911c0 .052.004.105.004.159 0 1.875-1.515 3.396-3.39 3.396-1.635 0-3.016-1.173-3.331-2.727L.436 15.27C1.862 20.307 6.486 24 11.979 24c6.627 0 11.999-5.373 11.999-12S18.605 0 11.979 0zM7.54 18.21l-1.473-.61c.262.543.714.999 1.314 1.25 1.297.539 2.793-.076 3.332-1.375.263-.63.264-1.319.005-1.949s-.75-1.121-1.377-1.383c-.624-.26-1.29-.249-1.878-.03l1.523.63c.956.4 1.409 1.5 1.009 2.455-.397.957-1.497 1.41-2.454 1.012H7.54zm11.415-9.303c0-1.662-1.353-3.015-3.015-3.015-1.665 0-3.015 1.353-3.015 3.015 0 1.665 1.35 3.015 3.015 3.015 1.663 0 3.015-1.35 3.015-3.015zm-5.273-.005c0-1.252 1.013-2.266 2.265-2.266 1.249 0 2.266 1.014 2.266 2.266 0 1.251-1.017 2.265-2.266 2.265-1.253 0-2.265-1.014-2.265-2.265z"/></svg>
</span>Steam
</a></li>
</ul>
</main>
<footer>
<p><a href="https://jan.jastrow.me/impressum/">Impressum & Datenschutz</a></p>
</footer>
<script data-goatcounter="https://jansu.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
</body>
</html>