Add headshot fallback

jcoelho93 · May 31, 2020 · b04bc14 · b04bc14
1 parent 61fd160
commit b04bc14
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/sections/AboutMe.js b/src/components/sections/AboutMe.js
@@ -13,6 +13,7 @@ function AboutMe() {
             src={Resume.basics.picture}
             alt={Resume.basics.name}
             className="is-rounded"
+            onError={(e)=>{e.target.onerror = null; e.target.src=Resume.basics.pictureFallback}}
           />
         </figure>
         <p className="subtitle is-4 has-text-white has-text-weight-bold">

diff --git a/src/resume.json b/src/resume.json
@@ -2,7 +2,8 @@
   "basics": {
     "name": "José Coelho",
     "label": "DevOps Engineer",
-    "picture": "images/jcoelho.jpg",
+    "picture": "images/jcoelho.webp",
+    "x_pictureFallback": "images/jcoelho.jpg",
     "x_title": "Hey There! Glad you're here",
     "summary": "Going on 4 years of experience in IT. Currently I’m working as a developer exploring the DevOps world. I’m interested in service management, all sorts of automation and developing front-end and back-end applications.",
     "location": {