From f1fa8c9121eb3f24170120e3f715f79908a314c6 Mon Sep 17 00:00:00 2001
From: Kevin Kandlbinder <kevin@kevink.dev>
Date: Wed, 23 Dec 2020 17:48:39 +0100
Subject: [PATCH] Auto-resize project images

---
 src/pages/projects.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/pages/projects.js b/src/pages/projects.js
index 6dfcf45..0376709 100644
--- a/src/pages/projects.js
+++ b/src/pages/projects.js
@@ -13,7 +13,11 @@ query GetProjects($language: String) {
       urlname
       name
       image {
-        publicURL
+        childImageSharp {
+          resize(width: 250) {
+            src
+          }
+        }
       }
       shortDescription
     }
@@ -37,7 +41,7 @@ export default function ProjectsPage({data}) {
                             return (
                                 <div className={styles.projectCard}>
                                     {/*<div className="projectCardActivityIndicator activityIndicatorBlue">Live</div>*/}
-                                    <div className={styles.projectCardImage} style={{ backgroundImage: "url("+project.image.publicURL+")" }}></div>
+                                    <div className={styles.projectCardImage} style={{ backgroundImage: "url("+project.image.childImageSharp.resize.src+")" }}></div>
                                     <div className={styles.projectCardMeta}>
                                         <span className={styles.projectCardTitle}>{project.name}</span>
                                         <span className={styles.projectCardTeaser}>{project.shortDescription}</span>