Add content representation screencast

Author: distantnative

content/docs/1_guide/6_templates/8_content-representations/guide.txt

@@ -6,6 +6,12 @@ Intro: Content representations allow you to output the content in different form
 
 ----
 
+Screencast:
+
+(screencast: https://www.youtube.com/watch?v=LoN2n1jjCuc title: Your content in different formats text: Be it JSON for your frontend, to use Kirby as an API or an automatic RSS feed.)
+
+----
+
 Text:
 
 ## Creating a representation

site/snippets/kirbytext/screencast.php

@@ -1,7 +1,7 @@
 <article class="screencast mb-6 bg-black color-white grid">
 	<header class="p-6">
 		<a href="https://videos.getkirby.com" class="h6 block mb-3">Screencast</a>
-		<h2 class="h2 color-white"><?= $title ?></h2>
+		<h2 class="h2 color-white mb-1"><?= $title ?></h2>
 		<?php if ($text ?? null): ?>
 		<p class="text-base color-gray-400"><?= widont($text) ?></p>
 		<?php endif ?>