Leaflet/download.html

<!DOCTYPE html>
<html>
<head>
	<title>Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade</title>
	
	<meta charset="utf-8" />
	<meta property="og:title" content="Leaflet — an open-source JavaScript library for interactive maps" /> 
	<meta property="og:description" content="Leaflet is a modern, lightweight BSD-licensed JavaScript library for making tile-based interactive maps for both desktop and mobile web browsers, developed by CloudMade to form the core of its next generation JavaScript API." />
	
	<link rel="icon" type="image/png" href="docs/images/favicon.png" />

	<!-- Blueprint -->
	<link rel="stylesheet" href="docs/css/blueprint/screen.css" media="screen, projection">
	<link rel="stylesheet" href="docs/css/blueprint/print.css" media="print">
	<!--[if lt IE 8]><link rel="stylesheet" href="docs/css/blueprint/ie.css" media="screen, projection"><![endif]-->

	<link rel="stylesheet" href="docs/css/screen.css" media="screen, projection" />

	<script src="docs/highlight/highlight.pack.js"></script>
	<link rel="stylesheet" href="docs/highlight/styles/github.css" />

	<!-- Leaflet -->
	<link rel="stylesheet" href="dist/leaflet.css" />
	<!--[if lte IE 8]><link rel="stylesheet" href="dist/leaflet.ie.css" /><![endif]-->
	<script src="dist/leaflet.js"></script>
</head>
<body>
	<div class="container">
		<h1>Leaflet</h1>
		<h3 class="alt">A Modern, Lightweight Open-Source JavaScript Library for Interactive Maps by <a href="http://cloudmade.com">CloudMade</a></h3>
		
		<ul class="nav clearfix">
			<li><a href="index.html">Overview</a></li>
			<li><a href="features.html">Features</a></li>  
			<li><a href="reference.html">Documentation</a></li> 
			<li><a href="#">Examples</a></li> 
			<li><span>Download</span></li> 
			<li><a class="twitter-link" href="http://twitter.com/LeafletJS">@LeafletJS</a></li>
			<li><a class="github-link" href="http://github.com/CloudMade/Leaflet">GitHub Repo</a></li> 
		</ul>
		
		<h3>Download Leaflet</h3>
		
		<p>Besides the library itself, the download package contains full source code, examples, unit tests, files for debugging and a build system.</p>

		<p><a href="http://github.com/CloudMade/Leaflet/zipball/master">Download Leaflet edge</a> (zip, unstable)</p>
		
		<p>
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://leaflet.cloudmade.com" data-text="Leaflet — a modern, lightweight open-source JavaScript library for interactive maps by @cloudmade" data-count="horizontal" data-via="LeafletJS" data-related="CloudMade">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fleaflet.cloudmade.com&amp;layout=standard&amp;show_faces=false&amp;width=660&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:660px; height:24px;" allowTransparency="true"></iframe>
		</p>
		
		<h3>Including Leaflet on your page</h3>
		<p>Place the contents of the <code>dist</code> folder somewhere in your directory tree and include it in the <code>head</code> section of your HTML with the following code:</p>
		<pre><code class="html">&lt;!-- Leaflet CSS --&gt; 
&lt;link rel="stylesheet" href="&lt;path_to_dist&gt;/leaflet.css" /&gt;
&lt;!--[if lte IE 8]&gt;&lt;link rel="stylesheet" href="&lt;path_to_dist&gt;/leaflet.ie.css" /&gt;&lt;![endif]--&gt;

&lt;!-- Leaflet JavaScript --&gt;
&lt;script src="&lt;path_to_dist&gt;/leaflet.js"&gt;&lt;/script&gt;</code></pre>
		
		<h3>Building a custom version of Leaflet</h3>
		<p>Open <code>build/build.html</code> page from the download package, check the components you want to see in your build and run the generated command in the <code>build</code> directory — your custom build will appear as <code>dist/leaflet-custom.js</code>.</p>
		
		<hr />
			
		<p class="quiet">&copy; 2011 <a href="http://cloudmade.com">CloudMade</a>. Map data &copy; 2011 <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>.</p>
	</div>
	
	<a href="http://github.com/CloudMade/Leaflet"><img id="forkme" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
	
	<script>
		hljs.tabReplace = '    ';
		hljs.initHighlightingOnLoad();
	</script> 
