n
/
koehr.ing
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

more info and social links

Browse Source
main
koehr 6 months ago
parent 2378f9d4e9
commit 7f6578f13a
28 changed files with 125 additions and 20 deletions
Show Stats Download Patch File Download Diff File

6
dist/down.svg vendored
Unescape Escape View File

@ -1,5 +1 @@
<?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="#fff8e7" 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="#fff8e7" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m16 10-4 4-4-4"/></svg>
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Vector" d="M 3 15.8 L 3 8.2 C 3 7.08 3 6.52 3.218 6.092 C 3.41 5.715 3.715 5.41 4.092 5.218 C 4.52 5 5.08 5 6.2 5 L 17.8 5 C 18.92 5 19.48 5 19.907 5.218 C 20.284 5.41 20.591 5.715 20.782 6.092 C 21 6.519 21 7.079 21 8.197 L 21 15.803 C 21 16.921 21 17.48 20.782 17.907 C 20.591 18.284 20.284 18.591 19.907 18.782 C 19.48 19 18.921 19 17.803 19 L 6.197 19 C 5.079 19 4.519 19 4.092 18.782 C 3.715 18.591 3.41 18.284 3.218 17.907 C 3 17.48 3 16.92 3 15.8 Z" stroke="#fff8e7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="path-1" d="M 15.93 10.015 L 11.93 14.015 L 7.93 10.015" stroke="#fff8e7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 821 B

After

Width:  |  Height:  |  Size: 503 B

1
dist/fediverse.svg vendored
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -5 1034 1034" fill="#888785"><path d="M539 176q-32 0-55 22t-25 55 21 58 56 27 58-20 27-56-20-59-57-27h-5zm-87 95L220 389q20 20 25 48l231-118q-19-20-24-48zm167 27q-13 25-38 38l183 184q13-25 39-38zm-142 22L342 585l40 40 143-280q-28-5-48-25zm104 16q-22 11-46 10l-8-1 21 132 56 9zm-426 34q-32 0-55 23t-25 55 21 58 56 27 59-21 27-56-21-59-56-27h-6zm90 68 1 18q-1 19-10 35l132 21 26-50zm225 36-26 51 311 49-1-17q1-19 10-36zm372 6q-32 1-55 23t-24 55 21 58 56 27 58-20 27-57-20-59-57-27h-6zm-606 13q-13 25-39 38l210 210 51-25zm-40 38q-21 11-44 10l-9-1 40 256q21-10 45-9l8 1zm364 22 48 311q21-10 44-9l10 1-46-294zm195 23-118 60 8 56 135-68q-20-20-25-48zm26 49L662 856q28 5 48 25l119-231q-28-5-48-25zm-475 29-68 134q28 5 48 25l60-119zm262 17L287 814q19 20 24 48l265-135zm-55 100-51 25 106 107q13-25 39-38zm-291 24q-32 0-55 23t-25 55 21 57 56 27 58-20 27-56-20-59-57-27h-5zm89 68q2 9 1 18-1 19-9 35l256 41-1-18q1-18 10-35zm335 0q-32 0-55 23t-24 55 20 58 56 27 59-21 27-56-20-59-57-27h-6z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

1
dist/github.svg vendored
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#888785" d="M4 3c.1-1 .4-1.5 1-1.8.8-.4 2-.3 3.5.5.6.3.6.3 1.7.1a19 19 0 0 1 4.5 0c1 .2 1 .2 1.7-.1 2-1 3.6-1 4.1.1.3.6.4 2 .1 3.2 0 .7 0 .8.2 1.2 2.1 3 .6 8-3 10l-.6.2c-.6.2-.8.3-.6 1.3l.3 2.7c0 1.8 0 1.8-.2 2.2-.5.5-1 .5-1.5 0-.3-.3-.3-.5-.3-1.7 0-1.8-.2-3-.7-4-.5-1.3-.1-1.7 1.2-2a5.5 5.5 0 0 0 3.9-3c.7-1.6.8-3.8-.5-5-.4-.5-.4-1-.1-2.1l.2-1.3c0-.5 0-.5-.3-.5l-1.4.5-1 .5H16a30.3 30.3 0 0 0-7.4 0l-1-.5L6.3 3c-.4 0-.4.3 0 1.9.1 1 .3 1.2-.3 2a4.6 4.6 0 0 0-.7 4.3c.6 2 2.1 3.3 4.2 3.7 1.3.3 1.6.6 1.1 2-.3 1.2-.6 1.5-1.1 1.5-.8 0-1.2-.6-1-1.3.1-.3 0-.3-.6-.6a7.4 7.4 0 0 1-4.5-4.8c-.6-1.7-.3-4 .6-5.4.3-.5.3-.6.2-1.5C4 4.3 4 3.5 4 3Zm-.7 13a1 1 0 0 0-1.6 1 5.6 5.6 0 0 0 .8 1l.6.6c.3.4.7 1 1 2.1 0 .5.4.7.5.8l.7.3 1.2.2H8a1 1 0 0 0 2 0v-1c0-.6-.4-1-1-1a83.7 83.7 0 0 0-3.1-.1c-.3-1.2-.8-2-1.3-2.6l-.7-.7a30.5 30.5 0 0 1-.6-.7Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 910 B

