Files
HugoBlox-kit/modules/slides/layouts/_partials/hooks/slide-header/_example.html
T
George Cushen aa9edea5df feat(slides): add persistent branding with per-slide visibility control
- Add branding overlays: logo, title, author, and footer text
- Use Reveal.js theme CSS variables for automatic color adaptation
- Inline SVGs for currentColor support on any theme
- Per-slide control via HTML comments:
  - <!-- no-branding -->: hide all elements
  - <!-- no-header -->: hide logo + title
  - <!-- no-footer -->: hide author + footer
- Fix body-level CSS selectors for proper visibility
- Add comprehensive documentation in example slides
2026-01-13 15:36:32 +00:00

31 lines
891 B
HTML

{{/*
Example Slide Header Hook
This is an example file showing how to create custom header content
that appears at the top of every slide in a presentation.
To use this hook, create a file at:
layouts/_partials/hooks/slide-header/your-custom-header.html
The content will be rendered inside a <div class="slide-header"> container.
Available context variables:
.Title - Presentation title
.Params - All front matter parameters
.Params.authors - List of authors
.Params.course - Course code/name
.Params.venue - Event venue
.Date - Presentation date
Example usage:
*/}}
{{/* Uncomment below to show course code in header */}}
{{/*
{{ with .Params.course }}
<div style="font-size: 0.6em; color: rgba(255,255,255,0.6); padding: 10px;">
{{ . }}{{ with $.Params.lecture_number }} · Lecture {{ . }}{{ end }}
</div>
{{ end }}
*/}}