templates/brochure/index.html.j2


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

{% extends "base.html.j2" %}

{% block styles %}
<link rel="stylesheet" href="/styles.css" />
<link rel="stylesheet" href="/brochure.css" />
{% endblock %}

{% block main %}
<section class="banner">
	<h1>Interactive Brochure</h1>
</section>

<section>
	<noscript>
		This brochure requires JavaScript to work properly. If you prefer not to use JavaScript, you can <a
			href="/#offerings">view our offerings on our homepage here.</a>
	</noscript>

	<p>
		Click on pages to fold and unfold and use <em>Flip</em> to toggle front and back. This works best on a tablet or
		desktop screen.
	</p>

	{% include "brochure.html.j2" %}

</section>

<script>
	{% include "brochure.js" %}
</script>

{% endblock %}