From 03fcf2e6b83d4a15ba90ccd3dfbc4d82b6582a15 Mon Sep 17 00:00:00 2001
From: Jeremy Lewi <jeremy@lewi.us>
Date: Wed, 9 Oct 2024 17:01:45 -0700
Subject: [PATCH] Fix subtitles.

---
 docs/content/en/_index.md                     |  7 +++-
 .../Foyle-Cost-Demo-Ghost-Cells-Part-1.vtt    | 40 +++++++++++++++++++
 2 files changed, 46 insertions(+), 1 deletion(-)
 create mode 100644 docs/static/video-subtitles/Foyle-Cost-Demo-Ghost-Cells-Part-1.vtt

diff --git a/docs/content/en/_index.md b/docs/content/en/_index.md
index c27b76a..82212f7 100644
--- a/docs/content/en/_index.md
+++ b/docs/content/en/_index.md
@@ -19,8 +19,13 @@ Foyle provides an AI powered assistant and literate environment to help you depl
 
 <div style="position: relative; padding-bottom: 25%; height: 0;">
 <video controls style="max-width: 50%; height: auto;">
+  <!-- I believe captions should be embedded in the mp4 but they don't seem to show up. My solution
+    was to export a vtt file from deskrypt and host it on the site. 
+    Subtitles are served out of hugo/netlify and not Cloud Storage because the request to fetch the vtt
+    out of cloud storage gets blocked by browser security settings.
+  !-->
   <source src="https://storage.googleapis.com/foyle-public/videos/Foyle-Cost-Demo-Ghost-Cells-Part-1-with-captions.mp4" type="video/mp4">
-  <track src="https://storage.googleapis.com/foyle-public/videos/Foyle-Cost-Demo-Ghost-Cells-Part-1.vtt" kind="subtitles" srclang="en" label="English">
+  <track src="/video-subtitles/Foyle-Cost-Demo-Ghost-Cells-Part-1.vtt" kind="subtitles" srclang="en" label="English" default>
 </video>
 {{% /blocks/lead %}}
 
diff --git a/docs/static/video-subtitles/Foyle-Cost-Demo-Ghost-Cells-Part-1.vtt b/docs/static/video-subtitles/Foyle-Cost-Demo-Ghost-Cells-Part-1.vtt
new file mode 100644
index 0000000..624c6ce
--- /dev/null
+++ b/docs/static/video-subtitles/Foyle-Cost-Demo-Ghost-Cells-Part-1.vtt
@@ -0,0 +1,40 @@
+WEBVTT
+
+NOTE
+This file was generated by Descript <www.descript.com>
+
+00:00:00.290 --> 00:00:05.629
+To get started, I create a Markdown cell,
+and I start typing my question, which in
+
+00:00:05.630 --> 00:00:08.920
+this case is, how much does Foyle cost?
+
+00:00:09.350 --> 00:00:16.030
+We're going to filter it out to only show
+rows where total input tokens is greater
+
+00:00:16.030 --> 00:00:20.960
+than zero and you can see that as I'm
+typing Foyle is in the background coming
+
+00:00:20.960 --> 00:00:25.879
+up with suggestions for the commands that
+I can run to achieve that intent and in
+
+00:00:25.879 --> 00:00:29.529
+this case those commands get rendered as
+a ghost cell which is those lightly grayed
+
+00:00:29.549 --> 00:00:34.270
+out text . I can select that cell and
+then I can execute it to see the results.
+
+00:00:34.490 --> 00:00:37.949
+And so in this case we get back
+the query results which tell
+
+00:00:37.950 --> 00:00:42.450
+us how much we're spending on
+input tokens and output tokens.
+