From 74cfda7f254e3e4123403004580baf9fecc1f3ad Mon Sep 17 00:00:00 2001
From: John Bowdre <john@bowdre.net>
Date: Fri, 16 Feb 2024 22:16:30 -0600
Subject: [PATCH] generate og:image for homepage too

---
 layouts/partials/opengraph.html | 37 +++++++++++++++++++--------------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/layouts/partials/opengraph.html b/layouts/partials/opengraph.html
index f3263cf..16a06b6 100644
--- a/layouts/partials/opengraph.html
+++ b/layouts/partials/opengraph.html
@@ -1,3 +1,5 @@
+{{ $base := resources.Get "og_base.png" }}
+{{ $font := resources.Get "/FiraMono-Regular.ttf" }}
 <meta property="og:title" content="{{ .Title }}" />
 <meta property="og:description" content="{{ with .Description }}{{ . }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end }}" />
 <meta property="og:type" content="{{ if .IsPage }}article{{ else }}website{{ end }}" />
@@ -5,29 +7,24 @@
 <meta property="og:locale" content="{{ .Lang }}" />
 {{- if .IsHome }}
 <meta property="og:type" content="website">
-<meta property="og:image" content="{{ .Site.Params.fallBackOgImage | absURL }}" />
-{{- else }}
-<meta property="og:type" content="article">
+{{ $img := $base.Filter (images.Text .Site.Params.Description (dict
+  "color" "#d8d8d8"
+  "size" 64
+  "linespacing" 2
+  "x" 40
+  "y" 300
+  "font" $font
+))}}
+{{ $img = resources.Copy "og.png" $img }}
+<meta property="og:image" content="{{$img.Permalink}}" />
 {{- end }}
 
 {{- if .IsPage }}
+<meta property="og:type" content="article">
 {{- $iso8601 := "2006-01-02T15:04:05-07:00" -}}
 <meta property="article:section" content="{{ .Section }}" />
 {{ with .PublishDate }}<meta property="article:published_time" {{ .Format $iso8601 | printf "content=%q" | safeHTMLAttr }} />{{ end }}
 {{ with .Lastmod }}<meta property="article:modified_time" {{ .Format $iso8601 | printf "content=%q" | safeHTMLAttr }} />{{ end }}
-{{- end -}}
-
-{{- with .Params.audio }}<meta property="og:audio" content="{{ . }}" />{{ end }}
-{{- with .Params.locale }}<meta property="og:locale" content="{{ . }}" />{{ end }}
-{{- with .Site.Params.title }}<meta property="og:site_name" content="{{ . }}" />{{ end }}
-{{- with .Params.videos }}{{- range . }}
-<meta property="og:video" content="{{ . | absURL }}" />
-{{ end }}{{ end }}
-
-{{- if .IsPage -}}
-{{/* Generate opengraph image, based on https://aarol.dev/posts/hugo-og-image/ */}}
-{{ $base := resources.Get "og_base.png" }}
-{{ $font := resources.Get "/FiraMono-Regular.ttf"}}
 {{ $img := $base.Filter (images.Text .Page.Title (dict
   "color" "#d8d8d8"
   "size" 64
@@ -47,3 +44,11 @@
 <meta name="twitter:description" content="{{ with .Description }}{{ . }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end -}}"/>
 <meta name="twitter:image" content="{{$img.Permalink}}" />
 {{- end -}}
+
+{{- with .Params.audio }}<meta property="og:audio" content="{{ . }}" />{{ end }}
+{{- with .Params.locale }}<meta property="og:locale" content="{{ . }}" />{{ end }}
+{{- with .Site.Params.title }}<meta property="og:site_name" content="{{ . }}" />{{ end }}
+{{- with .Params.videos }}{{- range . }}
+<meta property="og:video" content="{{ . | absURL }}" />
+{{ end }}{{ end }}
+