convert png to svg, create common shared public images folder

Author: gabalafou

apps/labs/posts/uarray-intro.mdx

@@ -5,10 +5,10 @@ published: April 30, 2019
 description: 'The problem is, stated simply: How do we use all of the PyData libraries in tandem, moving seamlessly from one to the other, without actually changing the API, or even the imports?'
 category: [PyData ecosystem]
 featuredImage:
-  src: /posts/uarray-intro/blog_feature_var1.svg
+  src: /images/blog_feature_var1.png
   alt: 'An illustration of a brown and a dark brown hand coming towards each other to pass a business card with the logo of Quansight Labs.'
 hero:
-  imageSrc: /posts/uarray-intro/blog_hero_var1.svg
+  imageSrc: /images/blog_hero_var1.svg
   imageAlt: 'An illustration of a brown hand holding up a microphone, with some graphical elements highlighting the top of the microphone.'
 ---
 

apps/labs/public/images/blog_feature_var1.png

@@ -21,6 +21,13 @@ export const serializePost = async (
 }> => {
   const fileContent = getFileContent(fileName);
   const { data, content } = matter(fileContent);
+
+  if ((data as TPost['meta']).featuredImage.src.endsWith('.svg')) {
+    throw Error(
+      `SVG not allowed for featured image (not widely supported by social media sites). Convert to PNG or JPEG: ${data.featuredImage.src}`,
+    );
+  }
+
   const result = await serialize(content, {
     scope: data,
     mdxOptions: {