Merge pull request #113 from v-jstruve/main

blog og meta tags and Gallery tag placement
Azure · Sep 13, 2023 · 6047a8c · 6047a8c
2 parents 85156a1 + a2a8e3c
commit 6047a8c
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 17 deletions.
diff --git a/website/blog-30daysofIA/2023-08-28/road-to-fallforia.md b/website/blog-30daysofIA/2023-08-28/road-to-fallforia.md
@@ -13,6 +13,11 @@ tags: [Fall-For-IA, 30-days-of-IA, learn-live, hack-together, community-buzz, as
 ---
 
 <head>
+  <meta property="og:url" content="https://azure.github.io/cloud-native/30daysofia/road-to-fallforia"/>
+  <meta property="og:type" content="website"/>
+  <meta property="og:title" content="Fall is Coming! 🍂 | Build Intelligent Apps On Azure"/>
+  <meta property="og:description" content="Combine the power of AI, cloud-scale data, and cloud-native app development to create highly differentiated digital experiences. Develop adaptive, responsive, and personalized experiences by building and modernizing intelligent applications with Azure."/>
+  <meta property="og:image" content="https://github.com/Azure/Cloud-Native/blob/main/website/static/img/ogImage.png"/>
   <meta name="twitter:url" 
     content="https://azure.github.io/Cloud-Native/30daysofIA/road-to-fallforIA" />
   <meta name="twitter:title" 

diff --git a/website/blog-30daysofIA/2023-09-08/hack-together-recap.md b/website/blog-30daysofIA/2023-09-08/hack-together-recap.md
@@ -13,20 +13,25 @@ tags: [Fall-For-IA, 30-days-of-IA, learn-live, hack-together, community-buzz, as
 ---
 
 <head>
-  <meta name="twitter:url" 
-    content="https://azure.github.io/Cloud-Native/30daysofIA/hacktogether-recap" />
-  <meta name="twitter:title" 
-    content="Continue The Learning Journey through **Fall For Intelligent Apps! 🍂" />
-  <meta name="twitter:description" 
-    content="Exciting news! As we approach the close of #JavaScript on #Azure Global Hack today, we are thrilled to announce another exciting opportunity for all JavaScript developers!! Find a recap of Hack together and read all about the upcoming #FallIntoIA on this post!" />
-  <meta name="twitter:image" 
-    content="https://azure.github.io/Cloud-Native/img/ogImage.png" />
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta name="twitter:creator" 
-    content="@nitya" />
-  <meta name="twitter:site" content="@AzureAdvocates" /> 
-  <link rel="canonical" 
-    href="https://azure.github.io/Cloud-Native/30daysofIA/hacktogether-recap" />
+<meta property="og:url" content="https://azure.github.io/cloud-native/30daysofia/hacktogether-recap"/>
+<meta property="og:type" content="website"/>
+<meta property="og:title" content="HackTogether Recap 🍂 | Build Intelligent Apps On Azure"/>
+<meta property="og:description" content="Exciting news! As we approach the close of #JavaScript on #Azure Global Hack today, we are thrilled to announce another exciting opportunity for all JavaScript developers!! Find a recap of Hack together and read all about the upcoming #FallIntoIA on this post!"/>
+<meta property="og:image" content="https://github.com/Azure/Cloud-Native/blob/main/website/static/img/ogImage.png"/>
+    <meta name="twitter:url" 
+      content="https://azure.github.io/Cloud-Native/30daysofIA/hacktogether-recap" />
+    <meta name="twitter:title" 
+      content="Continue The Learning Journey through **Fall For Intelligent Apps! 🍂" />
+    <meta name="twitter:description" 
+      content="Exciting news! As we approach the close of #JavaScript on #Azure Global Hack today, we are thrilled to announce another exciting opportunity for all JavaScript developers!! Find a recap of Hack together and read all about the upcoming #FallIntoIA on this post!" />
+    <meta name="twitter:image" 
+      content="https://azure.github.io/Cloud-Native/img/ogImage.png" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:creator" 
+      content="@nitya" />
+    <meta name="twitter:site" content="@AzureAdvocates" /> 
+    <link rel="canonical" 
+      href="https://azure.github.io/Cloud-Native/30daysofIA/hacktogether-recap" />
 </head>
 
 <!-- End METADATA -->

diff --git a/website/src/components/gallery/ShowcaseCard/index.tsx b/website/src/components/gallery/ShowcaseCard/index.tsx
@@ -114,20 +114,22 @@ function ShowcaseCard({user}: {user: User}) {
           {user.source && (
             <ShowcaseMultipleAuthorsDropdown user={user}/>   
           )}
+
         </div>
         <p>{user.description}</p>
         {/* {user.tags.includes('featured') && (
             <FavoriteIcon svgClass={styles.svgIconFavorite} size="small" />
           )} */}
-        <ShowcaseCardTag tags={user.tags} />
       </div>
       <ul className={clsx('card__footer', styles.cardFooter)}>
-
+        <div className="margin-bottom--md">
+        <ShowcaseCardTag tags={user.tags} />
+        </div>
         <div className={styles.buttons}>
             <Link className="button button--block button--secondary button--md"  href={user.source}>
             View this post
             </Link>
-          </div>
+        </div>
       </ul>
     </li>
   );