[main]: added image with height and 1220*630 image

Author: recursivezero

public/assets/images/ABCD-pink.png

@@ -11,7 +11,7 @@ const { title, description, ogImage, articleDate } = Astro.props;
 const titleSeparator = "•";
 const siteTitle = `${title} ${titleSeparator} ${siteConfig.title}`;
 const canonicalURL = new URL(Astro.url.pathname, Astro.site);
-const socialImageURL = new URL(ogImage ? ogImage : "/assets/images/ABCD-blue.png", Astro.url).href;
+const socialImageURL = new URL(ogImage ? ogImage : "/assets/images/ABCD-pink.png", Astro.url).href;
 ---
 
 <meta charset="utf-8" />
@@ -51,7 +51,7 @@ const socialImageURL = new URL(ogImage ? ogImage : "/assets/images/ABCD-blue.png
 <meta property="og:image" content={socialImageURL} />
 <meta property="og:image:alt" content={description} />
 <meta property="og:image:width" content="1200" />
-<meta property="og:image:height" content="1200" />
+<meta property="og:image:height" content="630" />
 {
   articleDate && (
     <>
@@ -63,11 +63,12 @@ const socialImageURL = new URL(ogImage ? ogImage : "/assets/images/ABCD-blue.png
 
 {/* Twitter */}
 <meta name="twitter:card" content="summary_large_image" />
-<!--<meta name="twitter:card" content="https://abcdkbd.com/assets/images/512x512.png" />-->
 <meta name="twitter:url" content={canonicalURL} />
 <meta name="twitter:title" content={title} />
 <meta name="twitter:description" content={description} />
 <meta name="twitter:image" content={socialImageURL} />
+<meta name="twitter:image:width" content="1200" />
+<meta name="twitter:image:height" content="630" />
 <meta name="twitter:image:alt" content={description} />
 <meta name="twitter:site" content="@recursivezero" />
 <meta name="twitter:creator" content="@recursivezero" />