23
dist/index.html vendored
Unescape Escape View File

@ -69,10 +69,33 @@
</div> </div>
<div id=content> <div id=content>
<h1>experience</h1> <h1>experience</h1>
<blockquote>
<p>My professional experience spans over thirteen years.</p>
</blockquote>
<p>Pretty early in my life I realized that I work best on my own terms. That does not mean that I prefer to work alone. Working with clients, team mates, designers and managers is a crucial part of any development process.</p> <p>Pretty early in my life I realized that I work best on my own terms. That does not mean that I prefer to work alone. Working with clients, team mates, designers and managers is a crucial part of any development process.</p>
<p>Some time in the year 2009 I decided to not only live up to my way of working but also share my experience even more. I decided to become a freelancing programmer and consultant. Since then many different places benefited from my work. Start-Ups in their first months as well as well known companies like HERE and Deutsche Telekom Labs.</p> <p>Some time in the year 2009 I decided to not only live up to my way of working but also share my experience even more. I decided to become a freelancing programmer and consultant. Since then many different places benefited from my work. Start-Ups in their first months as well as well known companies like HERE and Deutsche Telekom Labs.</p>
<p>Together with entrepreneurs, UI/UX experts and engineers of many fields I created novel and beautiful applications that still influence the live of thousands of people.</p> <p>Together with entrepreneurs, UI/UX experts and engineers of many fields I created novel and beautiful applications that still influence the live of thousands of people.</p>
<p>Please see my CV for a more detailed list.</p> <p>Please see my CV for a more detailed list.</p>
<h1>coaching</h1>
<blockquote>
<p>Whenever possible, I try to help others to learn.</p>
</blockquote>
<p>I’m the organizer of Vuejs // Berlin, a monthly meetup group around Vue and web technologies in general.</p>
<p>Many people want to learn and grow. Whenever I can I try to help those people by sharing my experience and knowledge. I already voluntarily coached at Code Curious, Frauenloop and Jugend Hackt. I also helped children with their first steps into the world of programming at the Berlin CoderDojo.</p>
<h1>contact</h1>
<blockquote>
<p>You can contact me in many ways</p>
</blockquote>
<div class="contacts">
<p><img src="/mail.svg" alt="Mail"> n@&lt;this domain&gt;</p>
<p><img src="/fediverse.svg" alt="Fediverse / Mastodon"> <a href="https://mstdn.io/@Koehr/">@Koehr@mstdn.io</a></p>
<p><img src="/linkedin.svg" alt="LinkedIn"> <a href="https://linkedin.com/in/norman-k%C3%B6hring-950448109/">Norman Köhring</a></p>
<p><img src="/instagram.svg" alt="Instagram"> <a href="https://instagram.com/coffee_n_code/">coffee_n_code</a></p>
<p><img src="/threads.svg" alt="Threads"> <a href="https://instagram.com/coffee_n_code/">coffee_n_code</a></p>
<p><img src="/reddit.svg" alt="Reddit"> <a href="https://www.reddit.com/user/koehr/">/u/koehr</a></p>
<p><img src="/github.svg" alt="Github"> <a href="https://github.com/nkoehring/">nkoehring</a></p>
<p><img src="/twitter.svg" alt="Twitter"> <a href="https://twitter.com/koehr_in/">koehr_in</a></p>
</div>
</div> </div>
</main> </main>
<link href=/extended.css rel=stylesheet> <link href=/extended.css rel=stylesheet>

1
dist/instagram.svg vendored
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="#888785" fill-rule="evenodd" d="M5.87.12C4.24.2 2.83.6 1.69 1.72A5.94 5.94 0 0 0 .1 5.9c-.05 1-.32 8.6.45 10.59a5.04 5.04 0 0 0 2.91 2.9 7.3 7.3 0 0 0 2.42.46c8.86.4 12.15.19 13.53-3.36.25-.63.42-1.35.46-2.41.4-8.88-.06-10.8-1.6-12.35C17.02.5 15.58-.32 5.86.13m.08 17.94a5.6 5.6 0 0 1-1.85-.34c-.88-.35-1.54-1-1.89-1.89-.59-1.51-.39-8.7-.34-9.86.05-1.14.29-2.18 1.09-2.99 1-.99 2.28-1.48 11.03-1.08 1.15.05 2.19.28 3 1.08.99 1 1.48 2.29 1.08 11.01-.04.97-.2 1.5-.34 1.84-.9 2.31-2.97 2.63-11.78 2.23M14.1 4.69a1.2 1.2 0 1 0 2.39 0 1.2 1.2 0 0 0-2.39 0m-9.23 5.3a5.1 5.1 0 1 0 10.2-.01 5.1 5.1 0 0 0-10.2 0m1.8 0a3.31 3.31 0 1 1 6.62.02 3.31 3.31 0 0 1-6.62-.01"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 742 B

