Skip to content

docs: add new slide deck #25152

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mnkiefer merged 2 commits into from
Apr 7, 2026
Merged

docs: add new slide deck #25152

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c473b76
slides: add new deck
mnkiefer Apr 7, 2026
6687656
Merge branch 'main' into update-slides
mnkiefer Apr 7, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
"start": "astro dev",
"prebuild": "npm run generate-agent-factory && npm run build:slides",
"build": "astro build",
"build:slides": "mkdir -p public/js && cp node_modules/mermaid/dist/mermaid.min.js public/js/ && npx @marp-team/marp-cli slides/index.md --html --allow-local-files --theme slides/gh-aw-theme.css -o public/slides/index.html && mkdir -p public/slides && cp slides/github-agentic-workflows.pdf public/slides/",
"build:slides": "mkdir -p public/js && cp node_modules/mermaid/dist/mermaid.min.js public/js/ && npx @marp-team/marp-cli slides/index.md --html --allow-local-files --theme slides/gh-aw-theme.css -o public/slides/index.html && mkdir -p public/slides && cp slides/*.pdf public/slides/",
Copy link

Copilot AI Apr 7, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The slides page now expects thumbnail images under /slides/*-thumb.png, but build:slides only copies PDFs into public/slides/. Unless thumbnails are added/handled elsewhere, the new gallery images will 404 in production; update the build to also copy/generate the thumbnail assets (or adjust the page to not require them).

Suggested change
"build:slides": "mkdir -p public/js && cp node_modules/mermaid/dist/mermaid.min.js public/js/ && npx @marp-team/marp-cli slides/index.md --html --allow-local-files --theme slides/gh-aw-theme.css -o public/slides/index.html && mkdir -p public/slides && cp slides/*.pdf public/slides/",
"build:slides": "mkdir -p public/js && cp node_modules/mermaid/dist/mermaid.min.js public/js/ && npx @marp-team/marp-cli slides/index.md --html --allow-local-files --theme slides/gh-aw-theme.css -o public/slides/index.html && mkdir -p public/slides && sh -c 'for file in slides/*.pdf slides/*-thumb.png; do [ -e \"$file\" ] && cp \"$file\" public/slides/; done'",

Copilot uses AI. Check for mistakes.
"preview": "astro preview",
"astro": "astro",
"validate-links": "astro build",
Expand Down
0 docs/slides/github-agentic-workflows.pdf → ...s/20260224 - GitHub Agentic Workflows.pdf
View file
Open in desktop
File renamed without changes.
Binary file added docs/slides/20260407 - GitHub Agentic Workflows.pdf
View file
Open in desktop
Binary file not shown.
Binary file removed docs/slides/github-agentic-workflows.pptx
View file
Open in desktop
Binary file not shown.
75 changes: 66 additions & 9 deletions docs/src/content/docs/introduction/slides.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,17 +5,74 @@ sidebar:
order: 4
---

import { LinkButton } from '@astrojs/starlight/components';

View the GitHub Agentic Workflows presentation slides to learn about the evolution from CI/CD to Continuous AI, how agentic workflows enable AI automation in natural language, security features, and real-world examples.

<LinkButton href={`${import.meta.env.BASE_URL}slides/`} icon="right-arrow" variant="primary">
Open Slides
</LinkButton>

<LinkButton href={`${import.meta.env.BASE_URL}slides/github-agentic-workflows.pdf`} icon="download" variant="secondary">
Download PDF
</LinkButton>
<div class="slides-gallery">
<div class="slides-gallery-item">
<a href={`${import.meta.env.BASE_URL}slides/20260407%20-%20GitHub%20Agentic%20Workflows.pdf`} aria-label="Open the April 7, 2026 PDF deck in the browser">
<img
src={`${import.meta.env.BASE_URL}slides/20260407-thumb.png`}
alt="First slide preview for the April 7, 2026 PDF deck"
class="slides-gallery-image"
/>
Comment on lines +13 to +17
Copy link

Copilot AI Apr 7, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

slides/20260407-thumb.png is referenced as the preview image, but there is no such file in the repo (not under docs/public/ or docs/slides/). This will render as a broken image; either commit the thumbnail (and ensure it’s copied into public/slides/ at build time) or change the page to not depend on a missing asset.

This issue also appears in the following locations of the same file:

  • line 21
  • line 30

Copilot uses AI. Check for mistakes.
</a>
</div>
<div class="slides-gallery-item">
<a href={`${import.meta.env.BASE_URL}slides/20260224%20-%20GitHub%20Agentic%20Workflows.pdf`} aria-label="Open the February 24, 2026 PDF deck in the browser">
<img
src={`${import.meta.env.BASE_URL}slides/20260224-thumb.png`}
alt="First slide preview for the February 24, 2026 PDF deck"
class="slides-gallery-image"
/>
</a>
</div>
<div class="slides-gallery-item">
<a href={`${import.meta.env.BASE_URL}slides/`} aria-label="Open the interactive HTML deck in the browser">
<img
src={`${import.meta.env.BASE_URL}slides/index-thumb.png`}
alt="First slide preview for the interactive HTML deck"
class="slides-gallery-image"
/>
</a>
</div>
</div>

<style is:inline>{`
.slides-gallery {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin: 1.5rem 0 2rem;
align-items: start;
}

.slides-gallery-item {
display: block;
align-self: start;
}

.slides-gallery-item > a {
display: block;
line-height: 0;
background: var(--sl-color-bg);
border-radius: 0.75rem;
}

.slides-gallery-image {
display: block;
width: 100%;
border-radius: 0.75rem;
border: 1px solid var(--sl-color-gray-5);
overflow: hidden;
vertical-align: middle;
}

@media (max-width: 900px) {
.slides-gallery {
grid-template-columns: 1fr;
}
}
`}</style>

## Walkthroughs

Expand Down
Loading