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

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

News/blog (closes #25)

File size: 2.1 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>Want to keep updated? <a href="news/">News</a> <a href="news/index.rss" class="feed">RSS</a></li>
16<li>Questions? <a href="FAQ.html">FAQ</a></li>
17<li>Problems? <a href="reportBug.html">Tell us</a></li>
18<li>Scotland? Northern Ireland? <a href="scotlandAndNI.html">Be informed</a></li>
19<li>Worried about your data? <a href="privacy.html">Privacy policy</a></li>
20<li>Interested in our maps? <a href="tileLicence.html">Licence</a>
21</ul>
22</div>
23<div class="mid-col"> 
24
25<p> Have a look round what the country looked like in the 1940s. Click on the
26map to the right to start, you can then scroll around and zoom in.  </p>
27
28<p> Whilst looking around, you can tell us about the postcode of where you are
29looking. We want to collect information about where postcodes are now by
30finding them on old maps.</p>
31<p>All you need to do is click on the the point in the map and fill in the
32postcode. Why not add your house, your place of work, and those of your
33friends and family, to help us build a free postcode database?
34There is more detail about why we want to do this in
35the <a href="FAQ.html">FAQ</a>.</p>
36
37</div>
38<div class="right-col">
39<p>
40Click on the map to zoom in and get on with it.
41</p>
42<a href="#" id="link">
43<img src="thumbnail.jpg" style="border: none" />
44</a> </div>
45
46<script type="text/javascript">
47var xOffset = 62;
48
49function click(e) {
50       
51  e = YAHOO.util.Event.getEvent(e);
52  var img = YAHOO.util.Event.getTarget(e);
53        var x = xOffset + YAHOO.util.Event.getPageX(e) - img.offsetLeft;
54        var y = img.height-(YAHOO.util.Event.getPageY(e) - img.offsetTop);
55
56        var s6x = Math.round(x/3);
57        var s6y = Math.round(y/3);
58
59        window.location=("tiles/map.html?" + s6x + "," + s6y + ",3");
60
61        YAHOO.util.Event.stopEvent(e);
62}
63
64  YAHOO.util.Event.addListener("link", "click", click);
65
66</script>
67
68</div>
69
70  </body>
71</html>
Note: See TracBrowser for help on using the repository browser.