Create building-a-secure-reliable-observable-idp-with-backstage.md

linkerd.io/content/blog/2024/0524-backstage-and-linkerd.md

@@ -0,0 +1,22 @@
+---
+author: 'catherine'
+date: 2024-05-23T00:00:00Z
+title: Building a Secure, Reliable, Observable IDP with Backstage & Linkerd
+tags:
+  - Backstage
+  - Video
+description: This CNCF Cloud Native Live session explores building a rock-solid Internal Developer Platform (IDP) Backstage that empowers developers with self-service tools while streamlining security and observability.
+keywords: [Backstage, Video]
+thumbnail: '/uploads/2024/05/cnl-backstage-linkerd-thumbnail.png'
+featuredImage: '/uploads/2024/05/cnl-backstage-linkerd-screenshot.png'
+---
+Smooth workflows are critical in the cloud-native world. This CNCF Cloud
+Native Live session explores building a rock-solid Internal Developer
+Platform (IDP) Backstage that empowers developers with self-service tools
+while streamlining security and observability. Watch the recording with
+Linkerd Tech Evangelist Flynn and Backstage Maintainer Ben Lambert as
+they show you how a service mesh like Linkerd can supercharge your IDP,
+ensuring seamless communication and clear visibility.
+
+<!-- markdownlint-disable MD033 -->
+<iframe style="width:800px; height:450px;" src="https://www.youtube.com/embed/43Yq24I0KNI?si=DAtnX3dNXZf2dDFI" 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>

linkerd.io/layouts/partials/meta.html

@@ -13,7 +13,9 @@
 <meta property="og:type" content="website" />
 <meta property="og:url" content="{{ .Page.RelPermalink | absURL }}" />
 
-{{ if .Params.thumbnail }}
+{{ if .Params.featuredImage }}
+  <meta property="og:image" content="{{ .Params.featuredImage| absURL | safeHTMLAttr }}" />
+{{ else if .Params.thumbnail }}
   <meta property="og:image" content="{{ .Params.thumbnail | absURL | safeHTMLAttr }}" />
 {{ else }}
   <meta property="og:image" content="https://linkerd.io/images/logo-only-200h.png" />

linkerd.io/themes/buoyant/layouts/partials/twitter-cards.html

@@ -1,6 +1,13 @@
-{{ with .Params.thumbnail }}
-  <meta name="twitter:card" content="summary_large_image"/>
-  <meta name="twitter:image" content="{{ . | absURL }}"/>
+{{ if .Params.featuredImage }}
+  {{ with .Params.featuredImage }}
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="twitter:image" content="{{ . | absURL }}"/>
+  {{ end }}
+{{ else if .Params.thumbnail }}
+  {{ with .Params.thumbnail }}
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="twitter:image" content="{{ . | absURL }}"/>
+  {{ end }}
 {{ else }}
   {{ $images := $.Resources.ByType "image" }}
   {{ $featured := index $images 0 }}