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