https://higi.dev/

1<!DOCTYPE html><html lang="en"><head>
2    <meta name="viewport" content="width=device-width, initial-scale=1.0">
3    <meta name="color-scheme" content="dark light">
4    <link rel="preconnect" href="https://fonts.gstatic.com">
5    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&amp;display=swap">
6    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
7    <link rel="alternate icon" href="/favicon.ico">
8  

8<script type="module" crossorigin="" src="/assets/app.db5cd862.js"></script>

8
9  <link rel="modulepreload" href="/assets/vendor.2afa2591.js">
10  <link rel="stylesheet" href="/assets/app.0ab8b1c2.css">
11<meta property="og:type" content="website"><meta property="og:title" content="Niklas Higi"><meta property="og:url" content="https://higi.dev"><meta name="twitter:site" content="@shroudedcode"><meta name="twitter:creator" content="@shroudedcode"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Niklas Higi"><meta name="twitter:image" content="https://higi.dev/assets/logo.21938ccb.png"><meta name="head:count" content="8"><title>Niklas Higi</title></head>
12  <body>
13    <div id="app" data-server-rendered="true"><div class="min-h-screen flex font-sans bg-gray-200 dark:bg-gray-900"><div class="m-auto w-full flex flex-col items-center py-12 px-4"><header class="text-center flex flex-col items-center"><h1 class="text-2xl sm:text-3xl mb-2 leading-8 text-gray-900 dark:text-gray-200"><strong>Hey there!</strong> I'm <strong class="font-semibold">Niklas Higi</strong>,<br class="hidden sm:inline"> a <strong class="font-semibold">software developer</strong> from Germany. </h1><h2 class="mt-1 text-xl max-w-lg leading-normal text-gray-700 dark:text-gray-300"> I care about <strong class="font-semibold">clean code</strong>, <strong class="font-semibold">open source</strong>, and <strong class="font-semibold">great user experiences</strong>. When I'm not sleeping I'm probably working one of my too many projects. Here are some of them: </h2></header><section class="w-full my-10"><ul class="max-w-4xl mx-auto grid sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-8"><!--[--><li><a href="https://github.com/shroudedcode/apk-mitm#readme" class="relative block rounded-lg overflow-hidden shadow bg-black transform hover:-translate-y-1 hover:shadow-md group transition duration-150 ease-in-out sm:pb-full" target="_blank" rel="noreferrer"><div class="-z-1 absolute inset-0"><img src="/assets/apk-mitm.88651052.png" aria-hidden="true" class="absolute inset-0 w-full transform group-hover:scale-105 transition duration-150 ease-in-out origin-top"><div class="absolute inset-0 opacity-75" style="background:#000000d4;"></div><div class="absolute inset-0 bg-gradient-to-b from-transparent to-black opacity-50"></div></div><div class="sm:absolute z-0 inset-0 flex flex-col justify-end p-8"><div class="text-xl text-white font-bold">apk-mitm</div><div class="text-white text-opacity-75">a CLI that prepares Android apps for reverse engineering through HTTPS inspection</div></div></a></li><li><a href="https://github.com/shroudedcode/refined-prime-video#readme" class="relative block rounded-lg overflow-hidden shadow bg-black transform hover:-translate-y-1 hover:shadow-md group transition duration-150 ease-in-out sm:pb-full" target="_blank" rel="noreferrer"><div class="-z-1 absolute inset-0"><img src="/assets/refined-prime-video.241e693b.png" aria-hidden="true" class="absolute inset-0 w-full transform group-hover:scale-105 transition duration-150 ease-in-out origin-top"><div class="absolute inset-0 opacity-75" style="background:#00658e;"></div><div class="absolute inset-0 bg-gradient-to-b from-transparent to-black opacity-50"></div></div><div class="sm:absolute z-0 inset-0 flex flex-col justify-end p-8"><div class="text-xl text-white font-bold">Refined Prime Video</div><div class="text-white text-opacity-75">a browser extension that improves the Amazon Prime Video user interface</div></div></a></li><li><a href="https://www.producthunt.com/products/songmash" class="relative block rounded-lg overflow-hidden shadow bg-black transform hover:-translate-y-1 hover:shadow-md group transition duration-150 ease-in-out sm:pb-full" target="_blank" rel="noreferrer"><div class="-z-1 absolute inset-0"><img src="/assets/songmash.c35b764c.png" aria-hidden="true" class="absolute inset-0 w-full transform group-hover:scale-105 transition duration-150 ease-in-out origin-top"><div class="absolute inset-0 opacity-75" style="background:#280775;"></div><div class="absolute inset-0 bg-gradient-to-b from-transparent to-black opacity-50"></div></div><div class="sm:absolute z-0 inset-0 flex flex-col justify-end p-8"><div class="text-xl text-white font-bold">Songmash</div><div class="text-white text-opacity-75">a web application that helps you find the right music to listen to with your friends</div></div></a></li>

13<!--]--></ul></section><footer class="text-center"><div class="flex"><!--[--><a href="https://github.com/shroudedcode" target="_blank" rel="noreferrer" title="GitHub" class="m-2 text-gray-400 hover:text-gray-500 dark:hover:text-gray-300 transition duration-150 ease-in-out"><svg class="w-8 fill-current" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z"></path></svg></a><a href="https://www.linkedin.com/in/niklashigi/" target="_blank" rel="noreferrer" title="LinkedIn" class="m-2 text-gray-400 hover:text-gray-500 dark:hover:text-gray-300 transition duration-150 ease-in-out"><svg class="w-8 fill-current" viewBox="0 0 24 24"><path d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z"></path></svg></a><!--]--></div><a href="mailto:[email protected]" class="inline-block leading-relaxed border-b-2 border-gray-300 hover:border-gray-400 dark:hover:border-gray-200 text-gray-400 hover:text-gray-500 dark:hover:text-gray-300 text-sm font-semibold transition duration-150 ease-in-out"> Contact me </a></footer></div></div></div>
14    
15  
16
17</body></html>