feat: Update images

Author: pomianowski

public/cover.svg

@@ -11,6 +11,7 @@ export interface Props {
       author?: string;
       tags?: string[];
       image?: string;
+      avifImage?: string;
       externalLink?: string;
     };
   };
@@ -45,9 +46,12 @@ const isExternal = !!post.data.externalLink;
       ))}
     </span>
   )}
-  {post.data.image && (
+  {post.data.avifImage && (
     <figure class="post-cover">
-      <img src={post.data.image} alt={post.data.title} />
+      <picture>
+        <source type="image/avif" srcset={post.data.avifImage} />
+        <img src={post.data.image} alt={post.data.title} />
+      </picture>
     </figure>
   )}
   {post.data.description && (

public/favicon.svg

@@ -9,6 +9,7 @@ const posts = defineCollection({
     updatedDate: z.coerce.date().optional(),
     author: z.string().optional(),
     image: z.string().optional(),
+    avifImage: z.string().optional(),
     externalLink: z.string().optional(),
     tags: z.array(z.string()).default([]),
     draft: z.boolean().default(false),

public/pt-hero.dark.avif

@@ -3,7 +3,8 @@ title: 'How WPF UI Powers Microsoft PowerToys Run'
 description: 'The story behind WPF UI becoming the foundation for Microsoft PowerToys Run, one of GitHubs most popular developer tools.'
 pubDate: 2024-06-15
 author: 'Leszek Pomianowski'
-image: 'https://github.com/microsoft/PowerToys/raw/main/doc/images/readme/pt-hero.dark.png'
+image: 'https://lepo.co/pt-hero.dark.png'
+avifImage: 'https://lepo.co/pt-hero.dark.avif'
 tags: ['powertoys', 'microsoft', 'wpf', 'developer-tools', 'open-source']
 ---
 

public/pt-hero.dark.png

@@ -3,7 +3,8 @@ title: 'WPF UI and Microsoft: An Unexpected Collaboration'
 description: 'How a personal project to modernize WPF applications caught Microsoft attention and led to official collaboration on .NET 9.'
 pubDate: 2024-01-15
 author: 'Leszek Pomianowski'
-image: 'https://opengraph.githubassets.com/351a1aec13d918e77632605b8c99db5d240249e27024ca5d1dad1070924b5502/dotnet/wpf/discussions/8533'
+image: 'https://lepo.co/wpf-collaboration-full.png'
+avifImage: 'https://lepo.co/wpf-collaboration-full.avif'
 tags: ['wpf', 'microsoft', 'dotnet', 'collaboration', 'open-source']
 ---