grpc-slides/docs/assets/templates/slideshow.html.jinja
2025-10-24 17:40:39 +02:00

87 lines
3 KiB
Django/Jinja

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
{% if favicon %}
<link rel="icon" href="{{ favicon }}">
{% endif %}
<link rel="stylesheet" href="{{ revealjs_path }}/dist/reveal.css" />
{% if theme %}
<link rel="stylesheet" href="{{ theme }}" />
{% endif %}
{% if highlight_theme %}
<link rel="stylesheet" href="{{ highlight_theme }}" />
{% endif %}
{% for plugin in plugins %}
{% if plugin.extra_css %}
{% for css in plugin.extra_css %}
<link rel="stylesheet" href="{{ css }}" />
{% endfor %}
{% endif %}
{% endfor %}
</head>
<body>
<div class="reveal">
<div class="slides">
<header class="slides-header">
<img src="assets/images/prima-logo-text.svg">
</header>
<section data-markdown
{% for key, value in markdown_data_options.items() %}
{{ key }}="{{ value }}"
{% endfor %}
>
<textarea data-template>
{{ markdown }}
</textarea>
</section>
</div>
</div>
<script src="{{ revealjs_path }}/dist/reveal.js"></script>
<script src="{{ revealjs_path }}/plugin/markdown/markdown.js"></script>
<script src="{{ revealjs_path }}/plugin/highlight/highlight.js"></script>
<script src="{{ revealjs_path }}/plugin/zoom/zoom.js"></script>
<script src="{{ revealjs_path }}/plugin/notes/notes.js"></script>
<script src="{{ revealjs_path }}/plugin/math/math.js"></script>
{% if plugins %}
{% for plugin in plugins %}
{% if plugin.extra_javascript %}
{% for javascript in plugin.extra_javascript %}
<script src="{{ javascript }}"></script>
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
<script>
Reveal.initialize({
{% if revealjs_config %}
{% for key, value in revealjs_config.items() %}
{{ key }}: {{ value | tojson | safe }},
{% endfor %}
{% endif %}
plugins: [
RevealMarkdown,
RevealHighlight,
RevealZoom,
RevealNotes,
RevealMath,
{% if plugins %}
{% for plugin in plugins %}
{% if plugin.name %}
{{ plugin.name }},
{% endif %}
{% endfor %}
{% endif %}
],
});
</script>
</body>
</html>