BIN
dist/interactive-homepage.jpg vendored
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

1
dist/linkedin.svg vendored
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#888785" d="M6.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM5 10c0-.6.4-1 1-1h1c.6 0 1 .4 1 1v8c0 .6-.4 1-1 1H6a1 1 0 0 1-1-1v-8Zm6 9h1c.6 0 1-.4 1-1v-4.5c0-1.5 3-2.5 3-.5v5c0 .6.4 1 1 1h1c.6 0 1-.4 1-1v-6c0-2-1.5-3-3.5-3S13 10.5 13 10.5V10c0-.6-.4-1-1-1h-1a1 1 0 0 0-1 1v8c0 .6.4 1 1 1Z"/><path fill="#888785" fill-rule="evenodd" d="M20 1a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h16Zm0 2c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V4c0-.6.4-1 1-1h16Z" clip-rule="evenodd"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 574 B

1
dist/mail.svg vendored
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="#888785" stroke-width="2" d="m21 8-3.6 2c-2 1-3 1.6-4 1.8a7 7 0 0 1-2.8 0c-1-.2-2-.7-4-1.8L3 8m3.2 11h11.6c1.1 0 1.7 0 2.1-.2.4-.2.7-.5.9-.9.2-.4.2-1 .2-2.1V8.2c0-1.1 0-1.7-.2-2.1a2 2 0 0 0-.9-.9c-.4-.2-1-.2-2.1-.2H6.2c-1.1 0-1.7 0-2.1.2a2 2 0 0 0-.9.9C3 6.5 3 7 3 8.2v7.6c0 1.1 0 1.7.2 2.1.2.4.5.7.9.9.4.2 1 .2 2.1.2Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 414 B

1
dist/mastodon.svg vendored
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -5 1034 1034"><path d="M499 112c-62 1-117 4-166 11-54 7-97 18-128 33l-14 8a209 209 0 0 0-70 72 360 360 0 0 0-46 176v37l1 119c2 75 8 138 18 188 13 63 33 115 62 154 33 45 78 74 134 89a609 609 0 0 0 298 12c20-5 38-10 55-17 80-26 62-95 15-83l-22 6-57 10c-27 4-53 5-78 4-35-1-62-3-80-7-29-5-51-15-67-30-19-17-31-41-35-72l-2-29 25 6 65 10a931 931 0 0 0 273-2c37-5 73-15 107-30 33-15 60-33 82-54 21-21 34-43 38-64a1449 1449 0 0 0 18-206v-41a360 360 0 0 0-46-176 235 235 0 0 0-84-80c-31-15-73-26-127-33-49-7-105-10-166-11h-3ZM367 267c49 0 85 19 109 56l24 39 24-39c24-37 60-56 109-56 42 0 76 14 101 43s38 68 38 117v239h-95V434c0-49-20-74-61-74-46 0-69 29-69 88v127h-94V448c0-59-23-88-69-88-41 0-61 25-61 74v232h-95V427c0-49 13-88 38-117s59-43 101-43Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 803 B

1
dist/reddit.svg vendored
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-268 289 263 223"><path fill="#888785" d="M-6 393c-4-24-30-35-50-22h-3c-16-9-32-15-49-17l-18-3 15-40 33 7c2 1 4 2 4 5 3 14 16 22 30 21a27 27 0 1 0-26-42c-1 2-2 2-4 1l-27-6-20-5-1 3-20 54c0 2-1 2-2 2a151 151 0 0 0-69 19h-5c-15-10-36-5-45 11l-5 13v8l3 8c1 5 5 9 9 13l1 2c-1 16 3 30 12 42 11 15 25 24 41 31a162 162 0 0 0 140-4c14-8 27-19 35-33 7-11 9-23 8-35l1-2c7-6 11-13 12-22h1v-9h-1zm-41-88c6 0 11 5 11 12 0 6-5 12-11 12-7 0-12-6-12-12 0-7 5-12 12-12zm-202 102c-4-6-4-14 1-20 5-5 12-8 18-5-8 7-14 15-19 25zm204 53c-9 12-21 20-35 26a149 149 0 0 1-124-6c-10-5-19-12-26-21a44 44 0 0 1 1-56c10-12 22-19 36-25a149 149 0 0 1 125 6c9 5 18 12 25 21 13 18 12 38-2 55zm22-53-9-13-11-12c6-3 14 0 19 6 4 5 4 13 1 19z"/><path fill="#888785" d="m-102 458-11 6c-12 5-25 5-37 3-7-1-14-3-19-8-4-4-9-4-12 0-3 3-3 8 1 11l11 7c10 6 21 7 32 8l20-3c10-2 18-6 25-12 3-3 4-8 1-11s-8-3-11-1zm5-61c-12-1-22 9-22 21a21 21 0 0 0 43 0c0-11-9-21-21-21zm-55 21a21 21 0 1 0-22 21c12 1 22-9 22-21z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

