Permalink
Browse files

added tilemill project

  • Loading branch information...
1 parent b45044a commit 4d18dc3c7f85b7b4c288688814788a46cfbe8e8d Chris Herwig committed Aug 26, 2012
Showing with 261 additions and 15 deletions.
  1. +35 −2 README.md
  2. BIN data/tilemill/.thumb.png
  3. +119 −0 data/tilemill/project.mml
  4. +89 −0 data/tilemill/style.mss
  5. +10 −9 index.html
  6. +8 −4 site.css
View
@@ -1,2 +1,35 @@
-planets
-=======
+Planets
+=======
+
+![](https://img.skitch.com/20120826-x9pp2ejwwbrhywebftnxmk6dnj.png)
+
+## Contents
+
+1. [About][about]
+2. [Source Documentation][source]
+3. [Processing Scripts][scripts]
+4. [TileMill Project Files][tilemill]
+5. [Map site to explore Mars][mars]
+
+
+## About
+
+This is a repository for the documentation and data processing scripts I use to map planets other than Earth. You can view my first project, which used Mars terrain data from NASA's Mars Global Surveyor on the github pages branch of this repo. You can also explore the finished maps on the [project page.][mars]
+
+### [Mars Maps][mars]
+
+![](https://img.skitch.com/20120826-gf8shm1kaj9ik65fugfam8fdaj.png)
+
+
+
+
+
+
+
+
+
+[mars]: http://hrwgc.github.com/planets
+[about]: [https://github.com/hrwgc/planets/blob/gh-pages/README.md#about]
+[source]: https://github.com/hrwgc/planets/tree/gh-pages/data
+[scripts]: https://github.com/hrwgc/planets/tree/gh-pages/data/scripts
+[tilemill]: https://github.com/hrwgc/planets/tree/gh-pages/data/tilemill
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -0,0 +1,119 @@
+{
+ "bounds": [
+ -180,
+ -85.0511,
+ 180,
+ 85.0511
+ ],
+ "center": [
+ 0,
+ 0,
+ 2
+ ],
+ "format": "png256",
+ "interactivity": false,
+ "minzoom": 0,
+ "maxzoom": 8,
+ "srs": "+proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0.0 +k=1.0 +units=m +nadgrids=@null +wktext +no_defs +over",
+ "Stylesheet": [
+ "style.mss"
+ ],
+ "Layer": [
+ {
+ "geometry": "raster",
+ "extent": [
+ -179.9999999749438,
+ -85.051,
+ 179.9999999749438,
+ 85.051
+ ],
+ "id": "colorreliefp",
+ "class": "",
+ "Datasource": {
+ "file": "mars/mars-color-relief-purple-3785.tif"
+ },
+ "srs-name": "900913",
+ "srs": "+proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0.0 +k=1.0 +units=m +nadgrids=@null +wktext +no_defs +over",
+ "advanced": {},
+ "name": "colorreliefp"
+ },
+ {
+ "geometry": "raster",
+ "extent": [
+ -179.9999999749438,
+ -85.051,
+ 179.9999999749438,
+ 85.051
+ ],
+ "id": "colorreliefr",
+ "class": "",
+ "Datasource": {
+ "file": "mars/mars-color-relief-rb-3785.tif"
+ },
+ "srs-name": "900913",
+ "srs": "+proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0.0 +k=1.0 +units=m +nadgrids=@null +wktext +no_defs +over",
+ "advanced": {},
+ "name": "colorreliefr"
+ },
+ {
+ "geometry": "raster",
+ "extent": [
+ -179.9999999749438,
+ -85.051,
+ 179.9999999749438,
+ 85.051
+ ],
+ "id": "inverted",
+ "class": "",
+ "Datasource": {
+ "file": "mars/mars-color-relief-red-3785.tif"
+ },
+ "srs-name": "900913",
+ "srs": "+proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0.0 +k=1.0 +units=m +nadgrids=@null +wktext +no_defs +over",
+ "advanced": {},
+ "name": "inverted"
+ },
+ {
+ "geometry": "raster",
+ "extent": [
+ -179.9999999749438,
+ -85.051,
+ 179.9999999749438,
+ 85.051
+ ],
+ "id": "hillshade",
+ "class": "",
+ "Datasource": {
+ "file": "mars/mars-hillshading-3785.tif"
+ },
+ "srs-name": "900913",
+ "srs": "+proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0.0 +k=1.0 +units=m +nadgrids=@null +wktext +no_defs +over",
+ "advanced": {},
+ "name": "hillshade"
+ },
+ {
+ "geometry": "raster",
+ "extent": [
+ -179.9999999749438,
+ -85.051,
+ 179.9999999749438,
+ 85.051
+ ],
+ "id": "slope",
+ "class": "",
+ "Datasource": {
+ "file": "mars/mars-slopeshading-3785.tif"
+ },
+ "srs-name": "900913",
+ "srs": "+proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0.0 +k=1.0 +units=m +nadgrids=@null +wktext +no_defs +over",
+ "advanced": {},
+ "name": "slope"
+ }
+ ],
+ "scale": 1,
+ "metatile": 4,
+ "_basemap": "",
+ "name": "Mars Terrain",
+ "description": "This map uses elevation data from the Mars Orbiter Laser Altimeter instrument on the Mars Global Surveyor to show the terrain of Mars. ",
+ "attribution": "NASA"
+}
View
@@ -0,0 +1,89 @@
+/* Purple */
+/*
+#colorreliefr {
+ [zoom < 6] { raster-opacity:0; raster-comp-op:lighten; }
+}
+
+#slope,
+#hillshade,
+#colorreliefp {
+ raster-comp-op:multiply;
+}
+
+
+#hillshade {
+ raster-scaling:lanczos;
+ raster-opacity:.61;
+ [zoom >= 8]{ raster-scaling:bicubic;}
+}
+
+#slope {
+ [zoom < 4] { raster-opacity:.4; raster-scaling:lanczos;}
+ [zoom >= 4] {
+ raster-scaling:lanczos;
+ raster-opacity:.41;
+ raster-comp-op: multiply;
+ ::burn[zoom > 4] {
+ raster-opacity:.3;
+ raster-comp-op:color-burn;
+ }
+ }
+}
+#colorreliefp {
+ raster-scaling:lanczos;
+ raster-opacity:1;
+ [zoom >= 8]{ raster-scaling:gaussian; }
+ ::highlight[zoom = 3] { raster-comp-op:color-dodge; raster-opacity:.1;}
+ ::highlight[zoom = 4] { raster-comp-op:color-dodge; raster-opacity:.2;}
+ ::highlight[zoom = 5] { raster-comp-op:color-dodge; raster-opacity:.4;}
+ ::highlight[zoom >= 6] { raster-comp-op:color-dodge; raster-opacity:.5;}
+}*/
+
+
+/* The red planet map */
+
+#hillshade,
+#slope {
+ raster-comp-op:multiply;
+}
+#colorreliefr {
+ [zoom < 4] { raster-opacity:1; raster-comp-op:lighten; }
+ [zoom >= 4] {
+ raster-scaling:lanczos;
+ raster-opacity:1;
+ raster-comp-op:plus;
+ }
+}
+
+#hillshade {
+ [zoom < 4] { raster-opacity:.6; raster-scaling:lanczos;}
+ [zoom >= 4] {
+ raster-scaling:lanczos;
+ raster-opacity:.41;
+ raster-comp-op: multiply;
+ raster-filter-factor:1;
+ }
+}
+
+#slope {
+ [zoom < 4] { raster-opacity:.4; raster-scaling:lanczos;}
+ [zoom >= 4] {
+ raster-scaling:lanczos;
+ raster-opacity:.41;
+ raster-comp-op: multiply;
+ ::burn[zoom > 4] {
+ raster-opacity:.3;
+ raster-comp-op:color-burn;
+ }
+ }
+}
+#inverted {
+ raster-scaling:lanczos;
+ raster-comp-op:color;
+ raster-opacity:.41;
+ ::contrast[zoom > 2] {
+ raster-comp-op:color;
+ raster-scaling:gaussian;
+ raster-opacity:.41;
+ }
+}
View
@@ -9,8 +9,7 @@
<link href='site.css' rel='stylesheet'>
<link href='css/source-sans-pro/stylesheet.css' rel='stylesheet' />
<link href='css/chunkfive/stylesheet.css' rel='stylesheet' />
-
- <link href='css/bodonixt/stylesheet.css' rel='stylesheet' />
+ <link href='css/nexa/stylesheet.css' rel='stylesheet' />
<script src='vendor/modestmaps.min.js'></script>
<script src='vendor/wax.mm.min.js'></script>
<script src='vendor/jquery-1.7.2.min.js'></script>
@@ -21,7 +20,7 @@
<div id='header' class='gradient'>
<div class='inner'>
<h1 id='title'>Mars</h1>
- <h6 class='description'>Mapping Mars with <a href="">NASA</a> and <a href="">USGS</a> open data</a>.
+ <h6 class='description'>Mapping Mars with <a href="http://nasa.gov">NASA</a> and <a href="">USGS</a> open planetary data</a>.
</div>
</div>
<div id='sidebar'>
@@ -30,29 +29,31 @@ <h6 class='description'>Mapping Mars with <a href="">NASA</a> and <a href="">USG
<ul>
<li id='red-planet'>
<a class='title' data-layer='herwig.mars-dem,herwig.mars-gazetteer' href='#'>The Red Planet</a>
- <div class='description'><span class='arrow'>&nbsp;</span>Terrain Data Source: Mars Global Surveyor (MGS), Mars Orbiter Laser Altimeter.The source for the location dataset is the International Astronomical Union (IAU) Working Group for Planetary System Nomenclature (WGPSN).
+ <div class='description'><span class='arrow'>&nbsp;</span><p>Terrain Data Source: Mars Global Surveyor (MGS), Mars Orbiter Laser Altimeter.The source for the location dataset is the International Astronomical Union (IAU) Working Group for Planetary System Nomenclature (WGPSN).</p>
</div>
</li>
<li id='lightred'>
<a class='title' data-layer='herwig.mars-the-red-planet,herwig.mars-gazetteer' href='#'>Lighter Red</a>
- <div class='description'><span class='arrow'>&nbsp;</span>This map layer has higher contrast to show the diverse Terrain on Mars. Source: NASA MGS MOLA Instrument</div>
+ <div class='description'><span class='arrow'>&nbsp;</span><p>This map layer has higher contrast to show the diverse Terrain on Mars.</p>
+ <p>Source: NASA MGS MOLA Instrument</p></div>
</li>
<li id='locations'>
<a class='title' data-layer='herwig.mars-dem,herwig.mars-gazetteer,herwig.mars-mission-pictures' href='#'>Mission Landings</a>
<div class='description'><span class='arrow'>&nbsp;</span>Previous Missions</div>
</li>
<li id='track-marks'>
<a class='title' data-layer='herwig.mars-first-tracks' href='#'>Curiosity Tracks</a>
- <div class='description'><span class='arrow'>&nbsp;</span>This image shows Curiosity rover's first track marks on mars on August 22, 2012. Image Credit: NASA/JPL-Caltech</div>
+ <div class='description'><span class='arrow'>&nbsp;</span><p>This image shows Curiosity rover's first track marks on mars on August 22, 2012. Image Credit: NASA/JPL-Caltech</p>
+ </div>
</li>
<li id='terrain'>
<a class='title' data-layer='herwig.mars-the-red-planet,herwig.mars-terrain' href='#'>Terrain</a>
- <div class='description'><span class='arrow'>&nbsp;</span>This map layer has higher contrast to show the diverse Terrain on Mars. Source: NASA MGS MOLA Instrument</div>
+ <div class='description'><span class='arrow'>&nbsp;</span><p>This map layer has higher contrast to show the diverse Terrain on Mars.<p></p>Source: NASA MGS MOLA Instrument</p></div>
</li>
</ul>
</div>
- <div class='notes'>
- <div id='more-data'>
+ <div class='notes' class='gradient'>
+ <div id='more-data' >
</div>
<div class='sw'>All MOLA data from <a href='http://usgs.gov'>USGS</a> and <a href='http://nasa.gov'>NASA</a>. Maps rendered with <a href='http://mapbox.com/tilemill/'>TileMill</a> and hosted on <a href='http://mapbox.com/plans/'>MapBox</a>. All site and TileMill map sources <a href='https://github.com/mapbox/reinventgreen'>available on GitHub</a>.</div>
</div>
View
@@ -43,8 +43,9 @@ table { border-collapse: collapse; border-spacing: 0; }
--------------------------------------------------------- */
body {
background: #464b48;
- font: 15px/20px 'SourceSansProLightRegular','Helvetica Neue',Helvetica,Arial,sans-serif;
+ font: 15px/20px 'SourceSansProRegular','Helvetica Neue',Helvetica,Arial,sans-serif;
color: #7a7a7a;
+ font-weight:normal;
-webkit-font-smoothing: antialiased;
}
@@ -235,6 +236,7 @@ h6.description {
background:rgba(20, 22, 20,.8);
font-family:SourceSansProBold;
font-size: 11px;
+ font-weight: normal;
line-height: 18px;
color: #656565;
padding: 10px;
@@ -255,16 +257,16 @@ h6.description {
font-family:ChunkFiveRegular;
font-size: 10px;
display: inline;
- background-color: #303030;
+ // background-color: #303030;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 15px 0;
}
#more-data .description,
#more-data .description #notes {
- font-family:SourceSansProRegular;
- color: #fff;
+ font-family:SourceSansProSemiboldRegular;
+ font-weight:regular;
padding: 5px;
padding-bottom:20px;
font-size: 12px;
@@ -384,6 +386,8 @@ a.zoomer {
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
font-family:Arial, 'sans-serif';
+ color: #fff;
+
}
a.zoomout {
right: 20px;

0 comments on commit 4d18dc3

Please sign in to comment.