community/templates/slideshow.html
2022-07-26 09:43:59 -07:00

70 lines
2.9 KiB
HTML

{% from 'util.jinja2' import render_markdown %}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{{ _("Tor Project") }} | {% block title %}{{ this.title }}{% endblock %}</title>
<meta name="description" content="{{ _('Tor Project') }} | {{ this.description }}">
<meta name="author" content="{{ this.author }}">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="{{ '/static/revealjs/dist/reset.css'|asseturl }}">
<link rel="stylesheet" href="{{ '/static/revealjs/dist/reveal.css'|asseturl }}">
<link rel="stylesheet" href="{{ '/static/revealjs/dist/theme/tor.css'|asseturl }}" id="theme">
<link rel="stylesheet" href="{{ '/static/revealjs/plugin/highlight/monokai.css'|asseturl }}" id="highlight-theme">
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides {{ bag('alternatives', this.alt, 'order') }}">
<section>
<section class="title" data-background-color="#683086" data-background-image="{{ this.image|asseturl }}" data-background-position="right bottom" data-background-size="3em">
<h3>{{ render_markdown(this.title) }}</h3>
<hr />
{% if this.subtitle %}
<h4>{{ render_markdown(this.subtitle) }}</h4>
{% endif %}
<p>{{ this.author }}</p>
</section>
{{ this.slides }}
<div class="footer">
<div class="left">
<a href="https://torproject.org">torproject.org</a>
</div>
<div class="right">
<img src="{{ '/static/images/tor-logo/White.png'|asseturl }}">
</div>
</div>
</section>
</div>
</div>
<script src="{{ '/static/revealjs/dist/reveal.js'|asseturl }}"></script>
<script src="{{ '/static/revealjs/plugin/zoom/zoom.js'|asseturl }}"></script>
<script src="{{ '/static/revealjs/plugin/notes/notes.js'|asseturl }}"></script>
<script src="{{ '/static/revealjs/plugin/search/search.js'|asseturl }}"></script>
<script src="{{ '/static/revealjs/plugin/markdown/markdown.js'|asseturl }}"></script>
<script src="{{ '/static/revealjs/plugin/highlight/highlight.js'|asseturl }}"></script>
<script>
// Also available as an ES module, see:
// https://revealjs.com/initialization/
Reveal.initialize({
controls: true,
progress: true,
center: true,
hash: true,
// Learn about plugins: https://revealjs.com/plugins/
plugins: [ RevealZoom, RevealNotes, RevealSearch, RevealMarkdown, RevealHighlight ]
});
</script>
</body>
</html>