we've got a website, sorta!

templates/viewer.html

@@ -0,0 +1,21 @@
+{% extends 'base.html' %}
+{% from 'utils.html' import root with context %}
+{% block head %}
+<link rel="stylesheet" type="text/css" href="{{ root() }}static/viewer.css">
+<script>
+  const WORK_ID = "{{ work['id'] }}";
+  const ROOT = "{{ root() }}";
+</script>
+<script src="{{ root() }}static/viewer.js"></script>
+{% endblock %}
+{% block body %}
+<div id="viewer-images">
+  {% for filename in images %}
+  <img src="{{ root() }}images/{{ work['id'] }}/{{ filename }}" class="viewer-image">
+  {% endfor %}
+</div>
+<div id="progress"></div>
+<div id="page-num"></div>
+<div id="duration"></div>
+<div id="image-container"></div>
+{% endblock %}