Switch social thumbnails to use featuredImage. Give the Backstage/Lin…

…kerd social preview a better featuredImage Signed-off-by: Flynn <[email protected]>
linkerd · May 23, 2024 · 1033a6a · 1033a6a
1 parent 0e6c6dc
commit 1033a6a
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 5 deletions.
diff --git a/linkerd.io/content/blog/2024/0524-backstage-and-linkerd.md b/linkerd.io/content/blog/2024/0524-backstage-and-linkerd.md
@@ -8,7 +8,7 @@ tags:
 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-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

diff --git a/linkerd.io/layouts/partials/meta.html b/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" />

diff --git a/linkerd.io/static/uploads/2024/05/cnl-backstage-linkerd-screenshot.png b/linkerd.io/static/uploads/2024/05/cnl-backstage-linkerd-screenshot.png
diff --git a/linkerd.io/themes/buoyant/layouts/partials/twitter-cards.html b/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 }}