24
dist/style.css vendored
Unescape Escape View File

@ -62,6 +62,7 @@ a {
} }
#content>h1 { #content>h1 {
margin: 2em 0 .25em;
font-size: 2rem; font-size: 2rem;
font-variant: small-caps; font-variant: small-caps;
text-shadow: 1px 1px 0 var(--emboss-color); text-shadow: 1px 1px 0 var(--emboss-color);
@ -74,6 +75,13 @@ a {
gap: 1rem; gap: 1rem;
} }
blockquote {
margin: 0;
padding: .5em .5em .5em 1em;
background-color: rgba(128, 128, 128, .1);
border-radius: 12px;
}
#menu>a { #menu>a {
padding: 2rem .5rem 0; padding: 2rem .5rem 0;
display: flex; display: flex;
@ -96,10 +104,24 @@ a {
#menu>a>img { #menu>a>img {
max-width: 200px; max-width: 200px;
opacity: .4; opacity: .3;
transition: opacity .3s ease; transition: opacity .3s ease;
} }
#menu>a:hover>img { #menu>a:hover>img {
opacity: .8; opacity: .8;
} }
.contacts {
columns: 2;
}
.contacts p {
display: flex;
align-items: center;
gap: 1rem;
}
.contacts img {
width: 3rem;
}

5
dist/term.svg vendored
Unescape Escape View File

@ -1,4 +1 @@
<?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="#fff8e7" 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>
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Vector" d="M17 15H12M7 10L10 12.5L7 15M3 15.8002V8.2002C3 7.08009 3 6.51962 3.21799 6.0918C3.40973 5.71547 3.71547 5.40973 4.0918 5.21799C4.51962 5 5.08009 5 6.2002 5H17.8002C18.9203 5 19.4796 5 19.9074 5.21799C20.2837 5.40973 20.5905 5.71547 20.7822 6.0918C21 6.5192 21 7.07899 21 8.19691V15.8031C21 16.921 21 17.48 20.7822 17.9074C20.5905 18.2837 20.2837 18.5905 19.9074 18.7822C19.48 19 18.921 19 17.8031 19H6.19691C5.07899 19 4.5192 19 4.0918 18.7822C3.71547 18.5905 3.40973 18.2837 3.21799 17.9074C3 17.4796 3 16.9203 3 15.8002Z" stroke="#fff8e7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 749 B

After

Width:  |  Height:  |  Size: 420 B

1
dist/threads.svg vendored
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 878 1000"><path fill="#888785" d="M447 1000h-1c-149-1-263-50-341-146A560 560 0 0 1 0 500c1-149 37-268 106-354C183 50 297 1 446 0h1c114 1 210 30 284 87 70 54 119 131 147 228l-85 24C747 174 630 90 447 88c-122 1-213 39-273 114-56 69-84 169-85 298 1 129 29 229 85 299 60 74 152 112 273 113 109-1 181-27 241-85 69-68 68-150 46-200-13-30-37-55-68-73-8 56-26 102-54 136-37 46-89 71-155 75-50 2-99-9-136-34a156 156 0 0 1-18-252c37-31 89-50 150-53 45-3 87-1 125 5-5-30-15-55-31-73-21-24-54-37-98-37h-1c-35 0-83 10-114 55l-73-49c41-61 107-94 187-94h2c133 1 212 82 220 225l13 5c62 30 108 74 132 128 33 76 36 200-65 299a405 405 0 0 1-303 110zm42-487-31 1c-77 4-125 39-122 89 3 52 61 77 116 74 51-3 118-23 129-155-28-6-59-9-92-9z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 779 B

1
dist/twitter.svg vendored
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#888785" d="M19.8 4a4.8 4.8 0 0 0 1.6-.8A1 1 0 0 1 23 4c0 1-.1 2-.4 2.7-.3.7-.7 1.2-1.1 1.7-.2 3.4-1.2 6-2.7 8a12.2 12.2 0 0 1-5.7 4.2c-2.2.7-4.5.9-6.5.6-2-.2-4-.9-5.2-2a1 1 0 0 1 .7-1.7 7 7 0 0 0 3.6-.5l-.6-.4c-1-.6-1.7-1.5-2-2.2a1 1 0 0 1 .3-1.2 5 5 0 0 1-1.9-3.7 1 1 0 0 1 .7-1L2 7.7a9.2 9.2 0 0 1 0-4 1 1 0 0 1 2-.1c1 1.9 3 3 4.9 3.7l2.3.6a5 5 0 0 1 1-3c.6-1 1.6-1.7 2.6-2a6 6 0 0 1 5 1.1Zm-9 5.8L8 9.1a13 13 0 0 1-4.3-2.5l.1.6c.3 1.1.7 1.7 1 2 .5.1.7.7.5 1.1-.2.7-.8.7-1.4.6.5.7 1.3 1.4 2.7 1.6a1 1 0 0 1 0 2l-.9.2c.2 0 .3.2.5.3.7.5 1.4.7 2 .5a1 1 0 0 1 .8 1.8A10.1 10.1 0 0 1 5.8 19l1 .1c1.8.3 3.8.1 5.6-.5a9.9 9.9 0 0 0 4.8-3.5 12 12 0 0 0 2.3-7.2c0-.3.1-.5.3-.7.4-.5.8-1 1-1.6l-1.1.3a1 1 0 0 1-1-.3 4 4 0 0 0-3.4-1c-.6.2-1.2.6-1.6 1.2-.4.6-.7 1.6-.7 3.1 0 .3-.1.6-.3.7-.5.5-1.4.2-2 .1Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 875 B

