web/templates/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13

{% extends "layout.html" %}

{% block main %}
    <div id="image_container">
        <img id="page" src="{{page_number}}.jpg" usemap="#wordmap" />
    </div>
    <map name="wordmap">{% for id, coords in areas %}
        <area href="#" shape="rect" coords="{{coords}}" data-id="word-{{id}}" />{% end %}
    </map>
    <div id="text">
        {% raw words %}
    </div>
{% end %}