joeac/joeac.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

blog feed: entries are subheadings

Browse Source
This commit is contained in:
Joe Carstairs
2026-04-25 13:05:40 +01:00
parent d98908ad5c
commit ac8011ddb1
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/components/BlogFeed.astro
+7 -2
View File
@@ -46,6 +46,7 @@ function pubDate(post: CollectionEntry<'blog'>): Date {
const HeadingElem = `h${headingLevel} class="p-name"`; const HeadingElem = `h${headingLevel} class="p-name"`;
const SubHeadingElem = `h${headingLevel + 1}`; const SubHeadingElem = `h${headingLevel + 1}`;
const SubSubHeadingElem = `h${headingLevel + 2}`;
const AuthorElem = `p${hideAuthor ? " hidden" : ""}`; const AuthorElem = `p${hideAuthor ? " hidden" : ""}`;
const canonicalBlogUrl = new URL('blog', Astro.site) const canonicalBlogUrl = new URL('blog', Astro.site)
@@ -72,7 +73,9 @@ const canonicalBlogUrl = new URL('blog', Astro.site)
? <ul> ? <ul>
{ posts.sort(sortByPubDateDescending).map(post => ( { posts.sort(sortByPubDateDescending).map(post => (
<li class="h-entry"> <li class="h-entry">
<a class="u-url p-name" href={`/blog/${post.id}`}>{post.data.title}</a> <SubSubHeadingElem>
<a class="u-url p-name" href={`/blog/${post.id}`}>{post.data.title}</a>
</SubSubHeadingElem>
<p class="p-summary" set:html={post.data.description} /> <p class="p-summary" set:html={post.data.description} />
<FormattedDate className="dt-published" date={pubDate(post)} /> <FormattedDate className="dt-published" date={pubDate(post)} />
</li> </li>
@@ -83,7 +86,9 @@ const canonicalBlogUrl = new URL('blog', Astro.site)
<ul> <ul>
{ posts.filter(matchesYear(year)).sort(sortByPubDateDescending).map(post => ( { posts.filter(matchesYear(year)).sort(sortByPubDateDescending).map(post => (
<li class="h-entry"> <li class="h-entry">
<a class="u-url p-name" href={`/blog/${post.id}`}>{post.data.title}</a> <SubSubHeadingElem>
<a class="u-url p-name" href={`/blog/${post.id}`}>{post.data.title}</a>
</SubSubHeadingElem>
<p class="p-summary" set:html={post.data.description} /> <p class="p-summary" set:html={post.data.description} />
<FormattedDate className="dt-published" date={pubDate(post)} /> <FormattedDate className="dt-published" date={pubDate(post)} />
</li> </li>