From 1b7c0778f94de667d002f803fdb1fcc64b2efd23 Mon Sep 17 00:00:00 2001
From: Mario Nachbaur <noreply@nauta.one>
Date: Mon, 27 Oct 2025 13:42:46 +0100
Subject: [PATCH] profile metadata and open graph

---
 src/main.py                |  3 +--
 src/templates/profile.html | 17 +++++++++++++++--
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/main.py b/src/main.py
index 0ced9be..c72f9b7 100644
--- a/src/main.py
+++ b/src/main.py
@@ -85,13 +85,12 @@ async def page_profile(atid: str):
         # remove the ?reload parameter
         return redirect(request.path)
 
+    profile["handle"] = handle
     athref = f"at://{did}/at.ligo.actor.links/self"
-    canonical = f"https://ligo.at/{f'@{handle}' if handle else did}"
     return render_template(
         "profile.html",
         profile=profile,
         links=links,
-        canonical=canonical,
         athref=athref,
     )
 
diff --git a/src/templates/profile.html b/src/templates/profile.html
index 15c5825..00f5833 100644
--- a/src/templates/profile.html
+++ b/src/templates/profile.html
@@ -2,7 +2,22 @@
 <html>
   <head>
     <meta charset="utf-8" />
+    <!-- metadata and open graph -->
+    <meta property="og:type" content="profile" />
     <title>Links for {{ profile.displayName }}</title>
+    <meta property="og:title" content="{{ profile.displayName }}" />
+    {% if profile.description %}
+    <meta name="description" content="{{ profile.description }}" />
+    <meta property="og:description" content="{{ profile.description }}" />
+    {% endif %}
+    <meta property="og:image" content="https://{{ request.host }}{{ url_for('static', filename='favicon-48.png') }}" />
+    {% if profile.handle %}
+    <link rel="canonical" href="https://{{ request.url }}/@{{ profile.handle }}" />
+    <meta property="og:url" content="https://{{ request.url }}/@{{ profile.handle }}" />
+    <meta property="profile:username" content="{{ profile.handle }}" />
+    {% endif %}
+    {% if athref %}<link rel="alternate" href="{{ athref }}" />{% endif %}
+    <!-- styles and favicons -->
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <base target="_blank" />
     <link rel="stylesheet" href="{{ url_for('static', filename='inter.css') }}" />
@@ -10,8 +25,6 @@
     <link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='favicon-16.png') }}" />
     <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='favicon-32.png') }}" />
     <link rel="icon" type="image/png" sizes="48x48" href="{{ url_for('static', filename='favicon-48.png') }}" />
-    {% if canonical %}<link rel="canonical" href="{{ canonical }}" />{% endif %}
-    {% if athref %}<link rel="alternate" href="{{ athref }}" />{% endif %}
   </head>
   <body>
     <div class="wrapper profile">
-- 
2.51.2