diff options
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 |
