diff --git a/dist/down.svg b/dist/down.svg index f36759d..0248e90 100644 --- a/dist/down.svg +++ b/dist/down.svg @@ -1,5 +1 @@ - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/dist/fediverse.svg b/dist/fediverse.svg new file mode 100644 index 0000000..72f9dba --- /dev/null +++ b/dist/fediverse.svg @@ -0,0 +1 @@ + diff --git a/dist/github.svg b/dist/github.svg new file mode 100644 index 0000000..cc919f6 --- /dev/null +++ b/dist/github.svg @@ -0,0 +1 @@ + diff --git a/dist/index.html b/dist/index.html index 8cafd57..bac34eb 100644 --- a/dist/index.html +++ b/dist/index.html @@ -69,10 +69,33 @@

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.

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.

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.

+

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

+
+
+

Mail n@<this domain>

+

Fediverse / Mastodon @Koehr@mstdn.io

+

LinkedIn Norman Köhring

+

Instagram coffee_n_code

+

Threads coffee_n_code

+

Reddit /u/koehr

+

Github nkoehring

+

Twitter koehr_in

+
diff --git a/dist/instagram.svg b/dist/instagram.svg new file mode 100644 index 0000000..7041024 --- /dev/null +++ b/dist/instagram.svg @@ -0,0 +1 @@ + diff --git a/dist/interactive-homepage.jpg b/dist/interactive-homepage.jpg deleted file mode 100644 index 3923d2f..0000000 Binary files a/dist/interactive-homepage.jpg and /dev/null differ diff --git a/dist/linkedin.svg b/dist/linkedin.svg new file mode 100644 index 0000000..c00bc12 --- /dev/null +++ b/dist/linkedin.svg @@ -0,0 +1 @@ + diff --git a/dist/mail.svg b/dist/mail.svg new file mode 100644 index 0000000..6e65b40 --- /dev/null +++ b/dist/mail.svg @@ -0,0 +1 @@ + diff --git a/dist/mastodon.svg b/dist/mastodon.svg new file mode 100644 index 0000000..5a0cc7d --- /dev/null +++ b/dist/mastodon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/dist/reddit.svg b/dist/reddit.svg new file mode 100644 index 0000000..629e64b --- /dev/null +++ b/dist/reddit.svg @@ -0,0 +1 @@ + diff --git a/dist/style.css b/dist/style.css index 5db00f5..1ce2e82 100644 --- a/dist/style.css +++ b/dist/style.css @@ -62,6 +62,7 @@ a { } #content>h1 { + margin: 2em 0 .25em; font-size: 2rem; font-variant: small-caps; text-shadow: 1px 1px 0 var(--emboss-color); @@ -74,6 +75,13 @@ a { gap: 1rem; } +blockquote { + margin: 0; + padding: .5em .5em .5em 1em; + background-color: rgba(128, 128, 128, .1); + border-radius: 12px; +} + #menu>a { padding: 2rem .5rem 0; display: flex; @@ -96,10 +104,24 @@ a { #menu>a>img { max-width: 200px; - opacity: .4; + opacity: .3; transition: opacity .3s ease; } #menu>a:hover>img { opacity: .8; +} + +.contacts { + columns: 2; +} + +.contacts p { + display: flex; + align-items: center; + gap: 1rem; +} + +.contacts img { + width: 3rem; } \ No newline at end of file diff --git a/dist/term.svg b/dist/term.svg index 86fe98b..3d7aa93 100644 --- a/dist/term.svg +++ b/dist/term.svg @@ -1,4 +1 @@ - - - - + \ No newline at end of file diff --git a/dist/threads.svg b/dist/threads.svg new file mode 100644 index 0000000..8d45e80 --- /dev/null +++ b/dist/threads.svg @@ -0,0 +1 @@ + diff --git a/dist/twitter.svg b/dist/twitter.svg new file mode 100644 index 0000000..7ea2b36 --- /dev/null +++ b/dist/twitter.svg @@ -0,0 +1 @@ + diff --git a/index.md b/index.md index 31b636c..2b38315 100644 --- a/index.md +++ b/index.md @@ -1,5 +1,7 @@ # 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. 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. 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 + +
+ + ![Mail](/mail.svg) n@<this domain> + + ![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/) + +
diff --git a/static/down.svg b/static/down.svg index f36759d..0248e90 100644 --- a/static/down.svg +++ b/static/down.svg @@ -1,5 +1 @@ - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/static/fediverse.svg b/static/fediverse.svg new file mode 100644 index 0000000..72f9dba --- /dev/null +++ b/static/fediverse.svg @@ -0,0 +1 @@ + diff --git a/static/github.svg b/static/github.svg new file mode 100644 index 0000000..cc919f6 --- /dev/null +++ b/static/github.svg @@ -0,0 +1 @@ + diff --git a/static/instagram.svg b/static/instagram.svg new file mode 100644 index 0000000..7041024 --- /dev/null +++ b/static/instagram.svg @@ -0,0 +1 @@ + diff --git a/static/interactive-homepage.jpg b/static/interactive-homepage.jpg deleted file mode 100644 index 3923d2f..0000000 Binary files a/static/interactive-homepage.jpg and /dev/null differ diff --git a/static/linkedin.svg b/static/linkedin.svg new file mode 100644 index 0000000..c00bc12 --- /dev/null +++ b/static/linkedin.svg @@ -0,0 +1 @@ + diff --git a/static/mail.svg b/static/mail.svg new file mode 100644 index 0000000..6e65b40 --- /dev/null +++ b/static/mail.svg @@ -0,0 +1 @@ + diff --git a/static/mastodon.svg b/static/mastodon.svg new file mode 100644 index 0000000..5a0cc7d --- /dev/null +++ b/static/mastodon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/reddit.svg b/static/reddit.svg new file mode 100644 index 0000000..629e64b --- /dev/null +++ b/static/reddit.svg @@ -0,0 +1 @@ + diff --git a/static/style.css b/static/style.css index 5db00f5..1ce2e82 100644 --- a/static/style.css +++ b/static/style.css @@ -62,6 +62,7 @@ a { } #content>h1 { + margin: 2em 0 .25em; font-size: 2rem; font-variant: small-caps; text-shadow: 1px 1px 0 var(--emboss-color); @@ -74,6 +75,13 @@ a { gap: 1rem; } +blockquote { + margin: 0; + padding: .5em .5em .5em 1em; + background-color: rgba(128, 128, 128, .1); + border-radius: 12px; +} + #menu>a { padding: 2rem .5rem 0; display: flex; @@ -96,10 +104,24 @@ a { #menu>a>img { max-width: 200px; - opacity: .4; + opacity: .3; transition: opacity .3s ease; } #menu>a:hover>img { opacity: .8; +} + +.contacts { + columns: 2; +} + +.contacts p { + display: flex; + align-items: center; + gap: 1rem; +} + +.contacts img { + width: 3rem; } \ No newline at end of file diff --git a/static/term.svg b/static/term.svg index 86fe98b..3d7aa93 100644 --- a/static/term.svg +++ b/static/term.svg @@ -1,4 +1 @@ - - - - + \ No newline at end of file diff --git a/static/threads.svg b/static/threads.svg new file mode 100644 index 0000000..8d45e80 --- /dev/null +++ b/static/threads.svg @@ -0,0 +1 @@ + diff --git a/static/twitter.svg b/static/twitter.svg new file mode 100644 index 0000000..7ea2b36 --- /dev/null +++ b/static/twitter.svg @@ -0,0 +1 @@ +