thefrontside · elrickvm · Jan 29, 2025 · Jan 28, 2025 · Jan 28, 2025 · Jan 28, 2025
diff --git a/assets/img/authors/charles.jpg b/assets/img/authors/charles.jpg
diff --git a/assets/img/authors/elrick.jpg b/assets/img/authors/elrick.jpg
diff --git a/assets/img/authors/jacob.jpg b/assets/img/authors/jacob.jpg
diff --git a/assets/img/authors/jeffrey.jpg b/assets/img/authors/jeffrey.jpg
diff --git a/assets/img/authors/jorge.jpg b/assets/img/authors/jorge.jpg
diff --git a/assets/img/authors/min.jpg b/assets/img/authors/min.jpg
diff --git a/assets/img/authors/paul.jpg b/assets/img/authors/paul.jpg
diff --git a/assets/img/authors/rachelle.jpg b/assets/img/authors/rachelle.jpg
diff --git a/assets/img/authors/taras.jpg b/assets/img/authors/taras.jpg
diff --git a/assets/img/authorsAvatars/charles.webp b/assets/img/authorsAvatars/charles.webp
diff --git a/assets/img/authorsAvatars/elrick.webp b/assets/img/authorsAvatars/elrick.webp
diff --git a/assets/img/authorsAvatars/jacob.webp b/assets/img/authorsAvatars/jacob.webp
diff --git a/assets/img/authorsAvatars/jeffrey.webp b/assets/img/authorsAvatars/jeffrey.webp
diff --git a/assets/img/authorsAvatars/jorge.webp b/assets/img/authorsAvatars/jorge.webp
diff --git a/assets/img/authorsAvatars/min.webp b/assets/img/authorsAvatars/min.webp
diff --git a/assets/img/authorsAvatars/paul.webp b/assets/img/authorsAvatars/paul.webp
diff --git a/assets/img/authorsAvatars/rachelle.webp b/assets/img/authorsAvatars/rachelle.webp
diff --git a/assets/img/authorsAvatars/taras.webp b/assets/img/authorsAvatars/taras.webp
diff --git a/blog/2023-12-18-announcing-effection-v3/announcing-effection-v3.png b/blog/2023-12-18-announcing-effection-v3/announcing-effection-v3.png
diff --git a/blog/2023-12-18-announcing-effection-v3/announcing-effection-v3.webp b/blog/2023-12-18-announcing-effection-v3/announcing-effection-v3.webp
diff --git a/blog/2023-12-18-announcing-effection-v3/index.md b/blog/2023-12-18-announcing-effection-v3/index.md
diff --git a/lib/getAuthorsImage.ts b/lib/getAuthorsImage.ts
@@ -6,6 +6,6 @@ import { authorsWithImage } from "./authorConfig.ts";
 export function getAuthorImage(author: string): string {
   const firstName = author.split(" ")[0].toLowerCase();
   return authorsWithImage.includes(firstName)
-    ? `/assets/img/authors/${firstName}.jpg`
+    ? `/assets/img/authorsAvatars/${firstName}.webp`
     : "/assets/fs-logo-no-text.svg";
 }
diff --git a/routes/blog-index-route.tsx b/routes/blog-index-route.tsx
@@ -32,7 +32,7 @@ export function blogIndexRoute() {
                 src={latest.image
                   ? `blog/${latest.id}/${latest.image}`
                   : "/assets/fs-logo-no-text.svg"}
-                alt="Blog image"
+                alt="blog image"
               />
               <div class="max-w-prose">
                 <span class="bg-blue-primary p-2 rounded-lg text-white">
@@ -63,7 +63,7 @@ export function blogIndexRoute() {
                       src={post.image
                         ? `blog/${post.id}/${post.image}`
                         : "/assets/fs-logo-no-text.svg"}
-                      alt="Blog image"
+                      alt="blog image"
                     />
                     <div class="flex-grow">
                       <h3 class="font-black text-2xl">{post.title}</h3>

diff --git a/routes/blog-post-route.tsx b/routes/blog-post-route.tsx
@@ -53,7 +53,13 @@ export function blogPostRoute(): JSXHandler {
                 ))}
               </div>
             </section>
-            <img src={image} class="rounded-xl max-h-[500px] object-fit" />
+            <img
+              src={image}
+              class="rounded-xl max-w-[100%] h-auto object-fit"
+              alt="blog image"
+              width={500}
+              height={300}
+            />
           </header>
           <section class="mx-auto text-blue-primary lg:prose-lg prose">
             <link rel="stylesheet" href="/assets/prism-atom-one-dark.css" />