-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
51 lines (49 loc) · 2.26 KB
/
index.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>lorax</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link href='http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here' rel='stylesheet' type='text/css'>
<script src='ext/modestmaps.js' type='text/javascript'></script>
<script src='ext/ender.js' type='text/javascript'></script>
<script src='ext/wax.mm.min.js' type='text/javascript'></script>
<script src='js/lorax.js' type='text/javascript'></script>
<script src='js/site.js' type='text/javascript'></script>
<link rel='stylesheet' href='css/reset.css' type='text/css' />
<link rel='stylesheet' href='css/site.css' type='text/css' />
</head>
<body>
<div id='map'></div>
<div class='description'>
<h1>lorax</h1>
<p>lorax is a library for <a href='http://en.wikipedia.org/wiki/Parallax_scrolling'>parallax scrolling</a>
and other unusual
navigation techniques with
<a href='http://github.com/stamen/modestmaps-js'>modest maps</a>.</p>
<p><a href='https://github.com/tmcw/lorax'>download lorax to
play on your own</a>. it's a
<a href='http://macwright.org/'>macwright.org</a> experiment.</p>
<p>You can use the underlying map too - it's <a href='http://tiles.mapbox.com/mapbox/map/geography-class'>Geography Class</a> by <a href='http://mapbox.com'>MapBox</a>, served up by <a href='http://tiles.mapbox.com/'>MapBox Hosting</a>.</p>
<hr />
Want
<a href='#' id='distance-high'>higher clouds</a>? Or
<a href='#' id='distance-low'>lower clouds</a> or
<a href='#' id='distance-medium'>just right clouds</a>?
</div>
<script type="text/javascript">
var _gauges = _gauges || [];
(function() {
var t = document.createElement('script');
t.type = 'text/javascript';
t.async = true;
t.id = 'gauges-tracker';
t.setAttribute('data-site-id', '4e36eb1ef5a1f53d6f000001');
t.src = '//secure.gaug.es/track.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(t, s);
})();
</script>
</body>
</html>