You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
3.6 KiB
Plaintext
73 lines
3.6 KiB
Plaintext
4 days ago
|
<extend template=base.shtml>
|
||
|
3 months ago
|
|
||
|
4 days ago
|
<title id=title :text=$page.title></title>
|
||
|
3 months ago
|
<head id=head></head>
|
||
|
|
|
||
|
|
<main id=main>
|
||
|
|
<div id=intro>
|
||
|
|
<p>
|
||
|
|
Hi there! I am a
|
||
|
|
<a title="Do you want to hire me?" href="#contact">programmer</a>,
|
||
|
|
<a rel="noopener" title="see some of my projects" href="https://git.k0r.in" target="_blank">open-source
|
||
|
|
enthusiast</a>
|
||
|
|
and
|
||
|
|
<a title="What is a hacker, actually?" href="https://en.wikipedia.org/wiki/Hacker_culture" rel="noopener"
|
||
|
|
target="_blank">hacker</a>
|
||
|
|
based in Berlin, Germany.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
I call myself a code artist, because programming can and should be seen as a creative process; therefore code is
|
||
|
|
art. I love to craft pieces of art with code, that are beautiful and elegant in their simplicity, readability
|
||
|
|
and architecture.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Looking for expert advice and development services for a short-term project? I offer guidance on software
|
||
|
|
architecture decisions, coding solutions and performance optimizations tailored to your needs. Let's work
|
||
|
|
together to solve your challenges.
|
||
|
|
<a title="Contact me" href="#contact">Get in touch</a>!
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div id=cta>
|
||
|
|
<a href="#content">
|
||
|
|
Learn more about me and my work, here
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
|
||
|
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||
|
|
d="M3 15.8V8.2c0-1.1 0-1.7.2-2.1.2-.4.5-.7.9-.9C4.5 5 5 5 6.2 5h11.6c1.1 0 1.7 0 2.1.2.4.2.7.5.9.9.2.4.2 1 .2 2.1v7.6c0 1.1 0 1.7-.2 2.1a2 2 0 0 1-.9.9c-.4.2-1 .2-2.1.2H6.2c-1.1 0-1.7 0-2.1-.2a2 2 0 0 1-.9-.9c-.2-.4-.2-1-.2-2.1Z" />
|
||
|
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||
|
|
d="m16 10-4 4-4-4" />
|
||
|
|
</svg>
|
||
|
|
</a>
|
||
|
|
<a href="https://cli.koehr.ing" target="_blank">
|
||
|
|
Try the Interactive Homepage Experiment
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
|
||
|
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||
|
|
d="M17 15h-5m-5-5 3 2.5L7 15m-4 .8V8.2c0-1.1 0-1.7.2-2.1.2-.4.5-.7.9-.9C4.5 5 5 5 6.2 5h11.6c1.1 0 1.7 0 2.1.2.4.2.7.5.9.9.2.4.2 1 .2 2.1v7.6c0 1.1 0 1.7-.2 2.1a2 2 0 0 1-.9.9c-.4.2-1 .2-2.1.2H6.2c-1.1 0-1.7 0-2.1-.2a2 2 0 0 1-.9-.9c-.2-.4-.2-1-.2-2.1Z" />
|
||
|
|
</svg>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
4 days ago
|
<div id="content" :html=$page.content()></div>
|
||
|
3 months ago
|
|
||
|
4 days ago
|
<div id="contact">
|
||
|
|
<header><h1>contact</h1></header>
|
||
|
|
<ul class="contacts">
|
||
|
|
<li><img title="Mail" src="/mail.svg"> n@[thisdomain]</li>
|
||
|
|
<li><img title="Fediverse / Mastodon" src="/fediverse.svg"> <a href="https://mstdn.io/@Koehr/">@Koehr\@mstdn.io</a></li>
|
||
|
|
<li><img title="Gitforge" src="/gitforge.svg"> <a href="https://git.k0r.in/">git.k0r.in</a></li>
|
||
|
|
<li><img title="LinkedIn" src="/linkedin.svg"> <a href="https://linkedin.com/in/norman-köhring-950448109/">Norman Köhring</a></li>
|
||
|
|
<li><img title="Instagram" src="/instagram.svg"> <a href="https://instagram.com/coffee_n_code/">coffee_n_code</a></li>
|
||
|
|
<li><img title="Threads" src="/threads.svg"> <a href="https://threads.net/@coffee_n_code/">coffee_n_code</a></li>
|
||
|
|
<li><img title="Reddit" src="/reddit.svg"> <a href="https://www.reddit.com/user/koehr/">/u/koehr</a></li>
|
||
|
|
<li><img title="Github" src="/github.svg"> <a href="https://github.com/nkoehring/">nkoehring</a></li>
|
||
|
|
<li><img title="Twitter" src="/twitter.svg"> <a href="https://twitter.com/koehr_in/">koehr_in</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
3 months ago
|
<footer>
|
||
|
|
<a href="#intro">back to top</a>
|
||
|
|
</footer>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<footer id="footer">
|
||
|
|
</footer>
|