From 73fb3d853fe6e761c3593750188132bdd24a7009 Mon Sep 17 00:00:00 2001
From: Stefan Imhoff <stefan@imhoff.name>
Date: Thu, 6 Apr 2023 15:15:33 +0200
Subject: [PATCH] feat: add before and after content slots to layout

---
 src/layouts/GridLayout.astro |  2 ++
 src/layouts/PageLayout.astro | 17 +++++------------
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/src/layouts/GridLayout.astro b/src/layouts/GridLayout.astro
index ec10800..675294b 100644
--- a/src/layouts/GridLayout.astro
+++ b/src/layouts/GridLayout.astro
@@ -27,6 +27,7 @@ const wrapperClasses = cx(
 <BaseLayout title={frontmatter.title}>
 	<div class={gridClasses}>
 		<slot name="title" />
+		<slot name="before-content" />
 		{
 			gridVariant !== 'fullsize' ? (
 				<div class={wrapperClasses}>
@@ -36,5 +37,6 @@ const wrapperClasses = cx(
 				<slot />
 			)
 		}
+		<slot name="after-content" />
 	</div>
 </BaseLayout>
diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
index ec028cd..87abf2f 100644
--- a/src/layouts/PageLayout.astro
+++ b/src/layouts/PageLayout.astro
@@ -1,6 +1,5 @@
 ---
-import cx from 'classnames';
-import { Title } from '../components/Title';
+import PageTitle from '../components/PageTitle.astro';
 
 import GridLayout from './GridLayout.astro';
 
@@ -11,19 +10,13 @@ export interface Props {
 
 const { frontmatter, class: className, grid = 'narrow' } = Astro.props;
 const gridVariant = frontmatter.grid || grid;
-const titleClasses = cx(
-	'col-start-2 col-end-18 !mbe-0',
-	{
-		'md:col-start-3 md:col-end-17': gridVariant === 'wide',
-		'md:col-start-3 md:col-end-15 xl:col-end-14 3xl:col-end-13': gridVariant === 'narrow',
-	},
-	className
-);
 ---
 
 <GridLayout grid={gridVariant} class={className} {frontmatter}>
-	<Title slot="title" class={titleClasses}>
+	<PageTitle slot="title" grid={gridVariant} {frontmatter}>
 		{frontmatter.title}
-	</Title>
+	</PageTitle>
+	<slot name="before-content" />
 	<slot />
+	<slot name="after-content" />
 </GridLayout>