From bd1edb2077732edb3cb9c0190d9dfde8607cb5f9 Mon Sep 17 00:00:00 2001
From: Asaf Gartner <asaf@handmadedev.org>
Date: Sat, 5 Nov 2022 18:25:01 +0200
Subject: [PATCH] Set education article's opengraph image to the first image in
 the article

---
 src/website/education.go | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/website/education.go b/src/website/education.go
index 01320b1..8ac8f39 100644
--- a/src/website/education.go
+++ b/src/website/education.go
@@ -108,6 +108,8 @@ func EducationGlossary(c *RequestContext) ResponseData {
 	return res
 }
 
+var reImg = regexp.MustCompile(`<img .*src="([^"]+)"`)
+
 func EducationArticle(c *RequestContext) ResponseData {
 	type articleData struct {
 		templates.BaseData
@@ -133,6 +135,22 @@ func EducationArticle(c *RequestContext) ResponseData {
 	tmpl.OpenGraphItems = append(tmpl.OpenGraphItems,
 		templates.OpenGraphItem{Property: "og:description", Value: string(article.Description)},
 	)
+	match := reImg.FindStringSubmatch(string(tmpl.Article.Content))
+	imgSrc := ""
+	if match != nil {
+		imgSrc = match[1]
+	}
+	if imgSrc != "" {
+		for i, item := range tmpl.OpenGraphItems {
+			if item.Property == "og:image" {
+				tmpl.OpenGraphItems[i].Value = imgSrc
+			}
+		}
+		tmpl.OpenGraphItems = append(tmpl.OpenGraphItems,
+			templates.OpenGraphItem{Name: "twitter:card", Value: "summary_large_image"},
+		)
+	}
+
 	tmpl.Breadcrumbs = []templates.Breadcrumb{
 		{Name: "Education", Url: hmnurl.BuildEducationIndex()},
 		{Name: article.Title, Url: hmnurl.BuildEducationArticle(article.Slug)},