<commit_before><!DOCTYPE html>
<html>
    <head>
        <title>tile.stamen.com</title>
        <script type="text/javascript" src="js/vendor/reqwest.js"></script>
        <script type="text/javascript" src="js/vendor/modestmaps.min.js"></script>
        <script type="text/javascript" src="js/tile.stamen.js"></script>
        <script type="text/javascript" src="js/vendor/google-code-prettify/prettify.js"></script>
        <style type="text/css">
            @import url(css/bootstrap/bootstrap.css);
            @import url(css/screen.css);
        </style>
    </head>
    <body>
        <div id="header" class="navbar">
            <div class="navbar-inner">
                <div class="container">
                    <h1 id="tiles" class="brand">tile.stamen.com / <span id="current-provider">toner</span></h1>
                    <a id="stamen" class="brand" href="http://stamen.com">stamen</a>
                </div>
            </div>
        </div>

        <div id="hero">
            <div id="map-main" class="map switch" data-provider="toner">
            </div>
            <div id="maps-sub" class="container">
                <form id="search" action="#">
                    <p>
                    <input id="search-location" class="span3" type="text" placeholder="Type a location">
                    <input id="search-submit" class="btn" type="submit" value="Find">
                    </p>
                </form>
                <div id="controls">
                    <a id="zoom-in" title="zoom in" href="#">+</a>
                    <a id="zoom-out" title="zoom out" href="#">&minus;</a>
                    <a id="fullscreen" title="toggle fullscreen" href="#">&fnof;</a>
                </div>
                <div id="map-sub2" class="map switch" data-provider="terrain"><h3><a href="#terrain">Terrain</a></h3></div>
                <div id="map-sub3" class="map switch" data-provider="watercolor"><h3><a href="#watercolor">Watercolor</a></h3></div>
            </div>
        </div>

        <div id="content" class="container content">
            <p id="desc">For over a decade, Stamen has been exploring
            <a href="http://stamen.com/cartography">cartography</a>
            with our <a href="http://stamen.com/clients">clients</a>
            and in <a href="http://stamen.com/projects">research</a>.
            These three tile sets are presented here for your enjoyment and use
            wherever you display <a href="http://openstreetmap.org">OpenStreetMap</a>
            data.</p>

            <div id="tiles-toner" class="tiles row">
                <div class="map span3" 
                    data-provider="toner"
                    data-center="37.8024,-122.2645"
                    data-zoom="14"></div>
                <div class="span6">
                    <h3>Toner</h3>
                    <p>These high-contrast B+W (black and white) map tiles are 
                    featured in our Dotspotting project. They are perfect for data
                    mashups and exploring river meanders and coastal zones. 
                    Available in three flavors: normal, no labels, only labels.</p>
                    
                    <p><strong>Available worldwide.</strong></p>
                </div>
                <div class="span3">
                    <ul>
                        <li><a href="https://github.com/Citytracking/toner">Fork on Github</a></li>
                        <li><a href="http://content.stamen.com/dotspotting_toner_cartography_available_for_download">Read about it</a></li>
                    </ul>
                </div>
            </div>

            <div id="tiles-terrain" class="tiles row">
                <div class="map span3"
                    data-provider="terrain"
                    data-center="36.3716,-121.7322"
                    data-zoom="11"></div>
                <div class="span6">
                    <h3>Terrain</h3>
                    <p>Orient yourself with our terrain tiles featuring hill shading
                    and natural vegetation colors. These tiles showcase advanced
                    labeling and linework generalization of dual-carriageway roads. 
                    Terrain was developed in collaboration with Gem Spear.</p>
                    
                    <p><strong>Available in the USA only.</strong></p>
                </div>
                <div class="span3">
                    <ul>
                        <li><a href="https://github.com/Citytracking/Terrain">Fork on Github</a></li>
                        <li><a href="http://mike.teczno.com/notes/osm-us-terrain-layer/foreground.html">Read about it</a></li>
                    </ul>
                </div>
            </div>

            <div id="tiles-watercolor" class="tiles row">
                <div class="map span3"
                    data-provider="watercolor"
                    data-center="37.7682,-122.4451"
                    data-zoom="10"></div>
                <div class="span6">
                    <h3>Watercolor</h3>
                    <p>Reminiscent of hand drawn maps, our watercolor tiles apply 
                    raster effect area washes and organic edges over a paper texture
                    to add warm pop to any map. Watercolor was inspired by the
                    <a href="http://www.kickstarter.com/projects/bicycleportraits/bicycle-portraits-a-photographic-book-part-iii-fin">Bicycle Portraits project</a>.
                    Thanks to <a href="http://otherthings.com/blog/"><NAME></a> for his early advice.</p>

                    <p><strong>Available in select cities:</strong></p>
                    <ul>
                        <li><a href="#">San Francisco</a></li>
                        <li><a href="#">New York</a></li>
                        <li><a href="#">Amsterdam</a></li>
                    </ul>

                </div>
                <div class="span3">
                    <ul>
                        <li><a href="#">Fork on Github</a></li>
                        <li><a href="#">Read about it</a></li>
                    </ul>
                </div>
            </div>

            <div id="howto">
                <h2>How to Use These Tiles Elsewhere</h2>

                <div id="license" class="row">
                    <h4 class="span2"><a
                            href="http://creativecommons.org/licenses/by/3.0"><img
                        src="http://i.creativecommons.org/l/by/3.0/88x31.png"
                        alt="CC-BY License"></a></h4>
                    <div class="span10">
                        <p><em>Except otherwise noted, each of these map tile sets are &copy; Stamen Design, under a <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons Attribution (CC BY 3.0)</a> license.</em></p>
                        <p>We&rsquo;d love to see these tiles used around the web, so we&rsquo;ve included some brief instructions to help you use them in the mapping system of your choice.
                        These tiles are available free of charge. If you use the tiles we host here, please use this attribution:</p>
                    </div>
                </div>
                <div id="attribution" class="row">
                    <h4 class="span2">Attribution:</h4>
                    <div class="span10">
                        <p>
                            <span id="attr">Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://creativecommons.org/licenses/by-sa/3.0">CC BY SA</a>.</span>
                            <small><a href="#" id="attr-show-html" onclick="with(document.getElementById('attr-html')){value=document.getElementById('attr').innerHTML;style.display='block';focus();select();}return false;">&lt;<span>COPY HTML</span>&gt;</a></small>
                        </p>
                        <textarea rows="3" class="row span10" id="attr-html"></textarea>
                        <p>If you roll your own tiles from a source you will still need to credit &ldquo;Map data by OpenStreetMap, under CC-BY-SA.&rdquo; And if you <em>do</em> use the tiles elsewhere, please post a tweet to <a href="http://twitter.com/stamen">@stamen</a>!</p>
                    </div>
                </div>

                <div id="usage">
                    <h3>JavaScript Libraries</h3>
                    <div id="usage-intro" class="row">
                        <div class="span12">
                            <p>To use these tiles, just include
                            <a href="http://tile.stamen.com/js/tile.stamen.js">our JavaScript</a>
                            alongside your favorite mapping library:</p>
                            <pre class="prettyprint">&lt;script type="text/javascript" src="http://tile.stamen.com/js/tile.stamen.js"&gt;&lt;/script&gt;</pre>
                            <p>Then, follow the instructions below for your preferred library:</p>
                        </div>
                    </div>

                    <div id="usage-modestmaps">
                        <h4><a href="http://stamen.github.com/modestmaps-js/">ModestMaps</a></h4>
                        <div class="row">
                            <p class="span4">ModestMaps is a no-frills mapping library by Stamen and friends.
                                View the <a href="test/modestmaps.html">example</a>.</p>
                            <div class="span8">
                                <pre class="prettyprint linenums">
