feature(documentation-website): introduce automatic image conversion

fixes #927
idrinth-api-bench · May 2, 2024 · 7438a51 · 7438a51
1 parent ff88527
commit 7438a51
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/documentation-website/src/components/contributor.tsx b/documentation-website/src/components/contributor.tsx
@@ -28,7 +28,11 @@ const Contributor = ({
   return <div
     id={id}
     className={'contributor'}>
-    <img src={avatar} alt={name}/>
+    <picture>
+      <source src={avatar.replace(/jpg$/u, 'avif',)} type="image/avif"/>
+      <source src={avatar.replace(/jpg$/u, 'webp',)} type="image/webp"/>
+      <img src={avatar} alt={name}/>
+    </picture>
     <div>
       <h2>
         <a href={`#${ id }`}>#</a>

diff --git a/documentation-website/src/pages/contributing/contributors/index.tsx b/documentation-website/src/pages/contributing/contributors/index.tsx
@@ -35,7 +35,7 @@ const Index = () => {
     .map((contributor,) => <Contributor
       key={contributor.id}
       name={contributor.name}
-      avatar={`/assets/contributors/${ contributor.id }.webp`}
+      avatar={`/assets/contributors/${ contributor.id }.jpg`}
       url={contributor.url}
       location={contributor.location}
       contributions={contributor.contributions}

diff --git a/documentation-website/tools/load-contributors.js b/documentation-website/tools/load-contributors.js
@@ -57,7 +57,7 @@ if (! process.env.CI) {
     users[user.login] = {
       contributions: contributor.contributions,
       name: user.name || user.login,
-      avatar: '/assets/profile-' + hash + '.webp',
+      avatar: '/assets/profile-' + hash + '.jpg',
       url: user.html_url,
       bio: user.bio || defaultBio,
       location: user.location || 'unknown',