diff --git a/src/components/AuthorCard/styles.css b/src/components/AuthorCard/styles.css index 942ea04..22758d1 100644 --- a/src/components/AuthorCard/styles.css +++ b/src/components/AuthorCard/styles.css @@ -47,5 +47,8 @@ place-self: center center; } - .author-card .author-name { justify-self: center; } + .author-card .author-name { + justify-self: center; + text-align: center; + } } diff --git a/src/components/HtmlHead/index.astro b/src/components/HtmlHead/index.astro index 4b60335..3b6290e 100644 --- a/src/components/HtmlHead/index.astro +++ b/src/components/HtmlHead/index.astro @@ -10,7 +10,7 @@ interface Props { url: string, description: string, tags?: string[], - author?: string, + authors?: string[], image?: string, imageAlt?: string, createdAt?: Date, @@ -21,7 +21,7 @@ interface Props { const { htmlTitle, title, url, description, tags, - author, + authors, image, imageAlt, @@ -71,11 +71,13 @@ const socialImage = `${BLOG_URL}${(image ?? defaultSocialImage.src).replace(/^\/ - {author && ( - - - - )} + {authors?.map((author) => ( + <> + + + + + ))} diff --git a/src/components/PostHeader/index.astro b/src/components/PostHeader/index.astro index a8c35ee..e2018ed 100644 --- a/src/components/PostHeader/index.astro +++ b/src/components/PostHeader/index.astro @@ -2,6 +2,7 @@ import { Image } from 'astro:assets'; import { Icon } from 'astro-icon/components'; +import { getFormattedAuthorsList } from '../../utils/post'; import SiteNav from '../SiteNav/index.astro'; import './styles.css'; @@ -17,7 +18,8 @@ interface Props { imageAlt?: string, readingTime?: number, wordCount?: number, - letterCount?: number + letterCount?: number, + authors: string[] } const { @@ -26,7 +28,8 @@ const { createdAt, updatedAt, hasUpdates, image, imageAlt, - readingTime, wordCount + readingTime, wordCount, + authors } = Astro.props; const formatter = new Intl.DateTimeFormat('en-US', { dateStyle: 'long', timeStyle: 'long' }); @@ -84,6 +87,13 @@ const formatter = new Intl.DateTimeFormat('en-US', { dateStyle: 'long', timeStyl

)} + {authors && ( +

+ + By {getFormattedAuthorsList(authors)} + +

+ )}