From 0400e1d611dcef5a4ea239187d5b8d81c874a1db Mon Sep 17 00:00:00 2001
From: Shadowfacts <me@shadowfacts.net>
Date: Tue, 14 Jun 2022 10:18:11 -0400
Subject: [PATCH] Add metadata image links

---
 lib/util.ts                   | 16 +++++++++++-----
 site/layouts/default.html.ejs | 13 +++++++++----
 2 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/lib/util.ts b/lib/util.ts
index b9494c3..eae94c7 100644
--- a/lib/util.ts
+++ b/lib/util.ts
@@ -75,12 +75,18 @@ export function video(metadata: Metadata, name: string, attributes: object): str
 `;
 }
 
+const domain = process.env.DOMAIN;
+
 export function render(template: string, data: any, filename?: string): string {
-	data.require = require;
-	data.fancyLink = fancyLink;
-	data.formatDate = formatDate;
-	data.video = video;
-	return ejs.render(template, data, {
+	const newData = {
+		require,
+		fancyLink,
+		formatDate,
+		video,
+		domain,
+		...data,
+	};
+	return ejs.render(template, newData, {
 		filename
 	});
 }
diff --git a/site/layouts/default.html.ejs b/site/layouts/default.html.ejs
index 9aceb8b..52b33cf 100644
--- a/site/layouts/default.html.ejs
+++ b/site/layouts/default.html.ejs
@@ -7,8 +7,8 @@
 
 	<title><%= metadata.title %></title>
 
-	<link rel="canonical" href="https://shadowfacts.net<%= metadata.permalink %>">
-	<link rel="alternate" type="application/rss+xml" title="Shadowfacts" href="https://shadowfacts.net/feed.xml">
+	<link rel="canonical" href="https://<%= domain %><%= metadata.permalink %>">
+	<link rel="alternate" type="application/rss+xml" title="Shadowfacts" href="https://<%= domain %>/feed.xml">
 
 	<link rel="icon" href="/favicon.ico">
 	<link rel="apple-touch-icon-precomposed" href="/favicon-152.png">
@@ -25,9 +25,14 @@
 		<meta property="og:type" content="website" />
 		<meta property="og:description" content="Just my various ramblings." />
 	<% } %>
-	<meta property="og:image" content="https://shadowfacts.net/shadowfacts.png" />
-	<meta property="og:url" content="https://shadowfacts.net<%= metadata.permalink %>" />
+	<meta property="og:url" content="https://<%= domain %><%= metadata.permalink %>" />
 	<meta property="og:site_name" content="Shadowfacts" />
+	<% if (metadata.cardImagePath) { %>
+		<meta property="twitter:image" content="https://<%= domain %><%= metadata.cardImagePath %>">
+		<meta property="og:image" content="https://<%= domain %><%= metadata.cardImagePath %>">
+	<% } else { %>
+		<meta property="og:image" content="https://<%= domain %>/shadowfacts.png" />
+	<% } %>
 
 	<script>
 		(() => {