Describe blue-marble. Cleanup example index.

simplegeo · Aug 13, 2010 · ce9a3d8 · ce9a3d8
1 parent daa6b3d
commit ce9a3d8
Show file tree

Hide file tree

Showing 15 changed files with 54 additions and 34 deletions.
diff --git a/www/ex/bing.m4 b/www/ex/bing.m4
@@ -37,7 +37,7 @@
       </div>
       <div class="span-18 last top">
         <a href="../">Overview</a>
-        <a href="./">Examples</a>
+        <a class="active" href="./">Examples</a>
         <a href="../docs/">Documentation</a>
         <a href="http://github.com/simplegeo/polymaps">Download</a>
       </div>
@@ -54,7 +54,7 @@
       <p>Want to show what Earth looks like from space? The Bing&#x2122;
       Maps <a href="http://msdn.microsoft.com/en-us/library/ff701716.aspx">imagery
       metadata API</a> provides beautiful aerial (satellite) image tiles at a
-      wide range of zoom levels, with optional labels. The &rdquo;Road&ldquo;
+      wide range of zoom levels, with optional labels. The &ldquo;Road&rdquo;
       tileset is a more traditional alternative to <a href="pale-dawn.html">Pale
       Dawn</a>.</p>
 

diff --git a/www/ex/blue-marble.m4 b/www/ex/blue-marble.m4
@@ -30,7 +30,7 @@
       </div>
       <div class="span-18 last top">
         <a href="../">Overview</a>
-        <a href="./">Examples</a>
+        <a class="active" href="./">Examples</a>
         <a href="../docs/">Documentation</a>
         <a href="http://github.com/simplegeo/polymaps">Download</a>
       </div>
@@ -42,6 +42,25 @@
       </div>
       <div class="span-18 last">
 
