Skip to content

Shared slide templates and PPTX-aligned k8s-ai-agent deck - #10

Merged
jmnote merged 2 commits into
mainfrom
feat/t110-slide-templates
Nov 2, 2026
Merged

jmnote merged 2 commits into
mainfrom
feat/t110-slide-templates

Conversation

@jmnote

@jmnote jmnote commented Nov 1, 2026

Copy link
Copy Markdown
Owner

Summary

Reworks the shared slide templates in tooling/site/slide-base.css so decks are written in plain Markdown with a class: per slide, and aligns the 2026-10-28 k8s-ai-agent deck with its original PPTX.

Shared templates

  • New classes: points (big blue numbers, 2 columns from 4 items, also inside cols), cols, visual, table-full, table-dense
  • Closing blockquote after a list/table renders as a left-aligned light-blue box
  • hero: full-width header bar with the picture overlapping it; multi-image variant (tall app screenshots spanning the slide height)
  • A picture or Mermaid block right after the title becomes a white card overlapping the header bar on the right; content flows below it
  • Several ![logo] images in the header bar, code block border, section badge baseline alignment and 16px radius

Decks

  • template-showcase: samples for the new classes and an updated class list (16 slides)
  • k8s-ai-agent: picture/table slide pairs merged as in the PPTX (45 → 37 slides), AI Gauge layout as in the PPTX, AI Agent diagram redrawn in Mermaid, per-agent header logos from ai-gauge
  • cloud-native: moved to the shared templates

Test plan

  • make check (tests, README sync, full build)
  • Rendered the changed slides via make site and checked them in headless Chromium

- Shared templates in slide-base.css driven by plain markdown:
  cover, speaker, staircase, toc, section (auto-numbered), hero,
  cards, table-long, sidebar; header bar at 1/6 of slide height
- Global inline rules: small (pen font, 90%, faded), em (pen font),
  blockquote lead/closing lines, unified secondary table headers,
  :github: icon shortcode
- Template showcase: samples per class, class list page with links,
  showClassName labels
- Viewer: home button, browser exporter with published PDF download
- Tooling: make site (all decks in dev mode on one port),
  make preview builds the showcase locally
- Apply shared templates to k8s-ai-agent and cloud-native
  (cover background, speaker, staircase, section, toc, hero)
…T110)

- slide-base.css: points (numbered points, 2 columns from 4 items),
  cols/visual/table-full/table-dense, closing-box blockquote,
  hero header bar with overlapping picture and multi-image variant,
  figure/Mermaid card overlapping the header bar after the title,
  multiple header logos, code block border, section badge baseline
- template-showcase: samples for new classes and updated class list
- k8s-ai-agent: merge picture/table slide pairs per PPTX (45 -> 37),
  AI Gauge layout as in PPTX, Mermaid AI Agent diagram,
  per-agent logos from ai-gauge
- cloud-native: shared templates (cols, visual, points wrap-up)
@jmnote
jmnote merged commit 0366cb2 into main Nov 2, 2026
2 checks passed
@jmnote
jmnote deleted the feat/t110-slide-templates branch November 2, 2026 00:14
jmnote added a commit that referenced this pull request Nov 2, 2026
- Build the source PDF link from the site base so it works on exporter
  sub-routes; serve /<year>/*.pdf in standalone `make dev`
- site.mjs: return 400 for malformed URLs, guard Referer parsing, check
  ports up front, log dead deck servers, drain request on upstream error
- make preview builds into dist-preview/ instead of overwriting dist/
- Sanitize class labels, skip hidden slides in section numbering
- Share SHOWCASE constant, escape showcase link, add site-request tests
- Add .prettierrc.json, document !important and staircase fallbacks

Co-authored-by: jmnote <jmnote.kim@samsung.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant