forked from nrabinowitz/gapvis
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.tmpl.html
142 lines (125 loc) · 6.13 KB
/
index.tmpl.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>GapVis: Visual Interface for Reading Ancient Texts</title>
<meta name="description" content="GapVis is a visual interface for reading ancient texts for the Google Ancient Places project.">
<meta name="author" content="Nick Rabinowitz / Google Ancient Places Project">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- STYLES -->
<!-- SCRIPTS -->
</head>
<body>
<div id="container">
<header>
<h1><a href="#">GapVis</a> <span class="beta">BETA</span></h1>
<nav>
<a href="index.html">Home</a> · <a href="about.html">About Us</a> · <a href="http://googleancientplaces.wordpress.com/">Blog</a>
</nav>
</header>
<div id="app-view" role="main" class="clearfix">
<!-- Homepage -->
<div id="index-view" class="topview">
<div id="book-list-view" class="panel">
<p>Select a book to view:</p>
<div id="book-list"></div>
</div>
<div id="instructions">
<h2>Overview</h2>
<div class="thumbs">
<img src="images/thumb1.jpg" alt="Map view">
<img src="images/thumb2.jpg" alt="Sparkline view">
</div>
<p>
GapVis is an interface for exploring and reading texts that reference ancient places. It includes maps and data visualizations that show what locations are referred to a different points in the narrative and allows you to dig into the details to learn more.
</p>
<!--[if lt IE 9]>
<p class="warning">
To use all features of this application, we strongly recommend using a modern browser, such as IE9, Chrome, or Firefox.
</p>
<![endif]-->
<h3>Book Summary</h3>
<p>
The Summary view gives you a big-picture perspective on what places are referenced in the book and where they appear in the narrative structure.
</p>
<h3>Reading View</h3>
<p>
The Reading view offers an interface for reading the text, including a narrative timeline and a map of recently-referenced places.
</p>
<h3>Place Detail</h3>
<p>
The Place Detail view provides deeper information about a particular geographic location, including a network map of related places based on narrative co-reference.
</p>
</div>
</div>
<!-- Book Overview -->
<div id="book-summary-view" class="topview clearfix">
<div class="navigation-view"></div>
<div class="book-title-view"></div>
<div id="place-freq-bars-view" class="panel"></div>
<div id="book-summary-text-view"></div>
<div id="book-summary-map-view" class="panel"></div>
</div>
<!-- Book Reading View -->
<div id="book-view" class="topview clearfix">
<div class="navigation-view"></div>
<div class="book-title-view"></div>
<div id="reading-pane">
<div id="page-view"></div>
<div id="page-control-view">
<div id="nextprev">
<span id="prev" class="control"><< previous</span>
<input id="page-id" maxlength="5">
<span id="next" class="control">next >></span>
</div>
<div id="imagetoggle">
Show:
<span id="showtext" class="control">Text</span> |
<span id="showimg" class="control">Scan</span>
</div>
</div>
</div>
<div id="timemap-view" class="panel"></div>
</div>
<!-- Book Place View -->
<div id="book-place-view" class="topview clearfix">
<div class="navigation-view"></div>
<div class="book-title-view"></div>
<div id="place-summary-container" class="panel">
<div id="place-summary-view"></div>
<div id="related-places-view"></div>
</div>
<div id="place-map-view" class="panel"></div>
<div id="place-flickr-view" class="panel">
<h4>Photos from Flickr</h4> <span class="flickr-link">· <a href="" target="_blank">View on Flickr >></a></span>
<div class="photos"></div>
</div>
</div>
</div>
<footer>
GapVis (c) 2011 <a href="http://www.nickrabinowitz.com">Nick Rabinowitz</a> / <a href="http://googleancientplaces.wordpress.com/">Google Ancient Places</a>. Funding by <img src="images/google_logo.png" alt="Google">.
</footer>
</div>
<div id="change-this-link">
<button>Edit this Reference</button>
</div>
<div id="change-this-form">
<p>Is something wrong with this place reference? Let us know, so we can fix it!</p>
<p>
Reference: <span id="ctf-place-name"></span><span class="pagenum">,
p. <span id="ctf-page-id"></span></span>
</p>
<form>
<label for="ctf-problem">What's wrong here?</label>
<div>
<textarea id="ctf-problem" name="ctf-problem" rows="5"></textarea>
</div>
<input type="hidden" name="page-id">
<input type="hidden" name="place-id">
</form>
</div>
<!-- TEMPLATES -->
</body>
</html>