Add rel attribute to Card anchor links

tjfoerster · Feb 9, 2024 · 2b5ff79 · 2b5ff79
1 parent 12e1073
commit 2b5ff79
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/Card.astro b/src/components/Card.astro
@@ -3,14 +3,15 @@ interface Props {
 	title: string;
 	body?: string;
 	href: string;
+	rel?: string;
 	icon?: string;
 }
 
-const { href, title, body, icon } = Astro.props;
+const { href, title, rel, body, icon } = Astro.props;
 ---
 
 <li class="link-card">
-	<a href={href} class="relative overflow-hidden">
+	<a href={href} rel={rel} class="relative overflow-hidden">
 		<h2>
 			{title}
 			<span>&rarr;</span>

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -22,6 +22,7 @@ import BGGIcon from '/BGG.svg?raw';
 			/>
 			<Card
 				href="https://ieji.de/@tjfoe"
+				rel="me"
 				title="Mastodon"
 				icon={MastodonIcon}
 			/>