// replace "toner" here with "terrain" or "watercolor"
var layer = new MM.StamenTileLayer("toner");<commit_msg>updated text and links to maps.stamen.com<commit_after><!DOCTYPE html>
<html>
    <head>
        <title>maps.stamen.com</title>
        <script type="text/javascript" src="js/vendor/reqwest.js"></script>
        <script type="text/javascript" src="js/vendor/modestmaps.min.js"></script>
        <script type="text/javascript" src="js/tile.stamen.js"></script>
        <script type="text/javascript" src="js/vendor/google-code-prettify/prettify.js"></script>
        <style type="text/css">
            @import url(css/bootstrap/bootstrap.css);
            @import url(css/screen.css);
        </style>
    </head>
    <body>
        <div id="header" class="navbar">
            <div class="navbar-inner">
                <div class="container">
                    <h1 id="tiles" class="brand">maps.stamen.com / <span id="current-provider">toner</span></h1>
                    <a id="stamen" class="brand" href="http://stamen.com">stamen</a>
                </div>
            </div>
        </div>

        <div id="hero">
            <div id="map-main" class="map switch" data-provider="toner">
            </div>
            <div id="maps-sub" class="container">
                <form id="search" action="#">
                    <p>
                    <input id="search-location" class="span3" type="text" placeholder="Type a location">
                    <input id="search-submit" class="btn" type="submit" value="Find">
                    </p>
                </form>
                <div id="controls">
                    <a id="zoom-in" title="zoom in" href="#">+</a>
                    <a id="zoom-out" title="zoom out" href="#">&minus;</a>
                    <a id="fullscreen" title="toggle fullscreen" href="#">&fnof;</a>
                </div>
                <div id="map-sub2" class="map switch" data-provider="terrain"><h3><a href="#terrain">Terrain</a></h3></div>
                <div id="map-sub3" class="map switch" data-provider="watercolor"><h3><a href="#watercolor">Watercolor</a></h3></div>
            </div>
        </div>

        <div id="content" class="container content">
            <p id="desc">For over a decade, Stamen has been exploring
            <a href="http://stamen.com/cartography">cartography</a>
            with our <a href="http://stamen.com/clients">clients</a>
            and in <a href="http://stamen.com/projects">research</a>.
            These three tile sets are presented here for your enjoyment and use
            wherever you display <a href="http://openstreetmap.org">OpenStreetMap</a>
            data.</p>

            <div id="tiles-toner" class="tiles row">
                <div class="map span3" 
                    data-provider="toner"
                    data-center="37.8024,-122.2645"
                    data-zoom="14"></div>
                <div class="span6">
                    <h3>Toner</h3>
                    <p>These high-contrast B+W (black and white) map tiles are 
                    featured in our Dotspotting project. They are perfect for data
                    mashups and exploring river meanders and coastal zones. 
                    Available in three flavors: normal, no labels, only labels.</p>
                    
                    <p><strong>Available worldwide.</strong></p>
                </div>
                <div class="span3">
                    <ul>
                        <li><a href="https://github.com/Citytracking/toner">Fork on Github</a></li>
                        <li><a href="http://content.stamen.com/dotspotting_toner_cartography_available_for_download">Read about it</a></li>
                    </ul>
                </div>
            </div>

            <div id="tiles-terrain" class="tiles row">
                <div class="map span3"
                    data-provider="terrain"
                    data-center="36.3716,-121.7322"
                    data-zoom="11"></div>
                <div class="span6">
                    <h3>Terrain</h3>
                    <p>Orient yourself with our terrain tiles featuring hill shading
                    and natural vegetation colors. These tiles showcase advanced
                    labeling and linework generalization of dual-carriageway roads. 
                    Terrain was developed in collaboration with Gem Spear.</p>
                    
                    <p><strong>Available in the USA only.</strong></p>
                </div>
                <div class="span3">
                    <ul>
                        <li><a href="https://github.com/Citytracking/Terrain">Fork on Github</a></li>
                        <li><a href="http://mike.teczno.com/notes/osm-us-terrain-layer/foreground.html">Read about it</a></li>
                    </ul>
                </div>
            </div>

            <div id="tiles-watercolor" class="tiles row">
                <div class="map span3"
                    data-provider="watercolor"
                    data-center="37.7682,-122.4451"
                    data-zoom="10"></div>
                <div class="span6">
                    <h3>Watercolor</h3>
                    <p>Reminiscent of hand drawn maps, our watercolor tiles apply 
                    raster effect area washes and organic edges over a paper texture
                    to add warm pop to any map. Watercolor was inspired by the
                    <a href="http://www.kickstarter.com/projects/bicycleportraits/bicycle-portraits-a-photographic-book-part-iii-fin">Bicycle Portraits project</a>.
                    Thanks to <a href="http://otherthings.com/blog/"><NAME></a> for his early advice.</p>

                    <p><strong>Available in select cities:</strong></p>
                    <ul>
                        <li><a href="#">San Francisco</a></li>
                        <li><a href="#">New York</a></li>
                        <li><a href="#">Amsterdam</a></li>
                    </ul>

                </div>
                <div class="span3">
                    <ul>
                        <li><a href="#">Fork on Github</a></li>
                        <li><a href="#">Read about it</a></li>
                    </ul>
                </div>
            </div>

            <div id="howto">
                <h2>How to Use These Tiles Elsewhere</h2>

                <div id="license" class="row">
                    <h4 class="span2"><a
                            href="http://creativecommons.org/licenses/by/3.0"><img
                        src="http://i.creativecommons.org/l/by/3.0/88x31.png"
                        alt="CC-BY License"></a></h4>
                    <div class="span10">
                        <p><em>Except otherwise noted, each of these map tile sets are &copy; Stamen Design, under a <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons Attribution (CC BY 3.0)</a> license.</em></p>
                        <p>We&rsquo;d love to see these tiles used around the web, so we&rsquo;ve included some brief instructions to help you use them in the mapping system of your choice.
                        These tiles are available free of charge. If you use the tiles we host here, please use this attribution:</p>
                    </div>
                </div>
                <div id="attribution" class="row">
                    <h4 class="span2">Attribution:</h4>
                    <div class="span10">
                        <p>
                            <span id="attr">Map tiles by <a href="http://stamen.com">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org">OpenStreetMap</a>, under <a href="http://creativecommons.org/licenses/by-sa/3.0">CC BY SA</a>.</span>
                            <small><a href="#" id="attr-show-html" onclick="with(document.getElementById('attr-html')){value=document.getElementById('attr').innerHTML;style.display='block';focus();select();}return false;">&lt;<span>COPY HTML</span>&gt;</a></small>
                        </p>
                        <textarea rows="3" class="row span10" id="attr-html"></textarea>
                        <p>If you roll your own tiles from a source you will still need to credit &ldquo;Map data by OpenStreetMap, under CC-BY-SA.&rdquo; And if you <em>do</em> use the tiles elsewhere, please post a tweet to <a href="http://twitter.com/stamen">@stamen</a>!</p>
                    </div>
                </div>

                <div id="usage">
                    <h3>JavaScript Libraries</h3>
                    <div id="usage-intro" class="row">
                        <div class="span12">
                            <p>To use these tiles, just include
                            <a href="js/tile.stamen.js">our JavaScript</a>
                            alongside your favorite mapping library:</p>
                            <pre class="prettyprint">&lt;script type="text/javascript" src="http://maps.stamen.com/js/tile.stamen.js"&gt;&lt;/script&gt;</pre>
                            <p>Then, follow the instructions below for your preferred library:</p>
                        </div>
                    </div>

                    <div id="usage-modestmaps">
                        <h4><a href="http://stamen.github.com/modestmaps-js/">ModestMaps</a></h4>
                        <div class="row">
                            <p class="span4">ModestMaps is a no-frills mapping library by Stamen and friends.
                                View the <a href="test/modestmaps.html">example</a>.</p>
                            <div class="span8">
                                <pre class="prettyprint linenums">
// replace "toner" here with "terrain" or "watercolor"
var layer = new MM.StamenTileLayer("toner");
{'fraction_non_alphanumeric': 0.1435813405704337, 'fraction_numerical': 0.011265297762302217, 'mean_word_length': 1.5419757907067553, 'pattern_counts': {'":': 0, '<': 499, '<?xml version=': 0, '>': 499, 'https://': 4, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6286106', 'n_tokens_mistral': 5614, 'n_tokens_neox': 5165, 'n_words': 1222}