OpenGraph compatibility

content/project/pixel-pride/index.md

@@ -1,6 +1,8 @@
 +++
 title = "Pixel Art Prideflags"
 date = "2025-09-15"
+[extra]
+image = "sticker-box.png"
 +++
 
 As you can maybe guess from my magnificent profile picture I really like pride flags. I also really like pixel art. So why not throw these two together, gently stir and create some beautiful images in different resolutions (12, 30 and 42 pixels high) for you and me to use and enjoy.

templates/post.html

@@ -15,6 +15,21 @@
 </div>
 
 {% if config.extra.mastodon_user %}
-<meta name="fediverse:creator" content="{{ config.extra.mastodon_user}}">
+<meta name="fediverse:creator" content="{{ config.extra.mastodon_user}}"/>
+{% endif %}
+<meta name="og:title" content="{{ page.title }}"/>
+<meta name="og:type" content="article"/>
+<meta name="article:published_time" content="{{ page.date }}"/>
+{% if page.updated %}
+<meta name="article:modified_time" content="{{ page.updated }}"/>
+{% endif %}
+{% if page.authors[0] %}
+<meta name="og:article:author" content="{{ page.authors[0] }}"/>
+{% elif config.author %}
+<meta name="og:article:author" content="{{ config.author }}"/>
+{% endif %}
+<meta name="og:url" content="{{ page.permalink }}"/>
+{% if page.extra.image %}
+<meta name="og:image" content="{{ page.permalink }}{{ page.extra.image }}"/>
 {% endif %}
 {% endblock content %}