source: trunk/npemap.org.uk/static/index.html @ 86

Last change on this file since 86 was 86, checked in by David Sheldon, 14 years ago

Front page, and crop the white off the left of the thumbnail.

File size: 1.8 KB
Line 
1<html>
2  <head>
3    <title>New Popular Edition Maps</title>
4    <link rel="stylesheet" type="text/css" href="default.css">
5  </head>
6  <body>
7<script src="tiles/yahoo.js"></script> 
8<script src="tiles/dom.js"></script> 
9<script src="tiles/event.js"></script> 
10<div id="body">
11<h1>New Popular Mapping</h1>
12
13<div class="left-col"> 
14<ul>
15<li>Questions? <a href="FAQ.html">FAQ</a></li>
16<li>Problems? <a href="reportBug.html">Tell us</a></li>
17<li>Scotland? Northern Ireland? <a href="scotlandAndNI.html">Be informed</a></li>
18<li>Worried about your data? <a href="privacy.html">Privacy policy</a></li>
19<li>Interested in our data? <a href="tileLicence.html">Licence</a>
20</ul>
21</div>
22<div class="mid-col"> 
23
24<p> Have a look round what the country looked like in the 1940s. Click on the
25map to the right to start, you can then scroll around and zoom in.  </p>
26
27<p> Whilst looking around, you can tell us about the postcode of where you are
28looking at. We want to collect information about where postcodes are now but
29finding them on old maps. There is more detail about why we want to do this in
30the <a href="FAQ.html">FAQ</a></p>
31
32</div>
33<div class="right-col">
34<p>
35Click on the map to zoom in and get on with it.
36</p>
37<a href="#" id="link">
38<img src="thumbnail.jpg" style="border: none" />
39</a> </div>
40
41<script type="text/javascript">
42var xOffset = 62;
43
44function click(e) {
45       
46  e = YAHOO.util.Event.getEvent(e);
47  var img = YAHOO.util.Event.getTarget(e);
48        var x = xOffset + YAHOO.util.Event.getPageX(e) - img.offsetLeft;
49        var y = img.height-(YAHOO.util.Event.getPageY(e) - img.offsetTop);
50
51        var s6x = Math.round(x/3);
52        var s6y = Math.round(y/3);
53
54        window.location=("tiles/map.html?" + s6x + "," + s6y + ",3");
55
56        YAHOO.util.Event.stopEvent(e);
57}
58
59  YAHOO.util.Event.addListener("link", "click", click);
60
61</script>
62
63</div>
64
65  </body>
66</html>
Note: See TracBrowser for help on using the repository browser.