{% 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 %}