0 · What we’re building /talks/ – a standalone page that shows all videos side‑by‑side as clickable cards (thumbnail + title + “Watch” button).
Uses Minimal Mistakes’ built‑in feature_row include, so no CSS hacking.
Works for any future videos—just append an item to a YAML list inside the same file.
1 · Prerequisites
Item Value Branch name feature/talks-single-page Serve JEKYLL_ENV=development bundle exec jekyll serve –config _config.yml,_config.development.yml Build JEKYLL_ENV=production bundle exec jekyll build 2 · Step‑by‑step 2‑1 Create the branch bash Copy Edit git checkout -b feature/talks-single-page 2‑2 Add navigation Open _data/navigation.yml, and insert (or move) the entry:
yaml Copy Edit
- title: “Talks” url: /talks/ 2‑3 Create the page file Make talks/index.md (directory+file—do not name it .html, Markdown is easier):
markdown Copy Edit — title: “Conference & Meetup Talks” layout: page # wide layout with sidebar & masthead permalink: /talks/ classes: wide author_profile: true sidebar: # remove sidebar if you prefer full‑width nav: main —
Recordings of my recent conference and meetup presentations.
Click a card to watch the video on YouTube.
### What that does
Builds a YAML array in‑place (talks) – easy to extend later.
For each item, generates a card with the YouTube thumbnail.
feature_row’s type=”card” gives a responsive grid that collapses nicely on mobile.
2‑4 Smoke‑test locally bash Copy Edit JEKYLL_ENV=development bundle exec jekyll serve –config _config.yml,_config.development.yml Open http://localhost:4000/talks/ and verify:
Two cards appear with titles and “Watch” buttons.
Clicking a card opens YouTube in a new tab.
Mast‑head “Talks” works.
Search for “ChatGPT” still finds /talks/ because the titles are in the page.
2‑5 Commit & push bash Copy Edit git add . git commit -m “feat: add single-page Talks section with card grid” git push -u origin feature/talks-single-page Open a PR and merge after CI builds successfully.
3 · Adding more talks later Edit talks/index.md.
Find the seeded YAML block (_seed).
Append a new list item:
yaml Copy Edit
- id: NEW_YOUTUBE_ID title: “[2025] Awesome keynote title” language: English Save, commit, deploy—done.
4 · Rollback bash Copy Edit git checkout main git branch -D feature/talks-single-page git push origin –delete feature/talks-single-page Nothing in the build pipeline or config is permanently altered.
Finished 🚀 You now have a tidy, maintainable Talks page that scales from two videos to dozens with only one file to edit.
Talks to include [ { “id”: “i5owU7RdC9g”, “title”: “[2023] Effective ChatGPT usage: start with understanding”, “url”: “https://www.youtube.com/watch?v=i5owU7RdC9g”, “language”: “English” }, { “id”: “U8iCGim-ro0”, “title”: “[2023] Prompt engineering - the Future of Testing?”, “url”: “https://www.youtube.com/watch?v=U8iCGim-ro0”, “language”: “Polish” } ]