All content made by humans.
+ Code and content made by humans.
{/* Logo, commented out because of gradient issues */}
@@ -146,6 +146,7 @@ function getCurrentYear() {
}
@media screen and (max-width: 44.9375rem) {
+ text-align: center;
margin-top: 5rem;
}
}
@@ -159,11 +160,7 @@ function getCurrentYear() {
diff --git a/src/components/GlobalStyles.astro b/src/components/GlobalStyles.astro
index f79dcf4..cc4f72f 100644
--- a/src/components/GlobalStyles.astro
+++ b/src/components/GlobalStyles.astro
@@ -38,7 +38,7 @@
--tracking-narrow: -0.09375rem;
--base-grid: repeat(12, 1fr);
- --max-content-width: 1600px;
+ --max-content-width: 112.5rem;
--padding-x: 1.5rem;
@media screen and (min-width: 50rem) {
@@ -94,4 +94,8 @@
border-radius: 0.25rem;
border: 2px solid var(--clr-ts-red-400);
}
+
+ .char, .line {
+ will-change: transform, opacity;
+ }
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 8bff499..05a2f59 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -8,12 +8,15 @@ import SkipNavLink from "./SkipNavLink.astro";
-
+
@@ -56,6 +57,7 @@ import BlurryOrb from "../BlurryOrb.astro";
max-height: 40vh;
position: relative;
z-index: -1;
+ will-change: opacity, transform;
@media screen and (max-width: 49.9375rem) {
margin-top: 1.5rem;
@@ -192,11 +194,11 @@ import BlurryOrb from "../BlurryOrb.astro";
diff --git a/src/components/landing/ServicesCard.astro b/src/components/landing/ServicesCard.astro
index 58a6ea0..4bd4d8a 100644
--- a/src/components/landing/ServicesCard.astro
+++ b/src/components/landing/ServicesCard.astro
@@ -34,6 +34,7 @@ const { title, image, items } = Astro.props;
display: grid;
grid-template-rows: auto 1fr auto;
max-height: 24rem;
+ will-change: transform, opacity;
& > * {
grid-column: 1;
@@ -72,6 +73,7 @@ const { title, image, items } = Astro.props;
transition: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ will-change: filter;
}
.image {
diff --git a/src/components/landing/ServicesSection.astro b/src/components/landing/ServicesSection.astro
index a4c96c7..ea29d44 100644
--- a/src/components/landing/ServicesSection.astro
+++ b/src/components/landing/ServicesSection.astro
@@ -10,7 +10,7 @@ const services: Array
> = [
title: "Innovative Solutions",
image: {
src: Image1,
- alt: "A picture showing an abstract form in teal",
+ alt: "Abstract shape in teal for decoration",
},
items: [
"Modern Websites",
@@ -22,7 +22,7 @@ const services: Array> = [
title: "Tailored Designs",
image: {
src: Image2,
- alt: "A picture showing an abstract form in blue/purple",
+ alt: "Abstract shape in blue/purple for decoration",
},
items: ["Webdesign", "App Design", "Brand/Identity Design"],
},
@@ -30,7 +30,7 @@ const services: Array> = [
title: "Flexible Projects",
image: {
src: Image3,
- alt: "A picture showing an abstract form in red",
+ alt: "Abstract shape in red for decoration",
},
items: ["Digital Sovereignty", "Freelancing", "Consulting"],
},
@@ -123,11 +123,11 @@ const services: Array> = [
diff --git a/src/components/landing/ValuesSection.astro b/src/components/landing/ValuesSection.astro
index 28d8b70..228dbd3 100644
--- a/src/components/landing/ValuesSection.astro
+++ b/src/components/landing/ValuesSection.astro
@@ -137,11 +137,7 @@ function formatIndex(index: number) {