troy/troylusty.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

remove tags from article header (#6)

Browse source
This commit is contained in:
Troy 2024-12-28 16:19:26 +00:00 • committed by GitHub
parent 01f721f938
commit 4487fb0945
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
14 changed files with 50 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

74
src/components/Article.astro
View file

@ -37,66 +37,46 @@ const listFormatter = new Intl.ListFormat("en-GB", {
>
</h1>
<div
class="flex animate-reveal flex-col items-start opacity-0 [animation-delay:0.1s]"
class="mt-4 flex animate-reveal flex-col flex-wrap items-start gap-2 text-lg text-tertiary opacity-0 [animation-delay:0.1s] md:flex-row"
>
<div
class="mt-4 flex flex-col items-start gap-2 text-lg text-accent md:flex-row"
>
<div class="flex items-center gap-2">
<Icon name="mdi:calendar" />
{
datesMatch ? (
<div class="flex items-center gap-2">
<Icon name="mdi:calendar" />
{
datesMatch ? (
<p title="Date">
<FormattedDate date={article.data.date} />
</p>
) : (
<>
<p title="Date">
<FormattedDate date={article.data.date} />
</p>
) : (
<>
<p title="Date">
<FormattedDate date={article.data.date} />
</p>
<Icon name="mdi:trending-up" />
<p title="Updated">
<FormattedDate date={article.data.updated} />
</p>
</>
)
}
</div>
{
isPost ? (
<div class="flex items-center gap-2">
<Icon name="mdi:timer" />
<p title="Word count">{readingTime(article.body)}</p>
</div>
) : null
<Icon name="mdi:trending-up" />
<p title="Updated">
<FormattedDate date={article.data.updated} />
</p>
</>
)
}
</div>
{
isPost ? (
<div class="flex items-center gap-2">
<Icon name="mdi:timer" />
<p title="Word count">{readingTime(article.body)}</p>
</div>
) : null
}
{
article.data.extraAuthors ? (
<div class="mt-2 flex items-center gap-2">
<p>
In collaboration with{" "}
<div class="flex items-center gap-2">
<Icon name="mdi:account-plus" />
<p title="Extra authors">
{listFormatter.format(article.data.extraAuthors)}
</p>
</div>
) : null
}
<ul class="mt-4 flex flex-wrap gap-1">
{
article.data.categories.map((category: string) => (
<li class="rounded border border-accent bg-accent px-1 py-0.5 text-sm capitalize text-primary">
{category}
</li>
))
}
{
article.data.tags.map((tag: string) => (
<li class="rounded border border-accent bg-primary px-1 py-0.5 text-sm capitalize text-accent">
{tag}
</li>
))
}
</ul>
</div>
</div>
<div