34
index.md
Unescape Escape View File

@ -1,5 +1,7 @@
# experience # experience
> My professional experience spans over thirteen years.
Pretty early in my life I realized that I work best on my own terms. That does not mean that I prefer to work alone. Working with clients, team mates, designers and managers is a crucial part of any development process. Pretty early in my life I realized that I work best on my own terms. That does not mean that I prefer to work alone. Working with clients, team mates, designers and managers is a crucial part of any development process.
Some time in the year 2009 I decided to not only live up to my way of working but also share my experience even more. I decided to become a freelancing programmer and consultant. Since then many different places benefited from my work. Start-Ups in their first months as well as well known companies like HERE and Deutsche Telekom Labs. Some time in the year 2009 I decided to not only live up to my way of working but also share my experience even more. I decided to become a freelancing programmer and consultant. Since then many different places benefited from my work. Start-Ups in their first months as well as well known companies like HERE and Deutsche Telekom Labs.
@ -7,3 +9,35 @@ Some time in the year 2009 I decided to not only live up to my way of working bu
Together with entrepreneurs, UI/UX experts and engineers of many fields I created novel and beautiful applications that still influence the live of thousands of people. Together with entrepreneurs, UI/UX experts and engineers of many fields I created novel and beautiful applications that still influence the live of thousands of people.
Please see my CV for a more detailed list. Please see my CV for a more detailed list.
# coaching
> Whenever possible, I try to help others to learn.
I’m the organizer of Vuejs // Berlin, a monthly meetup group around Vue and web technologies in general.
Many people want to learn and grow. Whenever I can I try to help those people by sharing my experience and knowledge. I already voluntarily coached at Code Curious, Frauenloop and Jugend Hackt. I also helped children with their first steps into the world of programming at the Berlin CoderDojo.
# contact
> You can contact me in many ways
<div class="contacts">
![Mail](/mail.svg) n@&lt;this domain&gt;
![Fediverse / Mastodon](/fediverse.svg) [@Koehr\@mstdn.io](https://mstdn.io/@Koehr/)
![LinkedIn](/linkedin.svg) [Norman Köhring](https://linkedin.com/in/norman-köhring-950448109/)
![Instagram](/instagram.svg) [coffee_n_code](https://instagram.com/coffee_n_code/)
![Threads](/threads.svg) [coffee_n_code](https://instagram.com/coffee_n_code/)
![Reddit](/reddit.svg) [/u/koehr](https://www.reddit.com/user/koehr/)
![Github](/github.svg) [nkoehring](https://github.com/nkoehring/)
![Twitter](/twitter.svg) [koehr_in](https://twitter.com/koehr_in/)
</div>

6
static/down.svg
Unescape Escape View File

@ -1,5 +1 @@
<?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="#fff8e7" 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="#fff8e7" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m16 10-4 4-4-4"/></svg>
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Vector" d="M 3 15.8 L 3 8.2 C 3 7.08 3 6.52 3.218 6.092 C 3.41 5.715 3.715 5.41 4.092 5.218 C 4.52 5 5.08 5 6.2 5 L 17.8 5 C 18.92 5 19.48 5 19.907 5.218 C 20.284 5.41 20.591 5.715 20.782 6.092 C 21 6.519 21 7.079 21 8.197 L 21 15.803 C 21 16.921 21 17.48 20.782 17.907 C 20.591 18.284 20.284 18.591 19.907 18.782 C 19.48 19 18.921 19 17.803 19 L 6.197 19 C 5.079 19 4.519 19 4.092 18.782 C 3.715 18.591 3.41 18.284 3.218 17.907 C 3 17.48 3 16.92 3 15.8 Z" stroke="#fff8e7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="path-1" d="M 15.93 10.015 L 11.93 14.015 L 7.93 10.015" stroke="#fff8e7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 821 B

After

Width:  |  Height:  |  Size: 503 B

1
static/fediverse.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -5 1034 1034" fill="#888785"><path d="M539 176q-32 0-55 22t-25 55 21 58 56 27 58-20 27-56-20-59-57-27h-5zm-87 95L220 389q20 20 25 48l231-118q-19-20-24-48zm167 27q-13 25-38 38l183 184q13-25 39-38zm-142 22L342 585l40 40 143-280q-28-5-48-25zm104 16q-22 11-46 10l-8-1 21 132 56 9zm-426 34q-32 0-55 23t-25 55 21 58 56 27 59-21 27-56-21-59-56-27h-6zm90 68 1 18q-1 19-10 35l132 21 26-50zm225 36-26 51 311 49-1-17q1-19 10-36zm372 6q-32 1-55 23t-24 55 21 58 56 27 58-20 27-57-20-59-57-27h-6zm-606 13q-13 25-39 38l210 210 51-25zm-40 38q-21 11-44 10l-9-1 40 256q21-10 45-9l8 1zm364 22 48 311q21-10 44-9l10 1-46-294zm195 23-118 60 8 56 135-68q-20-20-25-48zm26 49L662 856q28 5 48 25l119-231q-28-5-48-25zm-475 29-68 134q28 5 48 25l60-119zm262 17L287 814q19 20 24 48l265-135zm-55 100-51 25 106 107q13-25 39-38zm-291 24q-32 0-55 23t-25 55 21 57 56 27 58-20 27-56-20-59-57-27h-5zm89 68q2 9 1 18-1 19-9 35l256 41-1-18q1-18 10-35zm335 0q-32 0-55 23t-24 55 20 58 56 27 59-21 27-56-20-59-57-27h-6z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

1
static/github.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#888785" d="M4 3c.1-1 .4-1.5 1-1.8.8-.4 2-.3 3.5.5.6.3.6.3 1.7.1a19 19 0 0 1 4.5 0c1 .2 1 .2 1.7-.1 2-1 3.6-1 4.1.1.3.6.4 2 .1 3.2 0 .7 0 .8.2 1.2 2.1 3 .6 8-3 10l-.6.2c-.6.2-.8.3-.6 1.3l.3 2.7c0 1.8 0 1.8-.2 2.2-.5.5-1 .5-1.5 0-.3-.3-.3-.5-.3-1.7 0-1.8-.2-3-.7-4-.5-1.3-.1-1.7 1.2-2a5.5 5.5 0 0 0 3.9-3c.7-1.6.8-3.8-.5-5-.4-.5-.4-1-.1-2.1l.2-1.3c0-.5 0-.5-.3-.5l-1.4.5-1 .5H16a30.3 30.3 0 0 0-7.4 0l-1-.5L6.3 3c-.4 0-.4.3 0 1.9.1 1 .3 1.2-.3 2a4.6 4.6 0 0 0-.7 4.3c.6 2 2.1 3.3 4.2 3.7 1.3.3 1.6.6 1.1 2-.3 1.2-.6 1.5-1.1 1.5-.8 0-1.2-.6-1-1.3.1-.3 0-.3-.6-.6a7.4 7.4 0 0 1-4.5-4.8c-.6-1.7-.3-4 .6-5.4.3-.5.3-.6.2-1.5C4 4.3 4 3.5 4 3Zm-.7 13a1 1 0 0 0-1.6 1 5.6 5.6 0 0 0 .8 1l.6.6c.3.4.7 1 1 2.1 0 .5.4.7.5.8l.7.3 1.2.2H8a1 1 0 0 0 2 0v-1c0-.6-.4-1-1-1a83.7 83.7 0 0 0-3.1-.1c-.3-1.2-.8-2-1.3-2.6l-.7-.7a30.5 30.5 0 0 1-.6-.7Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 910 B

1
static/instagram.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="#888785" fill-rule="evenodd" d="M5.87.12C4.24.2 2.83.6 1.69 1.72A5.94 5.94 0 0 0 .1 5.9c-.05 1-.32 8.6.45 10.59a5.04 5.04 0 0 0 2.91 2.9 7.3 7.3 0 0 0 2.42.46c8.86.4 12.15.19 13.53-3.36.25-.63.42-1.35.46-2.41.4-8.88-.06-10.8-1.6-12.35C17.02.5 15.58-.32 5.86.13m.08 17.94a5.6 5.6 0 0 1-1.85-.34c-.88-.35-1.54-1-1.89-1.89-.59-1.51-.39-8.7-.34-9.86.05-1.14.29-2.18 1.09-2.99 1-.99 2.28-1.48 11.03-1.08 1.15.05 2.19.28 3 1.08.99 1 1.48 2.29 1.08 11.01-.04.97-.2 1.5-.34 1.84-.9 2.31-2.97 2.63-11.78 2.23M14.1 4.69a1.2 1.2 0 1 0 2.39 0 1.2 1.2 0 0 0-2.39 0m-9.23 5.3a5.1 5.1 0 1 0 10.2-.01 5.1 5.1 0 0 0-10.2 0m1.8 0a3.31 3.31 0 1 1 6.62.02 3.31 3.31 0 0 1-6.62-.01"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 742 B

BIN
static/interactive-homepage.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

1
static/linkedin.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#888785" d="M6.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM5 10c0-.6.4-1 1-1h1c.6 0 1 .4 1 1v8c0 .6-.4 1-1 1H6a1 1 0 0 1-1-1v-8Zm6 9h1c.6 0 1-.4 1-1v-4.5c0-1.5 3-2.5 3-.5v5c0 .6.4 1 1 1h1c.6 0 1-.4 1-1v-6c0-2-1.5-3-3.5-3S13 10.5 13 10.5V10c0-.6-.4-1-1-1h-1a1 1 0 0 0-1 1v8c0 .6.4 1 1 1Z"/><path fill="#888785" fill-rule="evenodd" d="M20 1a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h16Zm0 2c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V4c0-.6.4-1 1-1h16Z" clip-rule="evenodd"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 574 B

1
static/mail.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="#888785" stroke-width="2" d="m21 8-3.6 2c-2 1-3 1.6-4 1.8a7 7 0 0 1-2.8 0c-1-.2-2-.7-4-1.8L3 8m3.2 11h11.6c1.1 0 1.7 0 2.1-.2.4-.2.7-.5.9-.9.2-.4.2-1 .2-2.1V8.2c0-1.1 0-1.7-.2-2.1a2 2 0 0 0-.9-.9c-.4-.2-1-.2-2.1-.2H6.2c-1.1 0-1.7 0-2.1.2a2 2 0 0 0-.9.9C3 6.5 3 7 3 8.2v7.6c0 1.1 0 1.7.2 2.1.2.4.5.7.9.9.4.2 1 .2 2.1.2Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 414 B

1
static/mastodon.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -5 1034 1034"><path d="M499 112c-62 1-117 4-166 11-54 7-97 18-128 33l-14 8a209 209 0 0 0-70 72 360 360 0 0 0-46 176v37l1 119c2 75 8 138 18 188 13 63 33 115 62 154 33 45 78 74 134 89a609 609 0 0 0 298 12c20-5 38-10 55-17 80-26 62-95 15-83l-22 6-57 10c-27 4-53 5-78 4-35-1-62-3-80-7-29-5-51-15-67-30-19-17-31-41-35-72l-2-29 25 6 65 10a931 931 0 0 0 273-2c37-5 73-15 107-30 33-15 60-33 82-54 21-21 34-43 38-64a1449 1449 0 0 0 18-206v-41a360 360 0 0 0-46-176 235 235 0 0 0-84-80c-31-15-73-26-127-33-49-7-105-10-166-11h-3ZM367 267c49 0 85 19 109 56l24 39 24-39c24-37 60-56 109-56 42 0 76 14 101 43s38 68 38 117v239h-95V434c0-49-20-74-61-74-46 0-69 29-69 88v127h-94V448c0-59-23-88-69-88-41 0-61 25-61 74v232h-95V427c0-49 13-88 38-117s59-43 101-43Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 803 B

1
static/reddit.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-268 289 263 223"><path fill="#888785" d="M-6 393c-4-24-30-35-50-22h-3c-16-9-32-15-49-17l-18-3 15-40 33 7c2 1 4 2 4 5 3 14 16 22 30 21a27 27 0 1 0-26-42c-1 2-2 2-4 1l-27-6-20-5-1 3-20 54c0 2-1 2-2 2a151 151 0 0 0-69 19h-5c-15-10-36-5-45 11l-5 13v8l3 8c1 5 5 9 9 13l1 2c-1 16 3 30 12 42 11 15 25 24 41 31a162 162 0 0 0 140-4c14-8 27-19 35-33 7-11 9-23 8-35l1-2c7-6 11-13 12-22h1v-9h-1zm-41-88c6 0 11 5 11 12 0 6-5 12-11 12-7 0-12-6-12-12 0-7 5-12 12-12zm-202 102c-4-6-4-14 1-20 5-5 12-8 18-5-8 7-14 15-19 25zm204 53c-9 12-21 20-35 26a149 149 0 0 1-124-6c-10-5-19-12-26-21a44 44 0 0 1 1-56c10-12 22-19 36-25a149 149 0 0 1 125 6c9 5 18 12 25 21 13 18 12 38-2 55zm22-53-9-13-11-12c6-3 14 0 19 6 4 5 4 13 1 19z"/><path fill="#888785" d="m-102 458-11 6c-12 5-25 5-37 3-7-1-14-3-19-8-4-4-9-4-12 0-3 3-3 8 1 11l11 7c10 6 21 7 32 8l20-3c10-2 18-6 25-12 3-3 4-8 1-11s-8-3-11-1zm5-61c-12-1-22 9-22 21a21 21 0 0 0 43 0c0-11-9-21-21-21zm-55 21a21 21 0 1 0-22 21c12 1 22-9 22-21z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

24
static/style.css
Unescape Escape View File

@ -62,6 +62,7 @@ a {
} }
#content>h1 { #content>h1 {
margin: 2em 0 .25em;
font-size: 2rem; font-size: 2rem;
font-variant: small-caps; font-variant: small-caps;
text-shadow: 1px 1px 0 var(--emboss-color); text-shadow: 1px 1px 0 var(--emboss-color);
@ -74,6 +75,13 @@ a {
gap: 1rem; gap: 1rem;
} }
blockquote {
margin: 0;
padding: .5em .5em .5em 1em;
background-color: rgba(128, 128, 128, .1);
border-radius: 12px;
}
#menu>a { #menu>a {
padding: 2rem .5rem 0; padding: 2rem .5rem 0;
display: flex; display: flex;
@ -96,10 +104,24 @@ a {
#menu>a>img { #menu>a>img {
max-width: 200px; max-width: 200px;
opacity: .4; opacity: .3;
transition: opacity .3s ease; transition: opacity .3s ease;
} }
#menu>a:hover>img { #menu>a:hover>img {
opacity: .8; opacity: .8;
} }
.contacts {
columns: 2;
}
.contacts p {
display: flex;
align-items: center;
gap: 1rem;
}
.contacts img {
width: 3rem;
}

5
static/term.svg
Unescape Escape View File

@ -1,4 +1 @@
<?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="#fff8e7" 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>
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Vector" d="M17 15H12M7 10L10 12.5L7 15M3 15.8002V8.2002C3 7.08009 3 6.51962 3.21799 6.0918C3.40973 5.71547 3.71547 5.40973 4.0918 5.21799C4.51962 5 5.08009 5 6.2002 5H17.8002C18.9203 5 19.4796 5 19.9074 5.21799C20.2837 5.40973 20.5905 5.71547 20.7822 6.0918C21 6.5192 21 7.07899 21 8.19691V15.8031C21 16.921 21 17.48 20.7822 17.9074C20.5905 18.2837 20.2837 18.5905 19.9074 18.7822C19.48 19 18.921 19 17.8031 19H6.19691C5.07899 19 4.5192 19 4.0918 18.7822C3.71547 18.5905 3.40973 18.2837 3.21799 17.9074C3 17.4796 3 16.9203 3 15.8002Z" stroke="#fff8e7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 749 B

After

Width:  |  Height:  |  Size: 420 B

1
static/threads.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 878 1000"><path fill="#888785" d="M447 1000h-1c-149-1-263-50-341-146A560 560 0 0 1 0 500c1-149 37-268 106-354C183 50 297 1 446 0h1c114 1 210 30 284 87 70 54 119 131 147 228l-85 24C747 174 630 90 447 88c-122 1-213 39-273 114-56 69-84 169-85 298 1 129 29 229 85 299 60 74 152 112 273 113 109-1 181-27 241-85 69-68 68-150 46-200-13-30-37-55-68-73-8 56-26 102-54 136-37 46-89 71-155 75-50 2-99-9-136-34a156 156 0 0 1-18-252c37-31 89-50 150-53 45-3 87-1 125 5-5-30-15-55-31-73-21-24-54-37-98-37h-1c-35 0-83 10-114 55l-73-49c41-61 107-94 187-94h2c133 1 212 82 220 225l13 5c62 30 108 74 132 128 33 76 36 200-65 299a405 405 0 0 1-303 110zm42-487-31 1c-77 4-125 39-122 89 3 52 61 77 116 74 51-3 118-23 129-155-28-6-59-9-92-9z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 779 B

1
static/twitter.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#888785" d="M19.8 4a4.8 4.8 0 0 0 1.6-.8A1 1 0 0 1 23 4c0 1-.1 2-.4 2.7-.3.7-.7 1.2-1.1 1.7-.2 3.4-1.2 6-2.7 8a12.2 12.2 0 0 1-5.7 4.2c-2.2.7-4.5.9-6.5.6-2-.2-4-.9-5.2-2a1 1 0 0 1 .7-1.7 7 7 0 0 0 3.6-.5l-.6-.4c-1-.6-1.7-1.5-2-2.2a1 1 0 0 1 .3-1.2 5 5 0 0 1-1.9-3.7 1 1 0 0 1 .7-1L2 7.7a9.2 9.2 0 0 1 0-4 1 1 0 0 1 2-.1c1 1.9 3 3 4.9 3.7l2.3.6a5 5 0 0 1 1-3c.6-1 1.6-1.7 2.6-2a6 6 0 0 1 5 1.1Zm-9 5.8L8 9.1a13 13 0 0 1-4.3-2.5l.1.6c.3 1.1.7 1.7 1 2 .5.1.7.7.5 1.1-.2.7-.8.7-1.4.6.5.7 1.3 1.4 2.7 1.6a1 1 0 0 1 0 2l-.9.2c.2 0 .3.2.5.3.7.5 1.4.7 2 .5a1 1 0 0 1 .8 1.8A10.1 10.1 0 0 1 5.8 19l1 .1c1.8.3 3.8.1 5.6-.5a9.9 9.9 0 0 0 4.8-3.5 12 12 0 0 0 2.3-7.2c0-.3.1-.5.3-.7.4-.5.8-1 1-1.6l-1.1.3a1 1 0 0 1-1-.3 4 4 0 0 0-3.4-1c-.6.2-1.2.6-1.6 1.2-.4.6-.7 1.6-.7 3.1 0 .3-.1.6-.3.7-.5.5-1.4.2-2 .1Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 875 B

Write Preview
Loading…
Cancel
Save