Permalink
Browse files

Map size and text tweaks.

  • Loading branch information...
1 parent 66e0bab commit 9b9c59b0e4eb795120a3a256b6a31b8439e6e595 @dracos committed Apr 28, 2011
Showing with 21 additions and 18 deletions.
  1. +17 −16 index.html
  2. +4 −2 js/trains.js
View
@@ -10,7 +10,7 @@
<script type="text/javascript" src="http://traintimes.org.uk/map/tube/js/trains.js"></script>
</head>
<body onunload="GUnload()">
- <h1>Live train map for the London Underground</h1>
+ <h1>Live train map for the London Underground, by Matthew Somerville</h1>
<noscript>
<div style="border: solid 2px #cc0000; padding: 5px; width: 70%; margin: 1em auto;">
I'm afraid that this page requires JavaScript to interface with Google Maps
@@ -20,7 +20,7 @@
Matthew
</div>
</noscript>
- <p>
+ <p style="margin-bottom:0">
<small>Data collected: <span id="update">No data yet</span></small></p>
<div id="map"><div style="padding: 1em; color: gray;">Loading...</div></div>
<div id="loading"></div>
@@ -29,24 +29,22 @@
<p id="showhide"><a href="" onclick="Info.Hide(); return false;">Hide &raquo;</a>
<div style="background-color: #ffff99; padding: 4px; margin-bottom: 1em;">
-<h2>Update</h2>
-<p style="margin:0">
-The TfL API is <a href="http://data.london.gov.uk/blog/guess-whats-back-trackernet-returns">back</a>!
-<!-- In the meantime, you can <a href="http://www.flickr.com/photos/vicchi/4730203122/">see a video of
-the site in action</a> courtesy of Gary Gale. -->
-</p>
-</div>
-
<h2>What is this?</h2>
<p>This map shows all trains (yellow pins) on the London Underground network
in approximately real time (<a href="lu-screenshot.png">screenshot</a>).
-Click the stations for a local map of that station.
-I have a (per-station) <a href="http://traintimes.org.uk/map/">National Rail version</a>,
-and a <a href="http://traintimes.org.uk/">bookmarkable train times planner</a>.</p>
+Click the stations for a local map of that station.</p>
+<p>I have a (per-station) <a href="http://traintimes.org.uk/map/">National Rail version</a>,
+and an awesome <a href="http://traintimes.org.uk/">bookmarkable train times journey planner</a>.</p>
+<p style="margin-bottom:0; text-align:right">&mdash; <a href="http://twitter.com/dracos">Matthew</a>
+</div>
+
+<!-- In the meantime, you can <a href="http://www.flickr.com/photos/vicchi/4730203122/">see a video of
+the site in action</a> courtesy of Gary Gale. -->
<h2>How does it work?</h2>
-<p>Live departure data is fetched from the <a href="http://data.london.gov.uk/apibeta">TfL API</a>, and then it does
-a bit of maths and magic. It&rsquo;s surprisingly okay, given this
+<p>Live departure data is fetched from the
+<a href="http://www.tfl.gov.uk/businessandpartners/syndication/16493.aspx">TfL API</a>,
+and then it does a bit of maths and magic. It&rsquo;s surprisingly okay, given this
was done in only a few hours at <a href="http://sciencehackday.com/">Science Hackday</a>
on 19/20th June 2010,
and the many naming/location issues encountered, some
@@ -62,8 +60,11 @@
</p>
<p id="footer">
-Thanks TfL! Now how about it, National Rail?
+Thanks TfL, and everyone involved in getting the API running again. Now how about it, National Rail?
Open train data is good for everyone.</p>
+</p>
+
+
</div>
<script type="text/javascript"> load(); </script>
</body>
View
@@ -228,8 +228,10 @@ Station.prototype = new PdMarker(new GLatLng(1,1), stationPin);
var i = document.getElementById('info');
var a=getWindowSize();
var b=kb(m);
- var c=a.height-b.y-24;
- var d=a.width-Info.Width-48;
+ var c=a.height-b.y-10;
+ var d=a.width-Info.Width;
+ if (Info.Width > 48) d = d - 48;
+ else d = d - 36;
m.style.height=c+'px';
m.style.width=d+'px';
i.style.width = Info.Width + 'px';

0 comments on commit 9b9c59b

Please sign in to comment.