Optimize patterns and simplify quicktips design

Author: bastianallgeier

assets/patterns/cookbook/abyss.jpg

@@ -28,7 +28,7 @@ public function metadata(): array
 	public function pattern(): string
 	{
 		$slug = $this->parent()->slug();
-		$path = '/assets/patterns/';
+		$path = '/assets/patterns/cookbook/';
 
 		return $path . ($this->kirby()->option('cookbook.categories')[$slug]['pattern'] ?? 'lagoon') . '.jpg';
 	}

assets/patterns/cookbook/beach.jpg

@@ -1,7 +1,7 @@
 <ul class="auto-fill auto-rows-fr" style="--min: 16rem; --gap: var(--spacing-6)">
 	<?php foreach ($recipes as $recipe): ?>
 	<li>
-		<article class="rounded shadow" style="background-image: url('<?= $recipe->pattern() ?>'); background-size: cover; background-repeat: no-repeat; height: 100%">
+		<article class="rounded shadow" style="background-image: url('<?= $recipe->pattern() ?>'); background-position: top left; background-repeat: no-repeat; height: 100%">
 			<a class="block bg-white p-3" href="<?= $recipe->url() ?>" style="height: 100%; margin-left: var(--spacing-5)">
 				<figure class="mb-3">
 					<div class="mb-3">

assets/patterns/cookbook/beetroot.jpg

@@ -36,7 +36,7 @@
 	<li>
 		<article>
 			<a class="quicktip-title" href="<?= $tip->url() ?>">
-				<h2 class="link">
+				<h2>
 					<?= $tip->title() ?>
 				</h2>
 			</a>