From 473ef7e26fc8d2c6b26e66b80d50e49c18fa24f8 Mon Sep 17 00:00:00 2001
From: Thibaut Horel <thibaut.horel@gmail.com>
Date: Thu, 27 Feb 2014 11:24:22 -0500
Subject: Basic tornado app displaying a page image and associated text side by
 side

---
 web/templates/index.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 web/templates/index.html

(limited to 'web/templates/index.html')

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 %}
-- 
cgit v1.2.3-70-g09d2