Add social link preview meta tags with per-page screenshots

Signed-off-by: Josephine Pfeiffer <hi@josie.lol>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Josephine Pfeiffer <hi@josie.lol>

Author: pfeifferj

moooodotfarm-backend/src/ports/http/static/og-image-api.png

@@ -4,6 +4,12 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{% block title %}moooo.farm{% endblock %}</title>
+    <meta property="og:title" content="{% block og_title %}moooo.farm{% endblock %}">
+    <meta property="og:description" content="{% block og_description %}moooooonitoring the cow.txt herd{% endblock %}">
+    <meta property="og:image" content="https://moooo.farm/{% block og_image %}og-image.png{% endblock %}">
+    <meta property="og:url" content="https://moooo.farm{% block og_url %}/{% endblock %}">
+    <meta property="og:type" content="website">
+    <meta name="twitter:card" content="summary_large_image">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Gaegu:wght@400;700&display=swap" rel="stylesheet">

moooodotfarm-backend/src/ports/http/static/og-image-cves.png

@@ -3,6 +3,10 @@
 {% import "common.html" as common %}
 
 {% block title %}cow vulnerabilities and exposures (cves){% endblock %}
+{% block og_title %}cow vulnerabilities and exposures (cves){% endblock %}
+{% block og_description %}security incidents affecting the herd{% endblock %}
+{% block og_url %}/cves{% endblock %}
+{% block og_image %}og-image-cves.png{% endblock %}
 
 {% block extra_styles %}
     .cve-header {

moooodotfarm-backend/src/ports/http/static/og-image-new.png

@@ -1,6 +1,7 @@
 {% extends "base.html" %}
 
 {% block title %}moooooonitoring the cow.txt herd{% endblock %}
+{% block og_title %}moooooonitoring the cow.txt herd{% endblock %}
 
 {% block extra_styles %}
         .header {

moooodotfarm-backend/src/ports/http/static/og-image-rfc.png

@@ -3,6 +3,10 @@
 {% import "common.html" as common %}
 
 {% block title %}report a new cow{% endblock %}
+{% block og_title %}report a new cow{% endblock %}
+{% block og_description %}how to get your cow.txt listed on moooo.farm{% endblock %}
+{% block og_url %}/new{% endblock %}
+{% block og_image %}og-image-new.png{% endblock %}
 
 {% block content %}
     <main class="content">

moooodotfarm-backend/src/ports/http/static/og-image.png

@@ -1,6 +1,10 @@
 {% extends "base.html" %}
 
 {% block title %}api documentation{% endblock %}
+{% block og_title %}api documentation{% endblock %}
+{% block og_description %}api for monitoring the cow.txt herd{% endblock %}
+{% block og_url %}/api{% endblock %}
+{% block og_image %}og-image-api.png{% endblock %}
 
 {% block extra_styles %}
     * {