diff --git a/Globals.css b/Globals.css index acae070..80d4169 100644 --- a/Globals.css +++ b/Globals.css @@ -121,6 +121,10 @@ a { transition: var(--transition-time); } +span.highlight { + color: var(--color-orange); +} + .content { position: relative; z-index: 100; diff --git a/app.vue b/app.vue index d9d995a..bfc6e3b 100644 --- a/app.vue +++ b/app.vue @@ -5,6 +5,7 @@
+ diff --git a/components/Header/Header.css b/components/Header/Header.css index 960d977..801ae70 100644 --- a/components/Header/Header.css +++ b/components/Header/Header.css @@ -141,6 +141,10 @@ &:hover { transform: scale(1.15); color: var(--color-orange); + + & .icon { + filter: invert(50%) sepia(84%) saturate(868%) hue-rotate(1deg) brightness(103%) contrast(100%); + } } } } @@ -149,10 +153,6 @@ transition: 250ms; filter: invert(1); height: 30px; - - &:hover { - filter: invert(50%) sepia(84%) saturate(868%) hue-rotate(1deg) brightness(103%) contrast(100%); - } } } diff --git a/components/Intro/Intro.css b/components/Intro/Intro.css index 0308be7..f28d4e3 100644 --- a/components/Intro/Intro.css +++ b/components/Intro/Intro.css @@ -26,10 +26,6 @@ flex-direction: column; z-index: 1; - span.highlight { - color: var(--color-orange); - } - h2 { display: flex; flex-direction: column; diff --git a/components/Skills/Skills.css b/components/Skills/Skills.css index 6b3f619..d7a0f52 100644 --- a/components/Skills/Skills.css +++ b/components/Skills/Skills.css @@ -7,6 +7,7 @@ margin-top: 3rem; display: flex; gap: 3rem; + flex-wrap: wrap; } & article { @@ -16,6 +17,8 @@ padding: 2rem; background: var(--color-black); border-radius: 20px; + min-width: 300px; + flex: 1; & p:last-of-type { margin-top: 2rem; diff --git a/components/Skills/Skills.vue b/components/Skills/Skills.vue index f4f4e18..df2a0ff 100644 --- a/components/Skills/Skills.vue +++ b/components/Skills/Skills.vue @@ -35,7 +35,7 @@ const skills = [ 'Kein Ding. Ich bau dir eine Schnittstelle, die alles easy zusammenträgt.' ], }, { - title: 'Headless CMS Anbindung', + title: 'Headless CMS', text: [ 'Wenn man ein Headless CMS anbinden will, dann verknüpft das Komponenten und APIs.', 'Für eine saubere und dynamische Einbindung reicht die Library, die euch vom Hersteller zur Verfügung gestellt wird, oft nicht aus.', diff --git a/public/img/customers/bounce.png b/public/img/customers/bounce.png new file mode 100644 index 0000000..b525828 Binary files /dev/null and b/public/img/customers/bounce.png differ diff --git a/public/img/customers/dekra.png b/public/img/customers/dekra.png new file mode 100644 index 0000000..778a285 Binary files /dev/null and b/public/img/customers/dekra.png differ