Proper h-card for friends

This commit is contained in:
JP Hastings-Spital 2023-08-02 14:05:14 +01:00
parent 3419061560
commit 36073e8b80
3 changed files with 9 additions and 1 deletions

View file

@ -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!

View file

@ -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 }}

View file

@ -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;
}