116 lines
21 KiB
HTML
116 lines
21 KiB
HTML
<!doctype html>
|
||
<html lang=en>
|
||
|
||
<head id="head">
|
||
<meta charset=utf-8>
|
||
<title id="title " var="the codeartist — programmer and engineer based in Berlin">Bookmarks</title>
|
||
<meta name=description content="The personal page and weblog of Norman Köhring">
|
||
<meta name=author content="Norman Köhring">
|
||
<meta name=DC.title content="the codeartist — programmer and engineer based in Berlin">
|
||
<meta name="twitter:card" content="summary">
|
||
<meta name="twitter:site" content="@koehr_in">
|
||
<meta name="twitter:author" content="@koehr_in">
|
||
<meta name=twitter:description content="The personal page and weblog of the codeartist Norman Köhring">
|
||
<meta name="twitter:title" content="Bookmarks // the codeartist">
|
||
<meta name="og:title" content="Bookmarks // the codeartist">
|
||
<meta property="og:type" content="website">
|
||
|
||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||
<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
||
|
||
<meta name=ICBM content="52.4595, 13.5335">
|
||
<meta name=geo.position content="52.4595; 13.5335">
|
||
<meta name=geo.region content=DE-BE>
|
||
<meta name=geo.placename content=Berlin>
|
||
<link rel=me href=https://koehr.in>
|
||
<link rel=me href=https://k0r.in>
|
||
<link rel=me href=https://koehr.ing>
|
||
<link rel=me href=@Koehr@mstdn.io>
|
||
<link rel=me href=https://sr.ht/~koehr>
|
||
<link rel=me href=https://git.koehr.ing>
|
||
<link rel=me href=https://threads.net/@coffee_n_code>
|
||
<link rel=me href=https://instagram.com/@coffee_n_code>
|
||
<link rel=me href=https://ko-fi.com/koehr>
|
||
<link rel=me href=https://reddit.com/user/koehr>
|
||
<link rel=icon href=/favicon.png type=image/x-icon>
|
||
<link rel=stylesheet href=/style.css>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<main id="main">
|
||
|
||
<header>
|
||
<h1>Bookmarks</h1>
|
||
<em>Websites that inspired me, that I think are worth reading, useful and I don't want to forget about.</em>
|
||
<br>
|
||
Last updated: <time datetime="Tue, 16 Jul 2024 00:00:00 +0000">July 16, 2024</time>
|
||
</header>
|
||
|
||
<div><blockquote><p>Check out <a href="https://bukmark.club/" target="_blank">The Bukmark Club</a> to find more pages featuring a curated collection of bookmarks and/or links to other websites.</p></blockquote><p>This page is intended to be generated as part of the build step in the future, but it is not there, yet. Instead it is generated by a small, manually run helper script, therefore the bookmarks might not be fully up to date. For a fully up-to-date version, please refer to my <a href="https://url.koehr.ing/bookmarks/shared" target="_blank">public bookmark list</a>.</p><hr><ul><li><p><a href="https://aboutideasnow.com/?q=kagi" target="_blank">About Ideas Now | Search 1000s of personal sites</a> - Find people to collaborate with by searching through the /about, /ideas and /now pages of 1000s of personal sites <a href="https://url.koehr.ing/bookmarks/shared?q=%23personal" target="_blank">#personal</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23web" target="_blank">#web</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23search" target="_blank">#search</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23smallweb" target="_blank">#smallweb</a></p></li><li><p><a href="https://huggingface.co/spaces/webml-community/kokoro-web" target="_blank">Kokoro Text-to-Speech - a Hugging Face Space by webml-community</a> - High-quality speech synthesis powered by Kokoro TTS <a href="https://url.koehr.ing/bookmarks/shared?q=%23tts" target="_blank">#tts</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23LLM" target="_blank">#LLM</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23Kokoro" target="_blank">#Kokoro</a></p></li><li><p><a href="https://help.kagi.com/kagi/ai/llm-benchmark.html" target="_blank">Kagi LLM Benchmarking Project | Kagi's Docs</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23benchmark" target="_blank">#benchmark</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23ai" target="_blank">#ai</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23LLM" target="_blank">#LLM</a></p></li><li><p><a href="https://www.voidzero.dev/" target="_blank">VoidZero | Next Generation Tooling for the Web</a> - We are building the next generation of JavaScript tooling <a href="https://url.koehr.ing/bookmarks/shared?q=%23webdev" target="_blank">#webdev</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23javascript" target="_blank">#javascript</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23typescript" target="_blank">#typescript</a></p></li><li><p><a href="https://electrobun.dev/" target="_blank">Electrobun</a> - Aiming for a complete solution-in-a-box for cross-platform desktop apps in typescript <a href="https://url.koehr.ing/bookmarks/shared?q=%23webdev" target="_blank">#webdev</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23javascript" target="_blank">#javascript</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23typescript" target="_blank">#typescript</a></p></li><li><p><a href="https://thematrix1999.github.io/" target="_blank">The Matrix</a> - Infinite-Horizon World generation with Real-Time interaction, paper and playable demo <a href="https://url.koehr.ing/bookmarks/shared?q=%23game" target="_blank">#game</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23generator" target="_blank">#generator</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23ai" target="_blank">#ai</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23LLM" target="_blank">#LLM</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23gamedev" target="_blank">#gamedev</a></p></li><li><p><a href="https://darkvisitors.com/" target="_blank">Dark Visitors - Track and Control Artificial Agents Crawling Your Website</a> - Analyze, protect, and optimize your content for the hidden ecosystem of AI assistants, scrapers, and other bots swarming across the internet <a href="https://url.koehr.ing/bookmarks/shared?q=%23web" target="_blank">#web</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23list" target="_blank">#list</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23ai" target="_blank">#ai</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23LLM" target="_blank">#LLM</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23robotstxt" target="_blank">#robotstxt</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23trackers" target="_blank">#trackers</a></p></li><li><p><a href="https://bunk.lol/" target="_blank">bunk.lol</a> - Collection of privacy-focused services <a href="https://url.koehr.ing/bookmarks/shared?q=%23alternative" target="_blank">#alternative</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23list" target="_blank">#list</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23privacy" target="_blank">#privacy</a></p></li><li><p><a href="https://gist.github.com/Avaq/1f0636ec5c8d6aed2e45" target="_blank">Common combinators in JavaScript · GitHub</a> - Common combinators in JavaScript. GitHub Gist: instantly share code, notes, and snippets. <a href="https://url.koehr.ing/bookmarks/shared?q=%23webdev" target="_blank">#webdev</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23javascript" target="_blank">#javascript</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23functional" target="_blank">#functional</a></p></li><li><p><a href="https://merri.cx/qrazybox/" target="_blank">https://merri.cx/qrazybox/</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23manipulation" target="_blank">#manipulation</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23qrcode" target="_blank">#qrcode</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23toolbox" target="_blank">#toolbox</a></p></li><li><p><a href="https://sound-effects.bbcrewind.co.uk/" target="_blank">https://sound-effects.bbcrewind.co.uk/</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23effect" target="_blank">#effect</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23sound" target="_blank">#sound</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23TTRPG" target="_blank">#TTRPG</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23gamedev" target="_blank">#gamedev</a></p></li><li><p><a href="https://wedistribute.org/" target="_blank">https://wedistribute.org/</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23activitypub" target="_blank">#activitypub</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23decentralized" target="_blank">#decentralized</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23web" target="_blank">#web</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23distributed" target="_blank">#distributed</a></p></li><li><p><a href="https://morizbuesing.com/blog/greppability-code-metric/" target="_blank">https://morizbuesing.com/blog/greppability-code-metric/</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23dev" target="_blank">#dev</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23code" target="_blank">#code</a></p></li><li><p><a href="https://www.transparenttextures.com/" target="_blank">https://www.transparenttextures.com/</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23webdev" target="_blank">#webdev</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23image" target="_blank">#image</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23graphics" target="_blank">#graphics</a></p></li><li><p><a href="https://unraid.net/" target="_blank">https://unraid.net/</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23selfhosting" target="_blank">#selfhosting</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23hosting" target="_blank">#hosting</a></p></li><li><p><a href="http://aleclownes.com/2017/02/01/crt-display.html" target="_blank">Using CSS to create a CRT</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23webdev" target="_blank">#webdev</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23CSS" target="_blank">#CSS</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23crt" target="_blank">#crt</a></p></li><li><p><a href="https://github.com/robertkleffner/mariohtml5/blob/master/code/character.js" target="_blank">character.js on github:robertkleffner/mariohtml5</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23dev" target="_blank">#dev</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23game" target="_blank">#game</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23opensource" target="_blank">#opensource</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23gamedev" target="_blank">#gamedev</a></p></li><li><p><a href="https://www.reddit.com/r/gamedev/comments/qsxmb/the_best_jump_algorithm_for_2d_scrolling_games/" target="_blank">r/gamedev: The Best Jump Algorithm For 2D Scrolling Games?</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23dev" target="_blank">#dev</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23gamedev" target="_blank">#gamedev</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23reddit" target="_blank">#reddit</a></p></li><li><p><a href="https://www.scientificamerican.com/article/do-insects-feel-joy-and-pain/" target="_blank">Do Insects Feel Joy and Pain?</a> - Insects have surprisingly rich inner lives—a revelation that has wide-ranging ethical implications <a href="https://url.koehr.ing/bookmarks/shared?q=%23science" target="_blank">#science</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23ethics" target="_blank">#ethics</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23insects" target="_blank">#insects</a></p><p>Insects appear to experience both pleasure and pain. In other words, it now looks like at least some species of insects—and maybe all of them—are sentient.</p></li><li><p><a href="https://www.brightball.com/articles/story-points-are-pointless-measure-queues" target="_blank">https://www.brightball.com/articles/story-points-are-pointless-measure-queues</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23agile" target="_blank">#agile</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23management" target="_blank">#management</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23scrum" target="_blank">#scrum</a></p></li><li><p><a href="https://ktema.org/articles/the-overengineered-resume/" target="_blank">https://ktema.org/articles/the-overengineered-resume/</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23dev" target="_blank">#dev</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23goodexample" target="_blank">#goodexample</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23cv" target="_blank">#cv</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23resume" target="_blank">#resume</a></p></li><li><p><a href="https://cohere.com/blog/llm-parameters-best-outputs-language-ai" target="_blank">LLM Parameters Demystified: Getting The Best Outputs from Language AI</a> - When using Language AI to generate content, there are many options to control the outputs. Let's take a look at them in this post. <a href="https://url.koehr.ing/bookmarks/shared?q=%23LLM" target="_blank">#LLM</a></p></li><li><p><a href="https://itch.io/queue/c/1304214/scifi-trpg-tools?game_id=1415404" target="_blank">Vintage Star System generator</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23generator" target="_blank">#generator</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23TTRPG" target="_blank">#TTRPG</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23SciFi" target="_blank">#SciFi</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23mothership" target="_blank">#mothership</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23StarSystem" target="_blank">#StarSystem</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23vintage" target="_blank">#vintage</a></p></li><li><p><a href="https://math.stackexchange.com/questions/49034/is-infinity-an-odd-or-even-number" target="_blank">parity - Is infinity an odd or even number? - Mathematics Stack Exchange</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23math" target="_blank">#math</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23infinity" target="_blank">#infinity</a></p></li><li><p><a href="https://www.piskelapp.com/" target="_blank">Piskel - Free online sprite editor</a> - Piskel, free online sprite editor. A simple web-based tool for Spriting and Pixel art. Create pixel art, game sprites and animated GIFs. Free and open-source. <a href="https://url.koehr.ing/bookmarks/shared?q=%23graphics" target="_blank">#graphics</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23editor" target="_blank">#editor</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23pixelart" target="_blank">#pixelart</a></p></li><li><p><a href="https://github.com/MichaelMure/git-bug" target="_blank">GitHub - MichaelMure/git-bug: Distributed, offline-first bug tracker embedded in git, with bridges</a> - Distributed, offline-first bug tracker embedded in git, with bridges - GitHub - MichaelMure/git-bug: Distributed, offline-first bug tracker embedded in git, with bridges <a href="https://url.koehr.ing/bookmarks/shared?q=%23dev" target="_blank">#dev</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23git" target="_blank">#git</a></p></li><li><p><a href="https://conversiontools.io/" target="_blank">Conversion Tools - Online File Converter for JSON, XML, Excel, PDF, and other formats</a> - Convert documents, PDF, images, and other files online between different formats. Secured service. User account. Conversion options. REST API and libraries. <a href="https://url.koehr.ing/bookmarks/shared?q=%23webapp" target="_blank">#webapp</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23file" target="_blank">#file</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23free" target="_blank">#free</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23conversion" target="_blank">#conversion</a></p></li><li><p><a href="https://rarebooksleuth.com/collections/science-fiction" target="_blank">Science Fiction & Fantasy – The Rare Book Sleuth</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23books" target="_blank">#books</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23SciFi" target="_blank">#SciFi</a> <a href="https://url.koehr.ing/bookmarks/shared?q=%23antique" target="_blank">#antique</a></p></li></ul></div>
|
||
|
||
</main>
|
||
|
||
<div id="spacer"></div>
|
||
<header id="header">
|
||
<a href="/">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 832.4 143.1">
|
||
<path id="header-underscore"
|
||
d="M832.4 131.1q0 5.5-3.1 8.6-3 3.4-8.2 3.3h-75.5q-5.2 0-8.2-3.3-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8 0-5.5 3.1-8.7 1.6-1.7 3.7-2.4 2.2-.8 4.5-.8h75.5q5.2 0 8.2 3.2 3 3.1 3 8.7z"></path>
|
||
<path id="header-bracket"
|
||
d="M731.9 81.4q0 6.7-6.5 10.7l-1 .6-74.3 39.2q-2.5 1.3-5.2 1.2-4.8 0-8.1-3.8-3.2-3.6-3.2-8.4 0-3.3 1.7-6 1.8-2.9 4.6-4.4l55.3-29.1-55.3-29q-2.8-1.6-4.6-4.3-1.7-2.7-1.7-6.2 0-4.7 3.2-8.4 3.3-4 8-3.7 2.7 0 5.3 1.2l74.4 39.2q3.3 1.7 5.3 4.7 2 2.8 2 6.5z"></path>
|
||
<path id="header-r"
|
||
d="M588.7 66.5q0 5-3.5 8.5-3.5 3.4-8.1 3.5-4.4 0-8.3-4.3-10-10.7-20.9-10.6-2.2 0-4.3.3-2.1.3-4 1-1.8.6-3.7 1.6-1.7 1-3.4 2.3-1.7 1.3-3.3 2.9-7.8 8.2-7.6 19.7V131q0 5.5-3.1 8.6-3 3.4-8.3 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V51.6q0-5.4 3-8.6 3-3.4 8.3-3.3 2 0 3.7.6 1.8.6 3.3 1.8 1.4 1 2.2 2.7 1 1.5 1.6 3.3 11.8-8.4 27-8.4 10.6 0 21 5 11.3 5.4 17.2 14.5 2.5 3.7 2.5 7.3z"></path>
|
||
<path id="header-h"
|
||
d="M483.9 131.1q0 5.5-3.1 8.6-3 3.4-8.3 3.3-5.2 0-8.2-3.3-3.2-3.1-3.1-8.6V84.8q0-4.6-1.5-8.2-1.4-3.5-4.4-6.9-2.1-2-4.3-3.4-2.2-1.4-4.7-2-2.4-.7-5.3-.7-4.3 0-7.8 1.5-3.3 1.5-6.4 4.6-5.9 6.3-5.8 15v46.4q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v33q1.5-1 3-1.6l3.2-1.2 3.4-1q1.6-.5 3.3-.8l3.5-.4 3.6-.2q4.4 0 8.5 1 4.1.7 7.9 2.4 3.8 1.6 7.3 4.1 3.5 2.5 6.6 5.8Q484 66 484 84.8z"></path>
|
||
<path id="header-e"
|
||
d="M387.5 111.1q0 1.2-.3 2.3-.1 1-.5 2l-.9 2q-6.6 12-19.4 19-12 6.6-25.4 6.6-20.8 0-35.8-14.6-15.9-15-15.9-37 0-22.1 15.9-37.1 15-14.6 35.8-14.6 3.9 0 7.8.7 4 .7 8 2.2 9.2 3.1 18.2 10 6 4.6 9.1 9.3 3.3 4.7 3.3 10 0 1.3-.3 2.5-.2 1.3-.7 2.4-1.5 3.4-5 5.3l-56.9 32.2q7.2 4.9 16.5 4.9 7.2 0 12.6-2.5 5.5-2.5 9.7-7.4l.7-1 .8-1 .9-1.3 1-1.5q3.3-4.2 7.4-5.1l1.8-.2q4.4 0 8 3.4 3.6 3.5 3.6 8.5zm-29.9-42.7q-7.2-4.8-16.6-4.8-6 0-11 2-4.9 1.8-9.3 6-4.5 4-6.7 9-2 4.8-2 10.8l.1 2.9z"></path>
|
||
<path id="header-o"
|
||
d="M286.8 91.4q0 4.2-.6 8.3-.6 4-1.8 7.7-1.1 3.8-2.9 7.4-1.7 3.5-4 6.9-2.4 3.3-5.2 6.1Q258 143 237.7 143T203 128q-14.3-15.2-14.3-36.6 0-21.5 14.3-36.6 14.4-15 34.7-15 4 0 7.8.5 3.9.7 7.5 1.9t7 3q3.3 1.9 6.4 4.3 3.2 2.4 5.9 5.4 14.4 15 14.5 36.5zm-22.6 0q0-2.4-.4-4.5-.2-2.2-.9-4.2-.6-2-1.5-3.9-1-2-2.2-3.7-1.2-1.7-2.8-3.4-4-4.2-8.6-6.1-4.5-2-10-2-11 0-18.7 8.2-7.8 8-7.8 19.6 0 11.4 7.8 19.7 7.8 8 18.6 8 5.6 0 10.1-1.9 4.6-2 8.6-6.1 4-4.3 5.8-9 2-4.9 2-10.7z"></path>
|
||
<path id="header-k"
|
||
d="M186.3 131q0 4.7-3.3 8.3-1.5 1.8-3.7 2.7-2 1.1-4.3 1.1-3.5 0-6.6-2L119.2 105v26q0 5.5-3 8.6-3.1 3.4-8.4 3.3l-2.2-.2q-1-.1-2.2-.5-1-.3-2-1-1-.6-1.8-1.6-1.7-1.6-2.4-3.8-.7-2.3-.7-4.8V11.9q0-5.5 3-8.6 3-3.4 8.3-3.3 5.2 0 8.2 3.3 3.2 3.1 3.2 8.6v65.9l49.2-36.1q3.2-2 6.6-2 4.7 0 8 3.7t3.3 8.4q-.2 6-5 9.6l-41 30 41 29.9q2.3 1.7 3.6 4.2 1.4 2.5 1.4 5.4z"></path>
|
||
<path id="header-tilde"
|
||
d="M73.1 91q0 2-.6 3.9T71 98.6q-3.2 5.7-8.9 8.5-5.6 2.8-12.9 2.8-8.8 0-18-7.8-2.4-2.3-4.5-3.7-2.1-1.5-3-1.7-1.5 0-2.1.3l-.8 1.3q-.3.7-.8 1.2l-1 1-.9.8q-2.7 2-6.4 2-1.7 0-3.2-.3-1.4-.3-3-1.1-1.5-.8-2.6-2.1-2.8-3.1-2.8-8v-1.3q0-.7.2-1.2l.2-1 .4-1 .4-1q.1-.6.5-1.1l.5-1q3.2-5.7 8.8-8.5 5.7-2.9 13-2.9 3.2 0 6.2 1 3 .9 6 2.7 2.9 1.6 5.7 4.2 5.2 4.6 7.6 5.4 1 0 1.6-.2l.7-.4q.3-.1.5-.4 3.6-5.6 9.2-5.6 5.7 0 8.8 3.5 2.8 3 2.8 8z"></path>
|
||
</svg>
|
||
Homepage of
|
||
<div class=p-name>
|
||
<span class=first-name>Norman</span>
|
||
<span class=last-name>Köhring</span>
|
||
</div>
|
||
Code Artist
|
||
</a>
|
||
</header>
|
||
<div id="main-menu">
|
||
<menu>
|
||
<li><a title="What I do these days" href="/now">/now</a></li>
|
||
<li><a title="Today I Learned" href="/til">/til</a></li>
|
||
<li><a title="My projects" href="/projects">/projects</a></li>
|
||
<li><a title="Ideas" href="/ideas">/ideas</a></li>
|
||
<li><a title="Weblog" href="/blog">/blog</a></li>
|
||
<li><a title="CV / Resume" href="/cv">/cv</a></li>
|
||
<li><a title="Tools I use" href="/stack">/stack</a></li>
|
||
<li><a title="Hardware I use" href="/setup">/setup</a></li>
|
||
<li><a title="Shared Bookmarks" href="/bookmarks">/links</a></li>
|
||
</menu>
|
||
</div>
|
||
<footer id="footer">
|
||
|
||
</footer>
|
||
<script defer>
|
||
const el = document.getElementById('header')
|
||
const threshhold = 24
|
||
let headerIsSmall = false
|
||
window.addEventListener("scroll", () => {
|
||
if (window.scrollY > threshhold && !headerIsSmall) {
|
||
el.classList.add('small')
|
||
headerIsSmall = true
|
||
} else if (window.scrollY <= threshhold && headerIsSmall) {
|
||
el.classList.remove('small')
|
||
headerIsSmall = false
|
||
}
|
||
})
|
||
</script>
|
||
<script async data-goatcounter=https://koehr.goatcounter.com/count src=//gc.zgo.at/count.js></script>
|
||
</body>
|
||
</html>
|