From 93daf8702bd5a436edf6f8f0920fe34bf5f8055d Mon Sep 17 00:00:00 2001
From: HAUDRAUFHAUN <dietrich.poensgen@heg-portal.de>
Date: Sun, 10 Oct 2021 20:20:55 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=20add=20webp=20image=20to=20partner?=
 =?UTF-8?q?=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/partner.astro | 47 +++++++++++++++++++++++++++++++----------
 1 file changed, 36 insertions(+), 11 deletions(-)

diff --git a/src/pages/partner.astro b/src/pages/partner.astro
index b27c568..7816ed6 100644
--- a/src/pages/partner.astro
+++ b/src/pages/partner.astro
@@ -6,22 +6,47 @@ import BaseLayout from "../layouts/BaseLayout.astro"
   title="Partner"
   description="Die Handelspartner von Fluffy Limonade"
 >
-
-    <section class="w-full text-center">
-      <h1 class="text-left font-branch textl-2xl lg:text-3xl xl:text-5xl">
-        Handelspartner
-      </h1>
-      <br/>
-        <figure class="flex flex-col items-center w-full p-2 my-2 border-2 rounded-md border-lemon-500 xl:p-4">
+  <section class="w-full text-center">
+    <h1 class="text-left font-branch textl-2xl lg:text-3xl xl:text-5xl">
+      Handelspartner
+    </h1>
+    <br />
+    <figure
+      class="
+        flex flex-col
+        items-center
+        w-full
+        p-2
+        my-2
+        border-2
+        rounded-md
+        border-lemon-500
+        xl:p-4
+      "
+    >
+      <picture class="w-24 h-24 p-2 xl:w-36 xl:h-36">
+        <source type="image/webp" srcset="/images/partner/construction.webp" />
+        <source type="image/png" srcset="/images/partner/construction.png" />
         <img
           loading="lazy"
           src="/images/partner/construction.png"
           alt="Construction Icon"
-          class="w-24 h-24 p-2 xl:w-36 xl:h-36"
           width="720"
           height="720"
         />
-        <figcaption class="text-justify text-lemon-500 md:text-lg lg:text-xl xl:text-2xl font-kyivsans">Dieser Abschnitt befindet sich noch in Arbeit.<br /> Schau gerne noch einmal später vorbei 😉</figcaption>
-      </figure>
-    </section>
+      </picture>
+      <figcaption
+        class="
+          text-justify text-lemon-500
+          md:text-lg
+          lg:text-xl
+          xl:text-2xl
+          font-kyivsans
+        "
+      >
+        Dieser Abschnitt befindet sich noch in Arbeit.<br />
+        Schau gerne noch einmal später vorbei 😉
+      </figcaption>
+    </figure>
+  </section>
 </BaseLayout>