Use WebP images

amrabed · Oct 21, 2024 · 34c74b6 · 34c74b6
1 parent b8a648c
commit 34c74b6
Show file tree

Hide file tree

Showing 19 changed files with 10 additions and 13 deletions.
diff --git a/Makefile b/Makefile
@@ -7,7 +7,7 @@ format:
 lint:
 	npm run lint
 
-local:
+local: install format lint
 	npm run dev
 
 build:

diff --git a/public/amr.webp b/public/amr.webp
diff --git a/public/asu.png b/public/asu.png
diff --git a/public/asu.webp b/public/asu.webp
diff --git a/public/aws-mls.png b/public/aws-mls.png
diff --git a/public/aws-mls.webp b/public/aws-mls.webp
diff --git a/public/aws-saa.png b/public/aws-saa.png
diff --git a/public/aws-saa.webp b/public/aws-saa.webp
diff --git a/public/csm.png b/public/csm.png
diff --git a/public/csm.webp b/public/csm.webp
diff --git a/public/cspo.png b/public/cspo.png
diff --git a/public/cspo.webp b/public/cspo.webp
diff --git a/public/gce.png b/public/gce.png
diff --git a/public/gce.webp b/public/gce.webp
diff --git a/public/vt.png b/public/vt.png
diff --git a/public/vt.webp b/public/vt.webp
diff --git a/src/components/intro.jsx b/src/components/intro.jsx
@@ -51,10 +51,7 @@ const Intro = () => {
             "translate-x-[500px] transition-all opacity-0 duration-700 w-[300px] h-[300px] md:w-[400px] md:h-[400px] bg-cover m-auto md:m-0 mt-[40px] md:mt-0 bg-no-repeat rounded-full"
           }
           ref={profileRef}
-          style={{
-            backgroundImage:
-              "url(https://avatars.githubusercontent.com/u/3361565?v=4)",
-          }}
+          style={{ backgroundImage: "url(/amr.webp)" }}
         />
 
         <div

diff --git a/src/data/certifications.tsx b/src/data/certifications.tsx
@@ -7,7 +7,7 @@ const certifications: Certification[] = [
       name: "AWS Certification",
       url: "https://aws.amazon.com/certification",
     },
-    badge: "/aws-mls.png",
+    badge: "/aws-mls.webp",
     link: "https://www.credly.com/badges/8ea3bcee-014b-42df-bc37-3e49d1e4166e/public_url",
     date: "June 2024",
   },
@@ -17,7 +17,7 @@ const certifications: Certification[] = [
       name: "AWS Certification",
       url: "https://aws.amazon.com/certification",
     },
-    badge: "/aws-saa.png",
+    badge: "/aws-saa.webp",
     link: "https://www.youracclaim.com/badges/2d566076-370f-4b1b-8103-ed467325228d",
     date: "October 2020",
   },
@@ -27,7 +27,7 @@ const certifications: Certification[] = [
       name: "Google Cloud",
       url: "https://cloud.google.com/certification",
     },
-    badge: "/gce.png",
+    badge: "/gce.webp",
     link: "https://www.credential.net/fbeb9d71-88ba-4cba-8d22-458cd6ffea50",
     date: "July 2020",
   },
@@ -37,7 +37,7 @@ const certifications: Certification[] = [
       name: "Scrum Alliance",
       url: "https://www.scrumalliance.org",
     },
-    badge: "/csm.png",
+    badge: "/csm.webp",
     link: "https://bcert.me/swmyzzefi",
     date: "June 2020",
   },
@@ -47,7 +47,7 @@ const certifications: Certification[] = [
       name: "Scrum Alliance",
       url: "https://www.scrumalliance.org",
     },
-    badge: "/cspo.png",
+    badge: "/cspo.webp",
     link: "https://bcert.me/spcxpsler",
     date: "June 2020",
   },

diff --git a/src/data/degrees.tsx b/src/data/degrees.tsx
@@ -6,7 +6,7 @@ const degrees: Degree[] = [
     university: {
       name: "Virginia Tech",
       url: "https://www.vt.edu",
-      logo: "/vt.png",
+      logo: "/vt.webp",
     },
     duration: "August 2014 - July 2017",
   },
@@ -15,7 +15,7 @@ const degrees: Degree[] = [
     university: {
       name: "Virginia Tech",
       url: "https://vt.edu",
-      logo: "/vt.png",
+      logo: "/vt.webp",
     },
     duration: "August 2010 - July 2013",
   },
@@ -24,7 +24,7 @@ const degrees: Degree[] = [
     university: {
       name: "Ain Shams University",
       url: "https://eng.asu.edu.eg",
-      logo: "/asu.png",
+      logo: "/asu.webp",
     },
     duration: "September 2000 - June 2005",
   },
-Original file line number
+Diff line change
@@ Expand Up / @@ -7,7 +7,7 @@ format: @@
     lint:
     	npm run lint
-    local:
+    local: install format lint
     	npm run dev
     build:
@@ Expand Down @@