fix: clickable links

Author: dubadub

docker-compose.yml

@@ -2,7 +2,7 @@ version: '3.8'
 
 services:
   app:
-    image: ghcr.io/cooklang/federation:0.1.8
+    image: ghcr.io/cooklang/federation:0.1.9
     build: .
     ports:
       - "${PORT:-3100}:${PORT:-3100}"

src/web/templates/feeds.html

@@ -44,7 +44,7 @@ <h3 class="text-xl font-semibold text-gray-900 mb-1">
                     <p class="text-gray-600 text-sm mb-2">by {{ feed.author }}</p>
                     {% endif %}
 
-                    <p class="text-gray-500 text-sm mb-3 break-all">{{ feed.url }}</p>
+                    <a href="{{ feed.url }}" target="_blank" rel="noopener noreferrer" class="text-gray-500 text-sm mb-3 break-all hover:text-orange-600 hover:underline block">{{ feed.url }}</a>
 
                     <div class="flex items-center gap-4 text-sm text-gray-600">
                         <span class="flex items-center">

src/web/templates/recipe.html

@@ -1,6 +1,6 @@
 {% extends "base.html" %}
 
-{% block title %}{{ recipe.title }} - Cooklang Federation{% endblock %}
+{% block title %}{% if let Some(metadata) = recipe.metadata %}{% if let Some(title) = metadata.title %}{{ title }}{% else %}{{ recipe.title }}{% endif %}{% else %}{{ recipe.title }}{% endif %} - Cooklang Federation{% endblock %}
 
 {% block content %}
 <div class="container-recipe py-8">
@@ -11,7 +11,7 @@
 
     <!-- Recipe Header -->
     <div class="recipe-card p-8 mb-6">
-        <h1 class="gradient-title text-5xl mb-6 text-balance">{{ recipe.title }}</h1>
+        <h1 class="gradient-title text-5xl mb-6 text-balance">{% if let Some(metadata) = recipe.metadata %}{% if let Some(title) = metadata.title %}{{ title }}{% else %}{{ recipe.title }}{% endif %}{% else %}{{ recipe.title }}{% endif %}</h1>
 
         <!-- Display metadata from parsed recipe (like cookcli) -->
         {% if let Some(metadata) = recipe.metadata %}
@@ -85,6 +85,19 @@ <h1 class="gradient-title text-5xl mb-6 text-balance">{{ recipe.title }}</h1>
                 </div>
                 {% endif %}
 
+                {% if let Some(source) = metadata.source %}
+                <div class="metadata-pill">
+                    <span class="emoji">🔗</span>
+                    <span>
+                        {% if source.starts_with("http://") || source.starts_with("https://") %}
+                        <a href="{{ source }}" target="_blank" rel="noopener noreferrer" class="text-orange-600 hover:text-orange-700 hover:underline"><strong>Source</strong></a>
+                        {% else %}
+                        <strong>Source:</strong> {{ source }}
+                        {% endif %}
+                    </span>
+                </div>
+                {% endif %}
+
                 <!-- Custom metadata -->
                 {% for (key, value) in metadata.custom %}
                 <div class="metadata-pill">