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

Add support for embeds (i.e. Discord)

Browse source
This commit is contained in:
Bad Manners 2024-03-25 13:11:52 -03:00
parent b92f53a9c2
commit 41c2f92927
11 changed files with 99 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/layouts/GalleryLayout.astro
View file

@ -1,22 +1,34 @@
---
import { Image } from "astro:assets";
import { getImage } from "astro:assets";
import BaseLayout from "./BaseLayout.astro";
import Navigation from "../components/Navigation.astro";
import logoBM from "../assets/images/logo_bm.png";
type Props = {
pageTitle?: string;
};
const { pageTitle } = Astro.props;
const logo = await getImage({ src: logoBM, width: 192 });
---
<BaseLayout pageTitle={pageTitle}>
<Fragment slot="head">
<meta content={pageTitle || "Bad Manners"} property="og:title" />
<slot name="head-description" />
<meta content={Astro.url} property="og:url" />
<meta content={logo.src} property="og:image" />
<meta content="#7DD05A" data-react-helmet="true" name="theme-color" />
</Fragment>
<div
class="flex min-h-screen flex-col bg-stone-200 text-stone-800 md:flex-row dark:bg-stone-800 dark:text-stone-200 print:bg-none"
>
<div
class="static mb-4 flex flex-col items-center bg-bm-300 pt-10 text-center text-stone-900 shadow-xl md:fixed md:inset-y-0 md:left-0 md:mb-0 md:w-60 md:pt-20 dark:bg-green-900 dark:text-stone-100 print:bg-none print:shadow-none"
>
<Image
<img
loading="eager"
src={logoBM}
src={logo.src}
alt="Logo for Bad Manners"
class="my-4 w-full max-w-[192px] rounded-sm border-2 border-green-950 shadow-md"
width={192}