From 36073e8b80f2f64ea58d403142fec754ce834497 Mon Sep 17 00:00:00 2001
From: JP Hastings-Spital <jphastings@gmail.com>
Date: Wed, 2 Aug 2023 14:05:14 +0100
Subject: [PATCH] Proper h-card for friends

---
 content/friends.md                            | 1 +
 layouts/shortcodes/friend.html                | 2 +-
 themes/hello-friend-ng/assets/scss/_main.scss | 7 +++++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/content/friends.md b/content/friends.md
index 0db911c8..55bca7e7 100644
--- a/content/friends.md
+++ b/content/friends.md
@@ -3,6 +3,7 @@ title: "Friends online"
 emoji: 🫶
 draft: false
 type: timeless
+summary: A list of my friends who run their own websites.
 ---
 
 In lovely, nostalgic web 1.0 style, here are some links to the websites of friends of mine. Please enjoy, and get in touch with them if you like what they've built!
diff --git a/layouts/shortcodes/friend.html b/layouts/shortcodes/friend.html
index 1f589699..1cebce83 100644
--- a/layouts/shortcodes/friend.html
+++ b/layouts/shortcodes/friend.html
@@ -1,5 +1,5 @@
 {{ with index .Site.Data.friends (.Get 0) }}
-  <a href="{{.site}}" rel="{{.xfn}}" class="u-category h-card u-url p-name" target="_blank">{{.name}}</a>
+  <span class="h-card"><a href="{{.site}}" rel="{{.xfn}}" class="u-category u-url p-name" target="_blank">{{.name}}</a></span>
 {{ else }}
   {{ errorf "Could not display friend %s" (.Get 0) }}
 {{ end }}
diff --git a/themes/hello-friend-ng/assets/scss/_main.scss b/themes/hello-friend-ng/assets/scss/_main.scss
index 7e227cfc..9212373c 100644
--- a/themes/hello-friend-ng/assets/scss/_main.scss
+++ b/themes/hello-friend-ng/assets/scss/_main.scss
@@ -719,3 +719,10 @@ select:focus + .focus {
   border: 2px solid var(--accent);
   border-radius: inherit;
 }
+
+.h-card .u-url::before {
+  content: "📇";
+  margin-right: 3px;
+  text-decoration: none;
+  display:inline-block;
+}
\ No newline at end of file