From 608603efa118bb251d7e6b8fe5d95bfba9e50f1d Mon Sep 17 00:00:00 2001
From: MaanavD <maanavdalal@microsoft.com>
Date: Wed, 24 Apr 2024 16:35:52 -0700
Subject: [PATCH] Added Twitter square images.

---
 src/routes/blogs/accelerating-phi-3/+page.svx |  1 +
 src/routes/blogs/post.svelte                  | 10 +++++++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/routes/blogs/accelerating-phi-3/+page.svx b/src/routes/blogs/accelerating-phi-3/+page.svx
index 70b1bdbe188ac..9a78d1103a624 100644
--- a/src/routes/blogs/accelerating-phi-3/+page.svx
+++ b/src/routes/blogs/accelerating-phi-3/+page.svx
@@ -10,6 +10,7 @@ authorsLink:
   [
    ]
 image: 'https://iili.io/JSQDdog.png'
+imageSquare: 'https://iili.io/JSDovQn.png'
 url: 'https://onnxruntime.ai/blogs/accelerating-phi-3'
 ---
 
diff --git a/src/routes/blogs/post.svelte b/src/routes/blogs/post.svelte
index 62f83cbece977..edeb14e0292b4 100644
--- a/src/routes/blogs/post.svelte
+++ b/src/routes/blogs/post.svelte
@@ -46,6 +46,10 @@
 	/**
 	 * @type {string}
 	 */
+	 export let imageSquare;
+	/**
+	 * @type {string}
+	 */
 </script>
 
 <svelte:head>
@@ -61,8 +65,8 @@
 	<meta name="twitter:title" content={title} />
 	<meta name="twitter:description" content={description} />
 	<meta name="image" content={image} />
-	<meta name="og:image" content={image}  />
-	<meta name="twitter:card" content={image}  />
+	<meta name="og:image" content={imageSquare ? imageSquare : image}  />
+	<meta name="twitter:card" content={imageSquare ? imageSquare : image}  />
 	<meta name="twitter:image" content={image}  />
 	<meta name="robots" content={robots} />
 </svelte:head>
@@ -74,7 +78,7 @@
 			{#if authors.length === 0}
 				<br/>
 			{:else}
-				<p>By:</p>
+				<p class="inline">By:</p>
 			{/if}
 			{#each authors as author, i}
 				<a href={authorsLink[i]} class="text-blue-500">{author}</a>{i + 1 === authors.length