</body>
</html>
add beautiful logo, update design (thanks to Ksenia) 2011-04-09 20:37:11 +08:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<title>Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade</title>`

			`<meta charset="utf-8" />`
			`<meta property="og:title" content="Leaflet — an open-source JavaScript library for interactive maps" />`
			`<meta property="og:description" content="Leaflet is a modern, lightweight BSD-licensed JavaScript library for making tile-based interactive maps for both desktop and mobile web browsers, developed by CloudMade to form the core of its next generation JavaScript API." />`

favicon fix 2011-04-09 22:32:46 +08:00			`<link rel="icon" type="image/png" href="docs/images/favicon.png" />`
favicon 2011-04-09 22:31:13 +08:00
add beautiful logo, update design (thanks to Ksenia) 2011-04-09 20:37:11 +08:00			`<!-- Blueprint -->`
			`<link rel="stylesheet" href="docs/css/blueprint/screen.css" media="screen, projection">`
			`<link rel="stylesheet" href="docs/css/blueprint/print.css" media="print">`
			`<!--[if lt IE 8]><link rel="stylesheet" href="docs/css/blueprint/ie.css" media="screen, projection"><![endif]-->`

			`<link rel="stylesheet" href="docs/css/screen.css" media="screen, projection" />`

			`<script src="docs/highlight/highlight.pack.js"></script>`
			`<link rel="stylesheet" href="docs/highlight/styles/github.css" />`

			`<!-- Leaflet -->`
			`<link rel="stylesheet" href="dist/leaflet.css" />`
			`<!--[if lte IE 8]><link rel="stylesheet" href="dist/leaflet.ie.css" /><![endif]-->`
			`<script src="dist/leaflet.js"></script>`
			`</head>`
			`<body>`
			`<div class="container">`
			`<h1>Leaflet</h1>`
			`<h3 class="alt">A Modern, Lightweight Open-Source JavaScript Library for Interactive Maps by <a href="http://cloudmade.com">CloudMade</a></h3>`

			`<ul class="nav clearfix">`
			`<li><a href="index.html">Overview</a></li>`
			`<li><a href="features.html">Features</a></li>`
			`<li><a href="reference.html">Documentation</a></li>`
			`<li><a href="#">Examples</a></li>`
			`<li><span>Download</span></li>`
			`<li><a class="twitter-link" href="http://twitter.com/LeafletJS">@LeafletJS</a></li>`
			`<li><a class="github-link" href="http://github.com/CloudMade/Leaflet">GitHub Repo</a></li>`
			`</ul>`

			`<h3>Download Leaflet</h3>`

			`<p>Besides the library itself, the download package contains full source code, examples, unit tests, files for debugging and a build system.</p>`

			`<p><a href="http://github.com/CloudMade/Leaflet/zipball/master">Download Leaflet edge</a> (zip, unstable)</p>`

			`<p>`
update link on tweet/fb buttons 2011-04-11 17:14:31 +08:00			`<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://leaflet.cloudmade.com" data-text="Leaflet — a modern, lightweight open-source JavaScript library for interactive maps by @cloudmade" data-count="horizontal" data-via="LeafletJS" data-related="CloudMade">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>`
			`<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fleaflet.cloudmade.com&layout=standard&show_faces=false&width=660&action=like&font=arial&colorscheme=light&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:660px; height:24px;" allowTransparency="true"></iframe>`
add beautiful logo, update design (thanks to Ksenia) 2011-04-09 20:37:11 +08:00			`</p>`

			`<h3>Including Leaflet on your page</h3>`
			`<p>Place the contents of the <code>dist</code> folder somewhere in your directory tree and include it in the <code>head</code> section of your HTML with the following code:</p>`
			`<pre><code class="html"><!-- Leaflet CSS -->`
			`<link rel="stylesheet" href="<path_to_dist>/leaflet.css" />`
			`<!--[if lte IE 8]><link rel="stylesheet" href="<path_to_dist>/leaflet.ie.css" /><![endif]-->`

			`<!-- Leaflet JavaScript -->`
			`<script src="<path_to_dist>/leaflet.js"></script></code></pre>`

			`<h3>Building a custom version of Leaflet</h3>`
			`<p>Open <code>build/build.html</code> page from the download package, check the components you want to see in your build and run the generated command in the <code>build</code> directory — your custom build will appear as <code>dist/leaflet-custom.js</code>.</p>`

			`<hr />`

			`<p class="quiet">© 2011 <a href="http://cloudmade.com">CloudMade</a>. Map data © 2011 <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>.</p>`
			`</div>`

			`<a href="http://github.com/CloudMade/Leaflet"><img id="forkme" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>`

			`<script>`
			`hljs.tabReplace = ' ';`
			`hljs.initHighlightingOnLoad();`
			`</script>`
			`</body>`
			`</html>`