From 9c495e4bf2ffa769b930d9b3eead58db74e001d9 Mon Sep 17 00:00:00 2001
From: Alexei Boronine <alexei@boronine.com>
Date: Sun, 11 Sep 2022 14:49:51 +0400
Subject: [PATCH] Add Open Graph metadata to base template

---
 build.sh                        | 7 ++++++-
 website/generate-images.js      | 4 +++-
 website/templates/base.mustache | 2 ++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/build.sh b/build.sh
index d8c2dde..30db2cb 100755
--- a/build.sh
+++ b/build.sh
@@ -15,7 +15,12 @@ echo "Compiling picker.js"
 npx esbuild website/picker.js --bundle --minify --outfile=dist/static/picker.min.js
 
 echo "Generating images"
-node website/generate-images.js avatar >build/avatar.pam
+node website/generate-images.js avatar200 >build/avatar200.pam
+node website/generate-images.js avatar500 >build/avatar500.pam
+convert build/avatar200.pam dist/static/images/avatar200.jpeg
+convert build/avatar200.pam dist/static/images/avatar200.png
+convert build/avatar500.pam dist/static/images/avatar500.jpeg
+convert build/avatar500.pam dist/static/images/avatar500.png
 node website/generate-images.js favicon >build/favicon.pam
 convert build/favicon.pam dist/favicon.png
 node website/generate-images.js hsluv >build/hsluv.pam
diff --git a/website/generate-images.js b/website/generate-images.js
index 6596813..6b2d963 100644
--- a/website/generate-images.js
+++ b/website/generate-images.js
@@ -221,8 +221,10 @@ const demos = {
     'hpluv-chroma': demoHpluvChroma
 };
 
-if (type === 'avatar') {
+if (type === 'avatar200') {
     makeImage(luvSquare, 200, 200);
+} else if (type === 'avatar500') {
+    makeImage(luvSquare, 500, 500);
 } else if (type === 'favicon') {
     makeImage(luvSquare, 32, 32);
 } else {
diff --git a/website/templates/base.mustache b/website/templates/base.mustache
index 076f8e5..21d5602 100644
--- a/website/templates/base.mustache
+++ b/website/templates/base.mustache
@@ -6,6 +6,8 @@
     <meta name="description" content="HSLuv - An alternative to HSL for programmatic color generation">
     <meta name="author" content="Alexei Boronine">
     <meta name="viewport" content="width=device-width">
+    <meta property="og:title" content="{{{ title }}} - Human-friendly HSL">
+    <meta property="og:image" content="https://www.hsluv.org/static/images/avatar200.jpeg">
     <link rel="preload" href="/static/css/min.min.css" as="style">
     <link rel="preload" href="/static/css/main.css" as="style">
     <link rel="stylesheet" href="/static/css/min.min.css">