From 528ef17e6d655ca1748f8c84944b5bf1e857feac Mon Sep 17 00:00:00 2001
From: Wesley Moore <wes@wezm.net>
Date: Sun, 10 Mar 2024 15:30:18 +1000
Subject: [PATCH] Add OpenGraph metadata

---
 config.toml                       |  1 +
 templates/index.html              | 13 ++++++++++++-
 templates/page.html               | 10 ++++++++++
 templates/section.html            | 10 ++++++++++
 themes/juice/templates/index.html |  4 +++-
 5 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/config.toml b/config.toml
index ee22be8..9e83064 100644
--- a/config.toml
+++ b/config.toml
@@ -24,6 +24,7 @@ smart_punctuation = true
 [extra]
 email = "wes@wezm.net"
 author = "Wesley Moore"
+twitter_name = "@wezm"
 homepage = "https://www.wezm.net/"
 juice_logo_name = "RSS Please"
 juice_logo_path = "feed-icon.svg"
diff --git a/templates/index.html b/templates/index.html
index 0d2167c..1b5fefe 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,5 +1,5 @@
 {% extends "juice/templates/index.html" %}
-{% block title %}{{ section.title }} - {{ section.description }} {% endblock title %}
+{% block title %}{{ section.title }} - {{ section.description }}{% endblock title %}
 
 {% block hero %}
     <section class="text-center">
@@ -31,6 +31,17 @@
     <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path="index.xml", trailing_slash=false) }}">
 {% endblock %}
 
+{% block metadata %}
+    <meta property="og:url" content="{{ section.permalink }}" />
+    <meta property="og:title" content="{{ section.title }}" />
+    <meta property="og:description" content="{{ section.description | default(value="") | striptags }}" />
+    <meta property="og:type" content="website" />
+    <meta property="og:locale" content="en_AU" />
+    <meta property="og:image" content="{{ get_url(path="screenshot.png") }}" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:creator" content="{{ config.extra.twitter_name }}" />
+{% endblock %}
+
 {% block fonts %}
 {% endblock %}
 
diff --git a/templates/page.html b/templates/page.html
index bd53111..6dfb912 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -1,6 +1,16 @@
 {% extends "juice/templates/page.html" %}
 {% block title %}{{ page.title }} - {{ config.title }} {% endblock title %}
 
+{% block metadata %}
+    <meta property="og:url" content="{{ page.permalink }}" />
+    <meta property="og:title" content="{{ page.title }} - {{ config.title }}" />
+    <meta property="og:description" content="{{ page.summary | default(value="") | striptags }}" />
+    <meta property="og:type" content="article" />
+    <meta property="og:locale" content="en_AU" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:creator" content="{{ config.extra.twitter_name }}" />
+{% endblock %}
+
 {% block content %}
 {% if page.description %}
 <h1 class="heading-text">{{ page.description }}</h1>
diff --git a/templates/section.html b/templates/section.html
index f65bf0e..7c6cf6b 100644
--- a/templates/section.html
+++ b/templates/section.html
@@ -9,6 +9,16 @@
 </header>
 {% endblock header %}
 
+{% block metadata %}
+    <meta property="og:url" content="{{ section.permalink }}" />
+    <meta property="og:title" content="{{ config.title }} - {{ section.title }}" />
+    <meta property="og:description" content="{{ section.description | default(value="") | striptags }}" />
+    <meta property="og:type" content="website" />
+    <meta property="og:locale" content="en_AU" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:creator" content="{{ config.extra.twitter_name }}" />
+{% endblock %}
+
 {% block content %}
 <h1 class="heading-text">{{ section.description }}</h1>
 {{ section.content | safe }}
diff --git a/themes/juice/templates/index.html b/themes/juice/templates/index.html
index c10a647..85ba6b8 100644
--- a/themes/juice/templates/index.html
+++ b/themes/juice/templates/index.html
@@ -18,6 +18,8 @@
     <link rel="stylesheet" href="{{ get_url(path="juice.css") }}">
     {% block head %}
     {% endblock head %}
+    {% block metadata %}
+    {% endblock metadata %}
 </head>
 
 <body>
@@ -141,4 +143,4 @@
     items.forEach(item => observer.observe(item));
 </script>
 
-</html>
\ No newline at end of file
+</html>