mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-05 00:13:05 +00:00
- 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
31 lines
891 B
HTML
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 }}
|
|
*/}}
|