Files
website-astro-stefanimhoff.de/src/layouts/AboutLayout.astro
2023-05-17 20:49:49 +02:00

27 lines
737 B
Plaintext

---
import GridLayout from './GridLayout.astro';
import PageTitle from '../components/PageTitle.astro';
import Picture from '../components/Picture.astro';
const { frontmatter } = Astro.props;
---
<GridLayout title={frontmatter.title} grid="narrow" {...frontmatter}>
<PageTitle slot="title" grid="narrow" {...frontmatter}>
{frontmatter.title}
</PageTitle>
<div
slot="before-content"
class="col-start-1 col-end-12 md:col-start-3 md:col-end-10 xl:col-start-15 xl:col-end-18 xl:row-start-2 3xl:col-start-14 3xl:col-end-17"
>
<Picture
alt="Stefan Imhoff"
aspectRatio="1:1"
class="[&_img]:xl:-scale-x-100"
src="/assets/images/ai-portrait-stefan-imhoff.png"
widths={[300, 512]}
/>
</div>
<slot />
</GridLayout>