feat: tag short-name membri team
This commit is contained in:
@@ -20,7 +20,7 @@ const imgOf = (name: string) => Object.entries(images).find(([p]) => p.includes(
|
|||||||
return (
|
return (
|
||||||
<figure class="tteam__card" data-reveal style={`--reveal-delay:${i * 0.12}s`}>
|
<figure class="tteam__card" data-reveal style={`--reveal-delay:${i * 0.12}s`}>
|
||||||
<TImg tag={`team.${slug}.image`} src={imgOf(m.image!)!} alt={t(`team.${slug}.name`)} widths={[300, 500]} sizes="(max-width: 767px) 50vw, 25vw" />
|
<TImg tag={`team.${slug}.image`} src={imgOf(m.image!)!} alt={t(`team.${slug}.name`)} widths={[300, 500]} sizes="(max-width: 767px) 50vw, 25vw" />
|
||||||
<figcaption>{m.shortName}</figcaption>
|
<T tag={`team.${slug}.short-name`} as="figcaption" />
|
||||||
</figure>
|
</figure>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
|||||||
@@ -124,6 +124,7 @@ export const contentSeed: SeedEntry[] = [
|
|||||||
const slug = m.shortName.toLowerCase();
|
const slug = m.shortName.toLowerCase();
|
||||||
return [
|
return [
|
||||||
T(`team.${slug}.name`, m.name, []),
|
T(`team.${slug}.name`, m.name, []),
|
||||||
|
T(`team.${slug}.short-name`, m.shortName),
|
||||||
T(`team.${slug}.role`, m.role, []),
|
T(`team.${slug}.role`, m.role, []),
|
||||||
T(`team.${slug}.bio`, m.bio),
|
T(`team.${slug}.bio`, m.bio),
|
||||||
I(`team.${slug}.image`),
|
I(`team.${slug}.image`),
|
||||||
|
|||||||
@@ -96,7 +96,7 @@ export const prerender = true;
|
|||||||
return (
|
return (
|
||||||
<article class="tcard">
|
<article class="tcard">
|
||||||
{m.imageAbout && imgOf(m.imageAbout) && <TImg tag={`team.${slug}.image-about`} src={imgOf(m.imageAbout)!} alt={m.name} widths={[300, 500]} sizes="(max-width:767px) 100vw, 33vw" />}
|
{m.imageAbout && imgOf(m.imageAbout) && <TImg tag={`team.${slug}.image-about`} src={imgOf(m.imageAbout)!} alt={m.name} widths={[300, 500]} sizes="(max-width:767px) 100vw, 33vw" />}
|
||||||
<h3>{m.shortName}</h3>
|
<T tag={`team.${slug}.short-name`} as="h3" />
|
||||||
<T tag={`team.${slug}.role`} as="p" class="tcard__role" />
|
<T tag={`team.${slug}.role`} as="p" class="tcard__role" />
|
||||||
<T tag={`team.${slug}.bio`} as="p" />
|
<T tag={`team.${slug}.bio`} as="p" />
|
||||||
</article>
|
</article>
|
||||||
@@ -110,7 +110,7 @@ export const prerender = true;
|
|||||||
return (
|
return (
|
||||||
<article class="tcard">
|
<article class="tcard">
|
||||||
{m.imageAbout && imgOf(m.imageAbout) && <TImg tag={`team.${slug}.image-about`} src={imgOf(m.imageAbout)!} alt={m.name} widths={[300, 500]} sizes="(max-width:767px) 100vw, 33vw" />}
|
{m.imageAbout && imgOf(m.imageAbout) && <TImg tag={`team.${slug}.image-about`} src={imgOf(m.imageAbout)!} alt={m.name} widths={[300, 500]} sizes="(max-width:767px) 100vw, 33vw" />}
|
||||||
<h3>{m.shortName}</h3>
|
<T tag={`team.${slug}.short-name`} as="h3" />
|
||||||
<T tag={`team.${slug}.role`} as="p" class="tcard__role" />
|
<T tag={`team.${slug}.role`} as="p" class="tcard__role" />
|
||||||
<T tag={`team.${slug}.bio`} as="p" />
|
<T tag={`team.${slug}.bio`} as="p" />
|
||||||
</article>
|
</article>
|
||||||
|
|||||||
Reference in New Issue
Block a user