+        <h2>Blue Marble</h2>
+
+        <p>The <a href="http://earthobservatory.nasa.gov/">NASA Earth
+        Observatory</a> published a series of 500-meter resolution satellite
+        imagery in 2005, in true color showing seasonal dynamics at monthly
+        intervals. This tileset is a free alternative
+        to <a href="satellite.html">Bing Maps</a>, and demonstrates how custom
+        image tiles can be used with Polymaps.</p>
+
+        <p>This map is constructed using a single <a href="../docs/#image"
+        >image</a> layer pulling tiles from <a href="http://aws.amazon.com/s3/"
+        >Amazon S3</a>. (Hosting courtesy of the folks
+        behind <a href="http://modestmaps.com/">Modest Maps</a>.) The tiles are
+        in spherical mercator coordinates, and the map has standard interaction
+        controls, so this basic example is a useful starting point for
+        customization.</p>
+
+        <h3>Source Code</h3>
+
 m4_include(`../../examples/nasa/blue-marble.js.html')
 
       </div>

diff --git a/www/ex/cluster.m4 b/www/ex/cluster.m4
@@ -34,7 +34,7 @@
       </div>
       <div class="span-18 last top">
         <a href="../">Overview</a>
-        <a href="./">Examples</a>
+        <a class="active" href="./">Examples</a>
         <a href="../docs/">Documentation</a>
         <a href="http://github.com/simplegeo/polymaps">Download</a>
       </div>

diff --git a/www/ex/flickr.m4 b/www/ex/flickr.m4
@@ -26,7 +26,7 @@
       </div>
       <div class="span-18 last top">
         <a href="../">Overview</a>
-        <a href="./">Examples</a>
+        <a class="active" href="./">Examples</a>
         <a href="../docs/">Documentation</a>
         <a href="http://github.com/simplegeo/polymaps">Download</a>
       </div>

diff --git a/www/ex/grid.m4 b/www/ex/grid.m4
@@ -32,7 +32,7 @@
       </div>
       <div class="span-18 last top">
         <a href="../">Overview</a>
-        <a href="./">Examples</a>
+        <a class="active" href="./">Examples</a>
         <a href="../docs/">Documentation</a>
         <a href="http://github.com/simplegeo/polymaps">Download</a>
       </div>

diff --git a/www/ex/index.html b/www/ex/index.html
@@ -65,7 +65,7 @@ <h2>Examples</h2>
           </a>
         </div>
         <div class="span-11 last">
-          <h4>Pale Dawn</h4>
+          <h4><a href="pale-dawn.html">Pale Dawn</a></h4>
 
           <p>This tileset has a calm, restrained style designed to work well
           with lots of data points. It&rsquo;s less about the geographical
@@ -81,7 +81,7 @@ <h4>Pale Dawn</h4>
           </a>
         </div>
         <div class="span-11 last">
-          <h4>Midnight Commander</h4>
+          <h4><a href="midnight-commander.html">Midnight Commander</a></h4>
 
           <p>You know, for when you&rsquo;re Jason Bourne and you&rsquo;re on
           the run from the man and you break into the command center and you
@@ -96,7 +96,7 @@ <h4>Midnight Commander</h4>
           </a>
         </div>
         <div class="span-11 last">
-          <h4>Satellite</h4>
+          <h4><a href="bing.html">Satellite</a></h4>
 
           <p>Want to show what Earth looks like from space? The Bing&#x2122;
           Maps imagery metadata API provides beautiful aerial (satellite) image
@@ -111,11 +111,12 @@ <h4>Satellite</h4>
           </a>
         </div>
         <div class="span-11 last">
-          <h4>Blue Marble</h4>
-          Lorem Ipsum is simply dummy text of the printing and typesetting
-          industry. Lorem Ipsum has been the industry's standard dummy text
-          ever since the 1500s, when an unknown printer took a galley of type
-          and scrambled it to make a type specimen book.
+          <h4><a href="blue-marble.html">Blue Marble</a></h4>
+
+          <p>The NASA Earth Observatory published a series of 500-meter
+          resolution satellite imagery in 2005, in true color showing seasonal
+          dynamics at monthly intervals. Custom image tiles are easily adopted
+          with Polymaps.</p>
         </div>
 
         <hr class="space"/>
@@ -126,7 +127,7 @@ <h4>Blue Marble</h4>
           </a>
         </div>
         <div class="span-11 last">
-          <h4>Statehood</h4>
+          <h4><a href="statehood.html">Statehood</a></h4>
           Lorem Ipsum is simply dummy text of the printing and typesetting
           industry. Lorem Ipsum has been the industry's standard dummy text
           ever since the 1500s, when an unknown printer took a galley of type
@@ -141,7 +142,7 @@ <h4>Statehood</h4>
           </a>
         </div>
         <div class="span-11 last">
-          <h4>Population Density</h4>
+          <h4><a href="population.html">Population Density</a></h4>
           Lorem Ipsum is simply dummy text of the printing and typesetting
           industry. Lorem Ipsum has been the industry's standard dummy text
           ever since the 1500s, when an unknown printer took a galley of type
@@ -156,7 +157,7 @@ <h4>Population Density</h4>
           </a>
         </div>
         <div class="span-11 last">
-          <h4>Unemployment</h4>
+          <h4><a href="unemployment.html">Unemployment</a></h4>
           Lorem Ipsum is simply dummy text of the printing and typesetting
           industry. Lorem Ipsum has been the industry's standard dummy text
           ever since the 1500s, when an unknown printer took a galley of type
@@ -171,7 +172,7 @@ <h4>Unemployment</h4>
           </a>
         </div>
         <div class="span-11 last">
-          <h4>Pavement Quality</h4>
+          <h4><a href="streets.html">Pavement Quality</a></h4>
           Lorem Ipsum is simply dummy text of the printing and typesetting
           industry. Lorem Ipsum has been the industry's standard dummy text
           ever since the 1500s, when an unknown printer took a galley of type
@@ -186,7 +187,7 @@ <h4>Pavement Quality</h4>
           </a>
         </div>
         <div class="span-11 last">
-          <h4><i>k</i>-Means Clustering</h4>
+          <h4><a href="cluster.html"><i>k</i>-Means Clustering</a></h4>
           Lorem Ipsum is simply dummy text of the printing and typesetting
           industry. Lorem Ipsum has been the industry's standard dummy text
           ever since the 1500s, when an unknown printer took a galley of type
@@ -201,7 +202,7 @@ <h4><i>k</i>-Means Clustering</h4>
           </a>
         </div>
         <div class="span-11 last">
-          <h4>Flickr Shapes</h4>
+          <h4><a href="flickr.html">Flickr Shapes</a></h4>
           Lorem Ipsum is simply dummy text of the printing and typesetting
           industry. Lorem Ipsum has been the industry's standard dummy text
           ever since the 1500s, when an unknown printer took a galley of type
@@ -216,7 +217,7 @@ <h4>Flickr Shapes</h4>
           </a>
         </div>
         <div class="span-11 last">
-          <h4>Shadows &amp; Gradients</h4>
+          <h4><a href="shadow.html">Shadows &amp; Gradients</a></h4>
 
           <p>Sometimes you want to take advantage of the raw power of SVG!
           Polymaps produces a clean and well-behaved SVG tree, allowing rich
@@ -232,7 +233,7 @@ <h4>Shadows &amp; Gradients</h4>
           </a>
         </div>
         <div class="span-11 last">
-          <h4>Affine Transform</h4>
+          <h4><a href="transform.html">Affine Transform</a></h4>
           Lorem Ipsum is simply dummy text of the printing and typesetting
           industry. Lorem Ipsum has been the industry's standard dummy text
           ever since the 1500s, when an unknown printer took a galley of type
@@ -247,7 +248,7 @@ <h4>Affine Transform</h4>
           </a>
         </div>
         <div class="span-11 last">
-          <h4>Image Overlay</h4>
+          <h4><a href="overlay.html">Image Overlay</a></h4>
           Lorem Ipsum is simply dummy text of the printing and typesetting
           industry. Lorem Ipsum has been the industry's standard dummy text
           ever since the 1500s, when an unknown printer took a galley of type
@@ -262,7 +263,7 @@ <h4>Image Overlay</h4>
           </a>
         </div>
         <div class="span-11 last">
-          <h4>Lat-Lon Grid</h4>
+          <h4><a href="grid.html">Lat-Lon Grid</a></h4>
           Lorem Ipsum is simply dummy text of the printing and typesetting
           industry. Lorem Ipsum has been the industry's standard dummy text
           ever since the 1500s, when an unknown printer took a galley of type
@@ -277,7 +278,7 @@ <h4>Lat-Lon Grid</h4>
           </a>
         </div>
         <div class="span-11 last">
-          <h4>Tile Grid</h4>
+          <h4><a href="tiles.html">Tile Grid</a></h4>
           Lorem Ipsum is simply dummy text of the printing and typesetting
           industry. Lorem Ipsum has been the industry's standard dummy text
           ever since the 1500s, when an unknown printer took a galley of type

diff --git a/www/ex/midnight-commander.m4 b/www/ex/midnight-commander.m4
@@ -34,7 +34,7 @@
       </div>
       <div class="span-18 last top">
         <a href="../">Overview</a>
-        <a href="./">Examples</a>
+        <a class="active" href="./">Examples</a>
         <a href="../docs/">Documentation</a>
         <a href="http://github.com/simplegeo/polymaps">Download</a>
       </div>

diff --git a/www/ex/overlay.m4 b/www/ex/overlay.m4
@@ -26,7 +26,7 @@
       </div>
       <div class="span-18 last top">
         <a href="../">Overview</a>
-        <a href="./">Examples</a>
+        <a class="active" href="./">Examples</a>
         <a href="../docs/">Documentation</a>
         <a href="http://github.com/simplegeo/polymaps">Download</a>
       </div>

diff --git a/www/ex/pale-dawn.m4 b/www/ex/pale-dawn.m4
@@ -26,7 +26,7 @@
       </div>
       <div class="span-18 last top">
         <a href="../">Overview</a>
-        <a href="./">Examples</a>
+        <a class="active" href="./">Examples</a>
         <a href="../docs/">Documentation</a>
         <a href="http://github.com/simplegeo/polymaps">Download</a>
       </div>

diff --git a/www/ex/population.m4 b/www/ex/population.m4
@@ -43,7 +43,7 @@
       </div>
       <div class="span-18 last top">
         <a href="../">Overview</a>
-        <a href="./">Examples</a>
+        <a class="active" href="./">Examples</a>
         <a href="../docs/">Documentation</a>
         <a href="http://github.com/simplegeo/polymaps">Download</a>
       </div>

diff --git a/www/ex/statehood.m4 b/www/ex/statehood.m4
@@ -36,7 +36,7 @@
       </div>
       <div class="span-18 last top">
         <a href="../">Overview</a>
-        <a href="./">Examples</a>
+        <a class="active" href="./">Examples</a>
         <a href="../docs/">Documentation</a>
         <a href="http://github.com/simplegeo/polymaps">Download</a>
       </div>

diff --git a/www/ex/streets.m4 b/www/ex/streets.m4
@@ -40,7 +40,7 @@
       </div>
       <div class="span-18 last top">
         <a href="../">Overview</a>
-        <a href="./">Examples</a>
+        <a class="active" href="./">Examples</a>
         <a href="../docs/">Documentation</a>
         <a href="http://github.com/simplegeo/polymaps">Download</a>
       </div>

diff --git a/www/ex/tiles.m4 b/www/ex/tiles.m4
@@ -41,7 +41,7 @@
       </div>
       <div class="span-18 last top">
         <a href="../">Overview</a>
-        <a href="./">Examples</a>
+        <a class="active" href="./">Examples</a>
         <a href="../docs/">Documentation</a>
         <a href="http://github.com/simplegeo/polymaps">Download</a>
       </div>

diff --git a/www/ex/transform.m4 b/www/ex/transform.m4
@@ -32,7 +32,7 @@
       </div>
       <div class="span-18 last top">
         <a href="../">Overview</a>
-        <a href="./">Examples</a>
+        <a class="active" href="./">Examples</a>
         <a href="../docs/">Documentation</a>
         <a href="http://github.com/simplegeo/polymaps">Download</a>
       </div>

diff --git a/www/ex/unemployment.m4 b/www/ex/unemployment.m4
@@ -42,7 +42,7 @@
       </div>
       <div class="span-18 last top">
         <a href="../">Overview</a>
-        <a href="./">Examples</a>
+        <a class="active" href="./">Examples</a>
         <a href="../docs/">Documentation</a>
         <a href="http://github.com/simplegeo/polymaps">Download</a>
       </div>