From 6d066f8711de49cfd40a20dd814446ce0f311ba9 Mon Sep 17 00:00:00 2001 From: Rohan Kumar Date: Wed, 18 May 2022 09:00:05 -0700 Subject: [PATCH] Support page-specific open graph images Allow specifying open graph images for individual pages. Change default site-wide open graph image alt-text to an empty string since the default image only has visual value, and is better off hidden from assistive technologies. Set an open graph image for two articles. --- assets/p/serenity-4x.png | Bin 0 -> 9203 bytes content/posts/website-best-practices.md | 4 +++- .../whatsapp-and-the-domestication-of-users.md | 10 ++++++---- layouts/partials/head.html | 13 ++++++++++--- 4 files changed, 19 insertions(+), 8 deletions(-) create mode 100644 assets/p/serenity-4x.png diff --git a/assets/p/serenity-4x.png b/assets/p/serenity-4x.png new file mode 100644 index 0000000000000000000000000000000000000000..1988bef84330e418cee130d9043994dccf0ef4c6 GIT binary patch literal 9203 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

Before you begin

diff --git a/content/posts/whatsapp-and-the-domestication-of-users.md b/content/posts/whatsapp-and-the-domestication-of-users.md index 7718d84..afcfce5 100644 --- a/content/posts/whatsapp-and-the-domestication-of-users.md +++ b/content/posts/whatsapp-and-the-domestication-of-users.md @@ -12,6 +12,8 @@ tags: - privacy - platforms featured: 3 +image: "whatsapp_ad_dark.png" +image_alt: "WhatsApp PR notice describing data not collected; analysis in article." title: WhatsApp and the domestication of users ---
@@ -84,13 +86,13 @@ Those of us who were sounding the alarm a few years ago experienced a brief mome The bait-and-switch operation incurred backlash significant enough for a noticeable minority of users to actually migrate; this number turned out to be slightly more than the rounding error WhatsApp was likely expecting. In response, WhatsApp delayed the change and published an ad to improve its image. -{{}} +{{}} -#### Whatsapp Ad {#whatsapp-ad-hd} +#### Whatsapp Ad {#whatsapp-notice-hd} -{{< transcribed-image-figure id="whatsapp-ad" has-transcript="true" >}} +{{< transcribed-image-figure id="whatsapp-notice" has-transcript="true" >}} -{{< picture name="whatsapp_ad" alt="WhatsApp ad describing data not collected" >}} +{{< picture name="whatsapp_ad" alt="WhatsApp notice describing data not collected." >}}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 90f4543..e2ad491 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -56,11 +56,18 @@ {{- end -}} -{{ $og_image := resources.Get "/favicon512.png" | resources.Fingerprint "md5" -}} +{{- $og_image := resources.Get "/favicon512.png" | resources.Fingerprint "md5" -}} +{{- $og_image_alt := "" -}} +{{- with .Params.image -}} + {{- $og_image = resources.Get (printf "/p/%s" . ) | resources.Fingerprint "md5" -}} +{{- end -}} +{{- with .Params.image_alt -}} + {{- $og_image_alt = . -}} +{{- end }} {{ printf `` $og_image.Permalink | safeHTML }} - - + + {{ hugo.Generator | replaceRE " />" ">" | safeHTML}}