From f7b6eb1643d0544ccf84147231ff4df1caa90d69 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Norman=20K=C3=B6hring?= Date: Sat, 11 May 2024 20:29:52 +0200 Subject: [PATCH] add main menu --- dist/extended.css | 62 ++++++++++++++++++++++++++++++++++++++++++++++ dist/index.html | 42 ++++++++++++++++++++++--------- index.md | 8 +++--- layouts/index.html | 34 +++++++++++++++++++------ 4 files changed, 122 insertions(+), 24 deletions(-) create mode 100644 dist/extended.css diff --git a/dist/extended.css b/dist/extended.css new file mode 100644 index 0000000..5199151 --- /dev/null +++ b/dist/extended.css @@ -0,0 +1,62 @@ +#header-tilde, +#header-bracket, +#header-underscore { + fill: var(--highlight-fg-color); +} + +#header-k, +#header-o, +#header-e, +#header-h, +#header-r { + fill: var(--header-fg-color); +} + +#header-underscore { + animation: fade 2s linear infinite; +} + +@keyframes fade { + 0% { + opacity: 1.0; + } + + 50% { + opacity: 0.0; + } + + 60% { + opacity: 0.0; + } + + 80% { + opacity: 1.0; + } + + 100% { + opacity: 1.0; + } +} + +#main-menu { + margin: 0; + padding: 0; + display: flex; + gap: 2em; + list-style: none; + justify-content: center; +} + +body>header:not(.small) + #main-menu { + position: fixed; + color: red; + top: var(--header-height); + height: 1.2em; + width: 100vw; + padding: .1em 0; + background: black; +} +body>header.small + #main-menu { + color: green; + margin: 2em 0; +} diff --git a/dist/index.html b/dist/index.html index 2846fdb..a6228a6 100644 --- a/dist/index.html +++ b/dist/index.html @@ -47,15 +47,14 @@ art. I love to craft pieces of art with code, that are beautiful and elegant in their simplicity, readability and architecture.

+

+ 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. + Get in touch! +

experience

-

My professional experience spans over thirteen years.

+

Thirteen years of professional experience in a couple of tweets

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.

@@ -78,15 +84,15 @@

Please see my CV for a more detailed list.

coaching

-

Whenever possible, I try to help others to learn.

+

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

+

You can find me all over the interwebs

-
+

Mail n@<this domain>

Fediverse / Mastodon @Koehr@mstdn.io

Gitforge git.k0r.in

@@ -98,6 +104,9 @@

Twitter koehr_in

+
Code Artist + +
  • /now
    • +
  • /til
    • +
  • /projects
    • +
  • /blog
    • +
  • /cv
    • +
  • /stack
    • +
  • /setup
    • +     - \ No newline at end of file + diff --git a/index.md b/index.md index 8537a0e..eafd8a6 100644 --- a/index.md +++ b/index.md @@ -1,6 +1,6 @@ # experience -> My professional experience spans over thirteen years. +> Thirteen years of professional experience in a couple of tweets 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. @@ -12,7 +12,7 @@ Please see my CV for a more detailed list. # coaching -> Whenever possible, I try to help others to learn. +> 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. @@ -20,9 +20,9 @@ Many people want to learn and grow. Whenever I can I try to help those people by # contact -> You can contact me in many ways +> You can find me all over the interwebs -
    +
    ![Mail](/mail.svg) n@<this domain> diff --git a/layouts/index.html b/layouts/index.html index fd90d22..32fd028 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -47,15 +47,14 @@ art. I love to craft pieces of art with code, that are beautiful and elegant in their simplicity, readability and architecture.

    +

    + 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. + Get in touch! +

    @contents
    +
    Code Artist + +
  • /now
    • +
  • /til
    • +
  • /projects
    • +
  • /blog
    • +
  • /cv
    • +
  • /stack
    • +
  • /setup
    • +     - \ No newline at end of file +