From 895f1d930b4822aa47ec98b73af26db65f9fdd87 Mon Sep 17 00:00:00 2001
From: Vivek Vishal <vishalvivek488@gmail.com>
Date: Fri, 15 Nov 2024 21:08:11 +0000
Subject: [PATCH 1/2] theme friendly thumbnail in news pages

Signed-off-by: GitHub <noreply@github.com>
---
 src/sections/Company/News-single/index.js | 5 ++++-
 src/templates/news-single.js              | 7 +++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/sections/Company/News-single/index.js b/src/sections/Company/News-single/index.js
index e549695db4f0..2bb787049db8 100644
--- a/src/sections/Company/News-single/index.js
+++ b/src/sections/Company/News-single/index.js
@@ -8,8 +8,10 @@ import NewsSidebar from "./Sidebar";
 
 import NewsPageWrapper from "./NewsSingle.style.js";
 import RelatedPosts from "../../../components/Related-Posts";
+import { useStyledDarkMode } from "../../../theme/app/useStyledDarkMode";
 
 const NewsSingle = ({ data }) => {
+  const { isDark } = useStyledDarkMode();
   const { frontmatter, body, fields } = data.mdx;
   const newsData = useStaticQuery(
     graphql`query relatedNewsPosts {
@@ -54,7 +56,8 @@ const NewsSingle = ({ data }) => {
         subtitle={frontmatter.subtitle}
         category={frontmatter.category}
         author={{ name: frontmatter.author }}
-        thumbnail={frontmatter.thumbnail}
+        thumbnail={ isDark && frontmatter.darkthumbnail && frontmatter.darkthumbnail.publicURL !== frontmatter.thumbnail.publicURL
+          ? frontmatter.darkthumbnail : frontmatter.thumbnail}
         date={frontmatter.date}
       />
       <div className="single-post-wrapper">
diff --git a/src/templates/news-single.js b/src/templates/news-single.js
index ed520e6efb6a..2a18df86558f 100644
--- a/src/templates/news-single.js
+++ b/src/templates/news-single.js
@@ -24,6 +24,13 @@ export const query = graphql`
           extension
           publicURL
         }
+        darkthumbnail {
+          childImageSharp {
+            gatsbyImageData(width: 500, layout: CONSTRAINED)
+          }
+          extension
+          publicURL
+        }
       }
       fields {
         slug

From ce4625305e2bc82717a0a8409df928e9971be517 Mon Sep 17 00:00:00 2001
From: Vivek Vishal <vishalvivek488@gmail.com>
Date: Fri, 15 Nov 2024 21:08:46 +0000
Subject: [PATCH 2/2] add kanvas birth logo video

Signed-off-by: GitHub <noreply@github.com>
---
 .../index.mdx                                                | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/index.mdx b/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/index.mdx
index c97bb1ae3c36..8396bc5b6a87 100644
--- a/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/index.mdx
+++ b/src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/index.mdx
@@ -66,7 +66,10 @@ Like Figma for engineers, Kanvas users can access Kanvas from any computer with
   <li><strong>Design Reviews</strong>: Collaboratively review and provide feedback on designs and prototypes.</li>
 </ul>
 
-
+<div>
+<iframe width="100%" height="315" style="margin-right: 1.5rem;margin-left:1.5rem;" src="https://www.youtube.com/embed/4WcofErPTx4?si=UfouUV7mhADg3zkk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<p style="font-style:italic;font-size:1rem;margin-left:1rem;">Birth of Kanvas from Meshery</p>
+</div>
 #### Kanvas caters to a wide range of users, including:
 <ul>
   <li>Teams and engineering managers for brainstorming, diagramming, wireframing, and interviewing.</li>