forked from stamen/maps.stamen.com
/
embeds.html
57 lines (49 loc) · 1.56 KB
/
embeds.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
52
53
54
55
56
57
<!DOCTYPE html>
<html>
<head>
<title>maps.stamen.com / embeds</title>
<style type="text/css">
@import url(css/bootstrap/bootstrap.css);
@import url(css/screen.css);
iframe {
box-sizing: border-box;
border: none;
display: block;
width: 100%;
height: 300px;
}
.container > div {
margin: 20px 0;
}
</style>
</head>
<body>
<div id="header" class="navbar">
<div class="navbar-inner">
<div class="container">
<h1 id="tiles" class="brand"><a href="./">maps.stamen.com</a> / embeds</h1>
<a id="stamen" class="brand" href="http://stamen.com">stamen</a>
</div>
</div>
</div>
<div class="container">
<div>
<h2>Embeds</h2>
<p>These are all the styles, embedded in one page for testing
purpose.</p>
</div>
<div id="toner">
<h3>Toner</h3>
<iframe src="toner/embed#13/59.9033/10.7327"></iframe>
</div>
<div id="terrain">
<h3>Terrain</h3>
<iframe src="terrain/embed#9/40.2144/-78.1670"></iframe>
</div>
<div id="watercolor">
<h3>Watercolor</h3>
<iframe src="watercolor/embed#15/52.3699/4.8926"></iframe>
</div>
</div>
</body>
</html>