Use public URL fallback to relative paths for public images

This commit is contained in:
Gregory Campbell
2026-06-03 23:01:54 -04:00
parent 9244e6ea7c
commit 62bb8f3574
3 changed files with 9 additions and 6 deletions
+2 -2
View File
@@ -26,8 +26,8 @@ export const Resume = () => {
<section>
<h2>Written Resume</h2>
<img
src={`${process.env.PUBLIC_URL}/images/Resume-640.webp`}
srcSet={`${process.env.PUBLIC_URL}/images/Resume-320.webp 320w, ${process.env.PUBLIC_URL}/images/Resume-640.webp 640w, ${process.env.PUBLIC_URL}/images/Resume-1024.webp 1024w`}
src={`${process.env.PUBLIC_URL || '.'}/images/Resume-640.webp`}
srcSet={`${process.env.PUBLIC_URL || '.'}/images/Resume-320.webp 320w, ${process.env.PUBLIC_URL || '.'}/images/Resume-640.webp 640w, ${process.env.PUBLIC_URL || '.'}/images/Resume-1024.webp 1024w`}
sizes="(max-width: 600px) 100vw, 640px"
alt="Resume preview"
loading="lazy"