diff options
| author | Yuval Adam <_@yuv.al> | 2025-06-15 13:44:39 +0200 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2025-06-15 13:44:39 +0200 |
| commit | dd100d4c821aae71f4a43b10843c74f14480bbc0 (patch) | |
| tree | 6739853a863b26d0a5896796efeb43e27b219586 /src/components/NameLink.astro | |
| parent | 2e0755cc68e14bda95abe9472754ae5f4e760a04 (diff) | |
| parent | abee8fa7e82e66765ca8b513f9dc1a7bac814779 (diff) | |
Merge remote-tracking branch 'v2/main'
Diffstat (limited to 'src/components/NameLink.astro')
| -rw-r--r-- | src/components/NameLink.astro | 42 |
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 |
