summaryrefslogtreecommitdiff
path: root/src/components/NameLink.astro
diff options
context:
space:
mode:
authorYuval Adam <_@yuv.al>2025-06-15 13:44:39 +0200
committerYuval Adam <_@yuv.al>2025-06-15 13:44:39 +0200
commitdd100d4c821aae71f4a43b10843c74f14480bbc0 (patch)
tree6739853a863b26d0a5896796efeb43e27b219586 /src/components/NameLink.astro
parent2e0755cc68e14bda95abe9472754ae5f4e760a04 (diff)
parentabee8fa7e82e66765ca8b513f9dc1a7bac814779 (diff)
Merge remote-tracking branch 'v2/main'
Diffstat (limited to 'src/components/NameLink.astro')
-rw-r--r--src/components/NameLink.astro42
1 files changed, 42 insertions, 0 deletions
diff --git a/src/components/NameLink.astro b/src/components/NameLink.astro
new file mode 100644
index 0000000..8ceb7e1
--- /dev/null
+++ b/src/components/NameLink.astro
@@ -0,0 +1,42 @@
+---
+interface Props {
+ name: {
+ data: {
+ name: string;
+ domain: string;
+ url?: string;
+ candidate?: boolean;
+ };
+ };
+ size?: 'large' | 'small';
+}
+
+const { name, size = 'large' } = Astro.props;
+const nameParts = name.data.name.toLowerCase().split(" ");
+const domain = name.data.domain.replace(".", "");
+const url = name.data.url || `https://${name.data.domain}`;
+
+const sizeClasses = {
+ large: 'text-2xl',
+ small: 'text-xl'
+};
+---
+
+<span class={sizeClasses[size]}>
+ {nameParts.map((part, index) => (
+ <>
+ {index > 0 && " "}
+ {part === domain ? (
+ <a
+ href={url}
+ class="text-blue-600 hover:text-blue-800 hover:underline"
+ rel={name.data.candidate ? "nofollow" : undefined}
+ >
+ {name.data.domain}
+ </a>
+ ) : (
+ <span>{part}</span>
+ )}
+ </>
+ ))}
+</span> \ No newline at end of file