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

Last change on this file since 110 was 110, checked in by Dominic Hargreaves, 13 years ago

More encouraging text

File size: 2.0 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<sup>beta</sup></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 maps? <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. We want to collect information about where postcodes are now by
29finding them on old maps.</p>
30<p>All you need to do is click on the the point in the map and fill in the
31postcode. Why not add your house, your place of work, and those of your
32friends and family, to help us build a free postcode database?
33There is more detail about why we want to do this in
34the <a href="FAQ.html">FAQ</a>.</p>
35
36</div>
37<div class="right-col">
38<p>
39Click on the map to zoom in and get on with it.
40</p>
41<a href="#" id="link">
42<img src="thumbnail.jpg" style="border: none" />
43</a> </div>
44
45<script type="text/javascript">
46var xOffset = 62;
47
48function click(e) {
49       
50  e = YAHOO.util.Event.getEvent(e);
51  var img = YAHOO.util.Event.getTarget(e);
52        var x = xOffset + YAHOO.util.Event.getPageX(e) - img.offsetLeft;
53        var y = img.height-(YAHOO.util.Event.getPageY(e) - img.offsetTop);
54
55        var s6x = Math.round(x/3);
56        var s6y = Math.round(y/3);
57
58        window.location=("tiles/map.html?" + s6x + "," + s6y + ",3");
59
60        YAHOO.util.Event.stopEvent(e);
61}
62
63  YAHOO.util.Event.addListener("link", "click", click);
64
65</script>
66
67</div>
68
69  </body>
70</html>
Note: See TracBrowser for help on using the repository browser.