diff --git a/docs/public/videos/create-workflow-on-github.vtt b/docs/public/videos/create-workflow-on-github.vtt new file mode 100644 index 0000000000..d3231de6a2 --- /dev/null +++ b/docs/public/videos/create-workflow-on-github.vtt @@ -0,0 +1,7 @@ +WEBVTT + +00:00:00.000 --> 00:00:08.000 +Demo: Create a GitHub Agentic Workflow from the GitHub web interface. + +00:00:08.000 --> 00:00:18.000 +The demo shows authoring workflow instructions, saving the file, and running the workflow. diff --git a/docs/public/videos/install-and-add-workflow-in-cli.vtt b/docs/public/videos/install-and-add-workflow-in-cli.vtt new file mode 100644 index 0000000000..65e591d3d8 --- /dev/null +++ b/docs/public/videos/install-and-add-workflow-in-cli.vtt @@ -0,0 +1,7 @@ +WEBVTT + +00:00:00.000 --> 00:00:07.000 +Demo: Install GitHub Agentic Workflows in the GitHub CLI and add a sample workflow. + +00:00:07.000 --> 00:00:16.000 +The demo shows setup, creating a workflow file, and triggering the first run. diff --git a/docs/src/components/Video.astro b/docs/src/components/Video.astro index 1b5503c749..ff32a6419a 100644 --- a/docs/src/components/Video.astro +++ b/docs/src/components/Video.astro @@ -3,6 +3,9 @@ interface Props { src: string caption?: string title?: string + captionsSrc?: string + captionsLang?: string + captionsLabel?: string aspectRatio?: '16:9' | '4:3' | '1:1' | 'auto' showControls?: boolean autoStart?: boolean @@ -16,6 +19,9 @@ const { src, caption, title, + captionsSrc, + captionsLang = 'en', + captionsLabel = 'English', aspectRatio = 'auto', showControls = true, autoStart = false, @@ -57,6 +63,9 @@ const fallbackLabel = src ?.replace(/\.[^.]+$/, '') .replace(/[-_]+/g, ' ') const accessibilityLabel = title || caption || fallbackLabel +const fallbackLinkLabel = accessibilityLabel + ? `Download ${accessibilityLabel}` + : 'Download this video' ---
@@ -74,7 +83,10 @@ const accessibilityLabel = title || caption || fallbackLabel aria-label={accessibilityLabel} > -

Your browser doesn't support HTML5 video. Download the video here.

+ {captionsSrc && ( + + )} +

Your browser doesn't support HTML5 video. {fallbackLinkLabel}.

{caption && ( diff --git a/docs/src/content/docs/index.mdx b/docs/src/content/docs/index.mdx index 8420bee273..9c34b4c942 100644 --- a/docs/src/content/docs/index.mdx +++ b/docs/src/content/docs/index.mdx @@ -170,6 +170,7 @@ Install the extension, add a sample workflow, and trigger your first run - all f