diff options
Diffstat (limited to 'src/layouts')
| -rw-r--r-- | src/layouts/BlogPost.astro | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro index 59f7282..02253f5 100644 --- a/src/layouts/BlogPost.astro +++ b/src/layouts/BlogPost.astro @@ -3,6 +3,7 @@ import { type CollectionEntry, render } from "astro:content"; import Masthead from "@/components/blog/Masthead.astro"; import WebMentions from "@/components/blog/webmentions/index.astro"; +import { t } from "@/i18n/translations"; import BaseLayout from "./Base.astro"; @@ -11,7 +12,7 @@ interface Props { } const { post } = Astro.props; -const { ogImage, title, description, updatedDate, publishDate } = post.data; +const { ogImage, title, description, updatedDate, publishDate, language } = post.data; const socialImage = ogImage ?? `/og-image/${post.id}.png`; const articleDate = updatedDate?.toISOString() ?? publishDate.toISOString(); const { remarkPluginFrontmatter } = await render(post); @@ -27,12 +28,14 @@ const readingTime: string = remarkPluginFrontmatter.readingTime; }} > <article class="grow break-words" data-pagefind-body> - <div id="blog-hero" class="mb-12"><Masthead content={post} readingTime={readingTime} /></div> + <div id="blog-hero" class="mb-12"> + <Masthead content={post} readingTime={readingTime} language={language} /> + </div> <div class="prose prose-sm prose-cactus prose-headings:font-semibold prose-headings:text-accent-2 prose-headings:before:absolute prose-headings:before:-ms-4 prose-headings:before:text-gray-600 prose-headings:hover:before:text-accent sm:prose-headings:before:content-['#'] sm:prose-th:before:content-none max-w-none" > <slot /> - <WebMentions /> + <WebMentions language={language} /> { post.data.sourceUrl && ( <p class="mt-8 border-t border-gray-200 pt-6 text-sm dark:border-gray-700"> @@ -42,7 +45,7 @@ const readingTime: string = remarkPluginFrontmatter.readingTime; target="_blank" rel="noopener noreferrer" > - View original post on Pleroma → + {t(language, "viewOriginalPost")} </a> </p> ) @@ -54,7 +57,7 @@ const readingTime: string = remarkPluginFrontmatter.readingTime; data-show="false" id="to-top-btn" > - <span class="sr-only">Back to top</span> + <span class="sr-only">{t(language, "backToTop")}</span> <svg aria-hidden="true" class="h-6 w-6" |