change bgimg and logo format.

crydestaahl · Nov 12, 2024 · 2326096 · 2326096
1 parent 1fabb6c
commit 2326096
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/src/assets/img/bg-medium.webp b/src/assets/img/bg-medium.webp
diff --git a/src/assets/img/logo.webp b/src/assets/img/logo.webp
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
@@ -12,7 +12,9 @@ const response = await fetch('https://graphql.datocms.com/', {
     query: `query Logo {
             home {
               logo {
-                url
+                responsiveImage {
+                  webpSrcSet
+                }
               }
             }
           }
@@ -22,7 +24,7 @@ const response = await fetch('https://graphql.datocms.com/', {
 
 const json = await response.json()
 const data = json.data
-const logo = data.home.logo.url
+const logo = data.home.logo.responsiveImage.webpSrcSet
 ---
 
 <div id="main-navigation" class="is-desktop py-8">

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -135,7 +135,7 @@ const { page } = Astro.props
 
 <style lang="scss">
   body {
-    background: url('../assets/img/bg-medium.png');
+    background: url('../assets/img/bg-medium.webp');
     background-size: contain;
     background-repeat: no-repeat;
   }