42 lines
1.6 KiB
Cheetah
42 lines
1.6 KiB
Cheetah
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{.Title}}</title>
|
|
<link rel="stylesheet" href="vendor/style.css">
|
|
<link rel="stylesheet" href="vendor/chroma.css">
|
|
</head>
|
|
<body>
|
|
{{range .Slides}}<section class="slide{{if .Class}} {{.Class}}{{end}}" data-slide="{{.Index}}"{{if .Title}} data-title="{{.Title}}"{{end}}{{if .Incremental}} data-incremental="true"{{end}}>
|
|
{{.HTML}}{{if .Notes}}<div class="notes">{{.Notes}}</div>{{end}}
|
|
</section>
|
|
{{end}}<div class="nav-zone prev" aria-hidden="true"></div>
|
|
<div class="nav-zone next" aria-hidden="true"></div>
|
|
<button type="button" class="nav-button prev" aria-label="Vorheriger Slide">←</button>
|
|
<button type="button" class="nav-button next" aria-label="Nächster Slide">→</button>
|
|
<div class="progress"></div>
|
|
<script src="vendor/mermaid.min.js"></script>
|
|
<script>
|
|
(function () {
|
|
var styles = getComputedStyle(document.documentElement);
|
|
var cssVar = function (name) { return styles.getPropertyValue(name).trim(); };
|
|
var isDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
mermaid.initialize({
|
|
startOnLoad: false,
|
|
theme: isDark ? "dark" : "default",
|
|
themeVariables: {
|
|
background: cssVar("--color-bg"),
|
|
primaryColor: cssVar("--color-bg"),
|
|
primaryTextColor: cssVar("--color-fg"),
|
|
primaryBorderColor: cssVar("--color-accent"),
|
|
lineColor: cssVar("--color-accent"),
|
|
fontFamily: cssVar("--font-family")
|
|
}
|
|
});
|
|
})();
|
|
</script>
|
|
<script src="vendor/nav.js"></script>
|
|
{{if .DevReload}}<script src="vendor/live-reload.js"></script>
|
|
{{end}}</body>
|
|
</html>
|