diff options
| author | Thibaut Horel <thibaut.horel@gmail.com> | 2014-02-27 11:24:22 -0500 |
|---|---|---|
| committer | Thibaut Horel <thibaut.horel@gmail.com> | 2014-02-27 11:24:22 -0500 |
| commit | 473ef7e26fc8d2c6b26e66b80d50e49c18fa24f8 (patch) | |
| tree | a33e209a563490affe14a7b962b6774a008eaa64 /web/templates | |
| parent | c40ad3ecef221e3f3d6a8633687c896603d493a0 (diff) | |
| download | ocr-layer-curation-473ef7e26fc8d2c6b26e66b80d50e49c18fa24f8.tar.gz | |
Basic tornado app displaying a page image and associated text side by side
Diffstat (limited to 'web/templates')
| -rw-r--r-- | web/templates/index.html | 14 | ||||
| -rw-r--r-- | web/templates/layout.html | 17 |
2 files changed, 31 insertions, 0 deletions
diff --git a/web/templates/index.html b/web/templates/index.html new file mode 100644 index 0000000..b39017e --- /dev/null +++ b/web/templates/index.html @@ -0,0 +1,14 @@ +{% extends "layout.html" %} + +{% block main %} + <div id="image_container"> + <img id="page" src="static/{{page_number}}.png" usemap="#wordmap" /> + </div> + <map name="wordmap">{% for id, coords in areas %} + <area href="#" shape="rect" coords="{{coords}}" data-id="{{id}}" />{% end %} + </map> + <div id="text"> + {% for id, word in words %} + <span id="{{id}}">{{word}}</span> {% end %} + </div> +{% end %} diff --git a/web/templates/layout.html b/web/templates/layout.html new file mode 100644 index 0000000..ff4077d --- /dev/null +++ b/web/templates/layout.html @@ -0,0 +1,17 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <script src="static/js/jquery.js"></script> + <script src="static/js/jquery.imagemapster.js"></script> + <script src="static/js/main.js"></script> + <link rel="stylesheet" href="static/css/style.css"> + + <title>DjVu/Wikisource visualization</title> +</head> + +<body> +{% block main %} +{% end %} +</body> +</html> |