badmanners/gallery.badmanners.xyz
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add platforms to GameLayout

Browse source
This commit is contained in:
Bad Manners 2024-04-12 18:15:03 -03:00
parent 877c02ccfc
commit 837433364d
16 changed files with 144 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/layouts/GalleryLayout.astro
View file

@ -70,7 +70,10 @@ const logo = await getImage({ src: logoBM, width: 192 });
</button>
</div>
</div>
<main class="ml-0 max-w-6xl px-2 pb-12 pt-4 md:ml-60 md:px-4 print:pb-0" data-pagefind-body={enablePagefind ? "" : undefined}>
<main
class="ml-0 max-w-6xl px-2 pb-12 pt-4 md:ml-60 md:px-4 print:pb-0"
data-pagefind-body={enablePagefind ? "" : undefined}
>
<slot />
</main>
</div>

27
src/layouts/GameLayout.astro
View file

@ -61,10 +61,18 @@ const thumbnail =
<meta property="og:title" content={props.title} data-pagefind-meta="title[content]" />
<meta property="og:description" content={props.contentWarning} />
<meta property="og:url" content={Astro.url} data-pagefind-meta="url[content]" />
{thumbnail ? <Fragment>
<meta content={thumbnail.src} property="og:image" data-pagefind-meta="image[content]" />
<meta property="og:image:alt" content={`Cover art for ${props.title}`} data-pagefind-meta="image_alt[content]" />
</Fragment> : null}
{
thumbnail ? (
<Fragment>
<meta content={thumbnail.src} property="og:image" data-pagefind-meta="image[content]" />
<meta
property="og:image:alt"
content={`Cover art for ${props.title}`}
data-pagefind-meta="image_alt[content]"
/>
</Fragment>
) : null
}
<meta name="theme-color" content="#7DD05A" data-react-helmet="true" />
</Fragment>
<div
@ -134,10 +142,13 @@ const thumbnail =
<Authors lang={props.lang}>
{authors.map((author) => <UserComponent lang={props.lang} user={author} />)}
</Authors>
<div id="platforms">
<p>{t(props.lang, "game/platforms", props.platforms)}</p>
</div>
{
props.isDraft ? (
<p id="draft-warning" class="py-2 text-center text-2xl font-semibold not-italic text-red-600">
DRAFT VERSION &ndash; DO NOT REDISTRIBUTE
{t(props.lang, "story/draft_warning")}
</p>
) : null
}
@ -174,7 +185,7 @@ const thumbnail =
id="draft-warning-bottom"
class="py-2 text-center font-serif text-2xl font-semibold not-italic text-red-600"
>
DRAFT VERSION &ndash; DO NOT REDISTRIBUTE
{t(props.lang, "story/draft_warning")}
</p>
) : (
<p
@ -195,7 +206,7 @@ const thumbnail =
}
<section id="description" class="px-2 font-serif" aria-describedby="title-description">
<h2 id="title-description" class="py-2 font-serif text-xl font-semibold text-stone-800 dark:text-stone-100">
Description
{t(props.lang, "story/description")}
</h2>
<Prose>
<Markdown of={props.description} />
@ -208,7 +219,7 @@ const thumbnail =
><path
d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z"
></path></svg
><span>To top</span></a
><span>{t(props.lang, "story/to_top")}</span></a
>
</div>
<section id="tags" aria-describedby="title-tags" class="my-5">

20
src/layouts/StoryLayout.astro
View file

@ -71,10 +71,18 @@ const thumbnail =
<meta property="og:title" content={props.title} data-pagefind-meta="title[content]" />
<meta property="og:description" content={`Word count: ${props.wordCount}. ${props.contentWarning}`} />
<meta property="og:url" content={Astro.url} data-pagefind-meta="url[content]" />
{thumbnail ? <Fragment>
<meta content={thumbnail.src} property="og:image" data-pagefind-meta="image[content]" />
<meta property="og:image:alt" content={`Cover art for ${props.shortTitle || props.title}`} data-pagefind-meta="image_alt[content]" />
</Fragment> : null}
{
thumbnail ? (
<Fragment>
<meta content={thumbnail.src} property="og:image" data-pagefind-meta="image[content]" />
<meta
property="og:image:alt"
content={`Cover art for ${props.shortTitle || props.title}`}
data-pagefind-meta="image_alt[content]"
/>
</Fragment>
) : null
}
<meta name="theme-color" content="#7DD05A" data-react-helmet="true" />
</Fragment>
<div
@ -184,7 +192,7 @@ const thumbnail =
{
props.isDraft ? (
<p id="draft-warning" class="py-2 text-center text-2xl font-semibold not-italic text-red-600">
DRAFT VERSION &ndash; DO NOT REDISTRIBUTE
{t(props.lang, "story/draft_warning")}
</p>
) : null
}
@ -236,7 +244,7 @@ const thumbnail =
id="draft-warning-bottom"
class="py-2 text-center font-serif text-2xl font-semibold not-italic text-red-600"
>
DRAFT VERSION &ndash; DO NOT REDISTRIBUTE
{t(props.lang, "story/draft_warning")}
</p>
) : (
<p