From 88695a67039103dd13ee1a10c04baf5b8bc68467 Mon Sep 17 00:00:00 2001
From: Elvis Saravia <ellfae@gmail.com>
Date: Tue, 9 Apr 2024 20:26:37 -0600
Subject: [PATCH] elements of a prompt video

---
 pages/introduction/basics.en.mdx   |  2 +-
 pages/introduction/elements.en.mdx | 10 ++++++++++
 pages/research/guided-cot.en.mdx   | 10 ++++++++++
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/pages/introduction/basics.en.mdx b/pages/introduction/basics.en.mdx
index 2e9f58e..72d58a3 100644
--- a/pages/introduction/basics.en.mdx
+++ b/pages/introduction/basics.en.mdx
@@ -27,7 +27,7 @@ If you are using the OpenAI Playground or any other LLM playground, you can prom
 
 Here is a tutorial on how to get started with the OpenAI Playground:
 
-<Bleed full>
+<Bleed>
   <iframe width="100%"
     height="415px"
     src="https://www.youtube.com/embed/iwYtzPJELkk?si=irua5h_wHrkNCY0V" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
diff --git a/pages/introduction/elements.en.mdx b/pages/introduction/elements.en.mdx
index 2feb985..eaeb840 100644
--- a/pages/introduction/elements.en.mdx
+++ b/pages/introduction/elements.en.mdx
@@ -1,5 +1,7 @@
 # Elements of a Prompt
 
+import {Bleed} from 'nextra-theme-docs'
+
 As we cover more and more examples and applications with prompt engineering, you will notice that certain elements make up a prompt. 
 
 A prompt contains any of the following elements:
@@ -12,6 +14,14 @@ A prompt contains any of the following elements:
 
 **Output Indicator** - the type or format of the output.
 
+<Bleed>
+  <iframe width="100%"
+    height="415px"
+    src="https://www.youtube.com/embed/kgBZhJnh-vk?si=-a-KvhmXFJMtAuCB" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowFullScreen
+    />
+</Bleed>
+
 To demonstrate the prompt elements better, here is a simple prompt that aims to perform a text classification task:
 
 *Prompt*
diff --git a/pages/research/guided-cot.en.mdx b/pages/research/guided-cot.en.mdx
index 10698bd..fd1f91c 100644
--- a/pages/research/guided-cot.en.mdx
+++ b/pages/research/guided-cot.en.mdx
@@ -1,5 +1,15 @@
 # LM-Guided Chain-of-Thought 
 
+import {Bleed} from 'nextra-theme-docs'
+
+<Bleed>
+  <iframe width="100%"
+    height="415px"
+    src="https://www.youtube.com/embed/O3bl0qURONM?si=Hwdc_o0qHpw8QRsY" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowFullScreen
+    />
+</Bleed>
+
 A new paper by [Lee et al. (2024)](https://arxiv.org/abs/2404.03414) proposes to improve reasoning in LLMs using small language models.
 
 It first applies knowledge distillation to a small LM with rationales generated by the large LM with the hope of narrowing the gap in reasoning capabilities.