chore: rename jinja templates

Also wrap style block so auto formatter doesn't pick it up and wreck
CSS.

1 files changed, 34 insertions, 0 deletions

diff --git a/templates/brochure/index.html.j2 b/templates/brochure/index.html.j2
new file mode 100644
index 0000000..547f9d7
--- /dev/null
+++ b/templates/brochure/index.html.j2
@@ -0,0 +1,34 @@
+{% extends "base.html.j2" %}
+
+{% block style %}
+{% include "../styles.css" %}
+{% include "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>
+
+<section></section>
+
+<script>
+	{% include "brochure.js" %}
+</script>
+
+{% endblock %}
\ No newline at end of file