-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added stub page for Tilemill information
- Loading branch information
Michal Migurski
committed
Feb 26, 2012
1 parent
a772cbc
commit d835fde
Showing
1 changed file
with
75 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,75 @@ | ||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" | ||
"http://www.w3.org/TR/html4/loose.dtd"> | ||
<html lang="en"> | ||
<head> | ||
<meta http-equiv="content-type" content="text/html; charset=utf-8"> | ||
<title>Tile Drawer</title> | ||
<link rel="stylesheet" href="style.css" type="text/css"> | ||
</head> | ||
<body> | ||
|
||
<div id="content"> | ||
<div id="header"> | ||
<h1><img src="logo.png" alt="Tile Drawer" width="448" height="82"></h1> | ||
</div> | ||
|
||
<h2>Tile Drawer ♥ Tile Mill</h2> | ||
<p> | ||
This is a placeholder page for more information about how to use <a href="./">Tile Drawer</a> with TileMill. Check back here soon for more information. | ||
<br> | ||
<i>—Michal Migurski, February 2012.</i> | ||
</p> | ||
|
||
<p style="text-align: center;"> | ||
<img src="drawer.png" alt="Tile Drawer" width="144" height="127"> | ||
</p> | ||
|
||
<p> | ||
Contact: <a href="mailto:info@tiledrawer.com">info@tiledrawer.com</a> | ||
</p> | ||
<p> | ||
Logo & illustration by <a href="http://use-it.be/en/page/54/visit-use-it/">Nicolas Marichal, USE-IT</a>. | ||
</p> | ||
</div> | ||
|
||
<div id="gallery"> | ||
<h2>Styles</h2> | ||
<p> | ||
I have a few ready-made map styles to choose from below. I’ll be expanding this list with new ones soon, and if you have one to contribute <a href="mailto:info@tiledrawer.com">let me know</a>. | ||
</p> | ||
|
||
<p> | ||
<img src="osm-solar.png" width="300" height="300" alt=""> | ||
</p> | ||
<h3>Solar</h3> | ||
<p class="description"> | ||
Developed to create maximally-compressed tiles to fit onto a portable GIS / disaster response system from <a href="http://www.tethr.org/">Tethr</a> with colors sampled from Ethan Schoonover’s <a href="http://ethanschoonover.com/solarized">Solarized</a>. <a href="http://mike.teczno.com/notes/osm-solar.html">Read more about Solar</a>. | ||
</p> | ||
|
||
<p> | ||
<img src="osm-style.png" width="300" height="300" alt=""> | ||
</p> | ||
<h3>Bright</h3> | ||
<p class="description"> | ||
This is the style that originally shipped with <a href="http://code.google.com/p/mapnik-utils/wiki/Cascadenik">Cascadenik</a> in 2008. It’s largely primary colors, and has definitions for a variety of scales. Residential roads are used for texture at small scales. The road widths defined here later informed <a href="http://stamen.com/clients/cloudmade">Stamen’s design work for Cloudmade</a>. <a href="http://mike.teczno.com/notes/cascadenik-openstreetmap.html">Read more about Bright</a>. | ||
</p> | ||
|
||
<p> | ||
<img src="wintermute.png" width="300" height="300" alt=""> | ||
</p> | ||
<h3>Wintermute</h3> | ||
<p class="description"> | ||
Dark ground with light-colored water, entirely gray with motorways highlighted in bright saffron. No text. Designed for <a href="https://github.com/migurski/HighRoad/">OSM High Road</a>. | ||
</p> | ||
|
||
<p> | ||
<img src="mapscratch.png" width="300" height="300" alt=""> | ||
</p> | ||
<h3>Scratch</h3> | ||
<p class="description"> | ||
Demonstration style produced for the <a href="http://mapsfromscratch.com/">2010 Where 2.0 Maps From Scratch workshop</a>, where Stamen colleague Shawn Allen and I showed how to generate road cartography from raw data and first principles. <i>Scratch</i> is designed to work at just a few scales. | ||
</p> | ||
</div> | ||
|
||
</body> | ||
</html> |