From 4e2ada227d21541e23a3b4959594c3a2d6be6541 Mon Sep 17 00:00:00 2001 From: trueberryless Date: Thu, 5 Dec 2024 11:13:03 +0100 Subject: [PATCH 1/2] experimental responsive image feature astro --- src/astro.config.mjs | 6 +++++- src/src/pages/about.astro | 3 ++- src/src/pages/index.astro | 4 ++-- 3 files changed, 9 insertions(+), 4 deletions(-) diff --git a/src/astro.config.mjs b/src/astro.config.mjs index 17f6a62..084c362 100644 --- a/src/astro.config.mjs +++ b/src/astro.config.mjs @@ -2,4 +2,8 @@ import { defineConfig } from "astro/config"; // https://astro.build/config -export default defineConfig({}); +export default defineConfig({ + experimental: { + responsiveImages: true, + }, +}); diff --git a/src/src/pages/about.astro b/src/src/pages/about.astro index f4dda2d..1fc3702 100644 --- a/src/src/pages/about.astro +++ b/src/src/pages/about.astro @@ -23,7 +23,8 @@ import holiday from '../assets/about/about-1.jpg'; width="1553" height="873" src={holiday} - alt="Felix Schneider with his dads at a family holiday eating his favorite dessert, crapes." + alt="Felix Schneider looking into the distance with the Graz clock tower in the background" + priority={true} /> diff --git a/src/src/pages/index.astro b/src/src/pages/index.astro index 561a0cd..81f5222 100644 --- a/src/src/pages/index.astro +++ b/src/src/pages/index.astro @@ -48,6 +48,7 @@ import portrait from '../assets/portrait.jpg'; alt="Felix Schneider smiling in a formal gray shirt and silver tie, arms crossed against a dark background." width="480" height="620" + priority={true} src={portrait} /> @@ -121,7 +122,7 @@ import portrait from '../assets/portrait.jpg'; } .hero img { - aspect-ratio: 5 / 4; + aspect-ratio: 3 / 4; object-fit: cover; object-position: top; border-radius: 1.5rem; @@ -143,7 +144,6 @@ import portrait from '../assets/portrait.jpg'; } .hero img { - aspect-ratio: 3 / 4; border-radius: 4.5rem; object-fit: cover; } From 597736d915bca89c2dc291f2e54d77bd71fa05ba Mon Sep 17 00:00:00 2001 From: trueberryless Date: Thu, 5 Dec 2024 11:13:40 +0100 Subject: [PATCH 2/2] write changeset --- .changeset/sharp-bags-turn.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/sharp-bags-turn.md diff --git a/.changeset/sharp-bags-turn.md b/.changeset/sharp-bags-turn.md new file mode 100644 index 0000000..2978ff9 --- /dev/null +++ b/.changeset/sharp-bags-turn.md @@ -0,0 +1,5 @@ +--- +"trueberryless": patch +--- + +Enable experimental Image cropping features from Astro 5.x