Update site

css/planetaryjs.css

@@ -1 +1 @@
-html,body{font-size:15px;font-family:"Open Sans","Helvetica Neue","Helvetica","Arial",sans-serif}body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif}h1.subheader,h2.subheader,h3.subheader,h4.subheader,h5.subheader,h6.subheader{font-weight:300}h1.title-header,h2.title-header{margin-top:0px;margin-bottom:10px}.content.container{padding-top:50px}.content.container .slim{max-width:1108px;padding:0 20px;margin:0 auto}.centered{text-align:center}.feature-list{font-size:17px}.feature-list .icon{margin-right:5px !important}a.ui.icon.header{text-decoration:none;color:black}a.ui.icon.header:hover{color:blue}.divider .icon.huge{font-size:2em}.footer .text{text-align:center}canvas#homepage-globe-canvas{width:350px;height:350px;cursor:move}@media screen and (max-width:768px){.hide-on-mobile{display:none !important}.ui.grid>.wide.column{width:auto !important;min-width:100%}}.column h1:first-child{padding-top:0;margin-top:0}@media screen and (min-width:769px){.hide-on-non-mobile{display:none !important}.main-menu .items{text-align:center;max-width:900px}}@media screen and (min-width:1050px){.main-menu{padding-left:8%}}.spacer{display:inline-block;width:50px}.ui.large.menu .item.minor{font-size:14px}.homepage-globe-canvas{text-align:right}@media screen and (max-width:998px){.homepage-globe-canvas{text-align:center}}.ui.dark.blue.label{background-color:#000080 !important;margin-top:5px}.ui.dark.blue.label:before{background-color:#000080 !important}.no-underline{text-decoration:none}.ui.menu .item.contains-subitems{padding-top:0;padding-bottom:0;margin-top:0}.ui.menu .item.contains-subitems:before{width:0;height:0}pre{font-size:14px;overflow-x:auto}.ui.items.examples a.item{text-decoration:none}
+html,body{font-size:15px;font-family:"Open Sans","Helvetica Neue","Helvetica","Arial",sans-serif}body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif}h1.subheader,h2.subheader,h3.subheader,h4.subheader,h5.subheader,h6.subheader{font-weight:300}h1.title-header,h2.title-header{margin-top:0px;margin-bottom:10px}.content.container{padding-top:50px}.content.container .slim{max-width:1108px;padding:0 20px;margin:0 auto}.centered{text-align:center}.feature-list{font-size:17px}.feature-list .icon{margin-right:5px !important}.ui.label.bower{text-transform:none}a.ui.icon.header{text-decoration:none;color:black}a.ui.icon.header:hover{color:blue}.section-description{min-height:40px}.divider .icon.huge{font-size:2em}.footer .text{text-align:center}canvas#homepage-globe-canvas{width:350px;height:350px;cursor:move}@media screen and (max-width:768px){.hide-on-mobile{display:none !important}.ui.grid>.wide.column{width:auto !important;min-width:100%}}.column h1:first-child{padding-top:0;margin-top:0}@media screen and (min-width:769px){.hide-on-non-mobile{display:none !important}.main-menu .items{text-align:center;max-width:900px}}@media screen and (min-width:1050px){.main-menu{padding-left:8%}}.spacer{display:inline-block;width:50px}.ui.large.menu .item.minor{font-size:14px}.homepage-globe-canvas{text-align:right}@media screen and (max-width:998px){.homepage-globe-canvas{text-align:center}}.ui.dark.blue.label{background-color:#000080 !important;margin-top:5px}.ui.dark.blue.label:before{background-color:#000080 !important}.no-underline{text-decoration:none}.example-segment .horizontal.label{margin-top:5px}.example-segment img{width:200px;height:200px}.ui.menu .item.contains-subitems{padding-top:0;padding-bottom:0;margin-top:0}.ui.menu .item.contains-subitems:before{width:0;height:0}pre{font-size:14px;overflow-x:auto}.ui.items.examples a.item{text-decoration:none}

documentation/builtin.html

@@ -102,5 +102,15 @@
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

documentation/builtin_borders.html

@@ -109,5 +109,15 @@
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

documentation/builtin_drag.html

@@ -105,5 +105,15 @@
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

documentation/builtin_earth.html

@@ -116,5 +116,15 @@
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

documentation/builtin_land.html

@@ -109,5 +109,15 @@
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

documentation/builtin_oceans.html

@@ -103,5 +103,15 @@
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

documentation/builtin_pings.html

@@ -127,5 +127,15 @@ setInterval(function() {
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

documentation/builtin_topojson.html

@@ -120,5 +120,15 @@
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

documentation/builtin_zoom.html

@@ -108,5 +108,15 @@
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

documentation/core.html

@@ -128,5 +128,15 @@ planetaryjs.loadPlugin(somePluginGenerator());</code></pre>
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

documentation/faq.html

@@ -116,5 +116,15 @@ planet&#39;s <code>draw</code> method.</p>
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

documentation/help.html

@@ -92,5 +92,15 @@
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

documentation/index.html

@@ -127,5 +127,15 @@ planet.draw(canvas);</code></pre>
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

documentation/planet.html

@@ -181,5 +181,15 @@ planet.draw(canvas);</code></pre>
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

documentation/plugins.html

@@ -226,5 +226,15 @@ setTimeout(function() {
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

examples/basic.html

@@ -38,7 +38,13 @@
   <div class='content container'>
     <div class='page ui slim stackable grid'>
       <div class='sixteen wide column'>
-        <h1>Basic Globe</h1>
+        <div class="ui breadcrumb">
+  <a href='/examples/' class="section">Examples</a>
+  <i class="right arrow icon divider"></i>
+  <div class="active section">Basic Globe</div>
+</div>
+
+<h1>Basic Globe</h1>
 
 <p>This example shows the minimum code you need to render a basic representation of the planet Earth.</p>
 
@@ -79,5 +85,15 @@
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

examples/index.html

@@ -42,35 +42,38 @@
 
 <p>Sometimes you just need to see some code to get an idea started; here are a few examples of what you can build with Planetary.js.</p>
 
-<div class='ui three connected items examples'>
+<div class='ui segment example-segment'>
-  <div class='row'>
+  <div class='ui top attached purple label'>Level 1</div>
-    <a class='item' href='/examples/basic.html'>
+  <div>
-      <div class='content'>
+    <a href='/examples/basic.html'><img src='/images/ex-basic.png' style='float: left; margin-right: 20px;'></a>
-        <div class='name'>Basic Globe</div>
+    <a href='/examples/basic.html'><h2>Basic Globe</h2></a>
-        <p class='description'>It doesn't get any simpler than this:
+    <p>It doesn't get any simpler than this: just a static globe, built using built-in plugins with nothing up our sleeves!</p>
-          just a static globe using built-in plugins and nothing
+    <span class='ui teal horizontal label'>plugins: earth</span>
-          up our sleeves!</p>
+    <span class='ui black horizontal label'>d3: projections</span>
   </div>
-    </a>
+</div>
 
-    <a class='item' href='/examples/rotating.html'>
+<div class='ui segment example-segment'>
-      <div class='content'>
+  <div class='ui top attached orange label'>Level 2</div>
-        <div class='name'>Rotating Globe</div>
+  <div>
-        <p class='description'>If there's one thing that's better than
+    <a href='/examples/rotating.html'><img src='/images/ex-rotating.png' style='float: left; margin-right: 20px;'></a>
-          a globe, it's a globe that rotates. This is the demo from the
+    <a href='/examples/rotating.html'><h2>Rotating Globe with Pings</h2></a>
-          homepage of Planetaryjs.com, and so includes a custom
+    <p>If there's one thing that's better than a globe, it's a globe that rotates. This is the demo from the homepage of Planetaryjs.com, and so includes a custom auto-rotation plugin and zoom/drag integration.</p>
-          auto-rotation plugin and zoom/drag integration.</p>
+    <span class='ui teal horizontal label'>plugins: earth, pings, drag, zoom</span>
+    <span class='ui orange horizontal label'>custom plugins</span>
+    <span class='ui black horizontal label'>d3: projections</span>
   </div>
-    </a>
+</div>
 
-    <a class='item' href='/examples/quake.html'>
+<div class='ui segment example-segment'>
-      <div class='content'>
+  <div class='ui top attached red label'>Level 3</div>
-        <div class='name'>Earthquake Data</div>
+  <div>
-        <p class='description'>A visualization of 2013 seismic activity.
+    <a href='/examples/quake.html'><img src='/images/ex-quake.png' style='float: left; margin-right: 20px;'></a>
-          This demo shows the use of multiple custom plugins, D3
+    <a href='/examples/quake.html'><h2>2013 Seismic Activity Visualization</h2></a>
-          scales, fetching third party data, and DOM updates via D3.</p>
+    <p>A visualization of 2013 seismic activity. This demo shows the use of multiple custom plugins, D3 scales, fetching third party data, and DOM updates via D3.</p>
-      </div>
+    <span class='ui teal horizontal label'>plugins: earth, pings, drag, zoom</span>
-    </a>
+    <span class='ui orange horizontal label'>custom plugins</span>
+    <span class='ui black horizontal label'>d3: projections, scales, selections, events, external data</span>
   </div>
 </div>
 
@@ -78,5 +81,15 @@
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

examples/quake.html

@@ -38,9 +38,15 @@
   <div class='content container'>
     <div class='page ui slim stackable grid'>
       <div class='sixteen wide column'>
-        <h1>2013 Earthquake Data</h1>
+        <div class="ui breadcrumb">
+  <a href='/examples/' class="section">Examples</a>
+  <i class="right arrow icon divider"></i>
+  <div class="active section">2013 Seismic Activity Visualization</div>
+</div>
 
-<p>This is a more advanced example of what can be built with Planetary.js. The demo sets up a globe with some custom plugins (defined at the bottom of the JavaScript), and also demonstrates some non-Planetary.js-specific techniques, like the use of <a href='http://momentjs.com/'>Moment.js</a>, D3 scales, DOM manipulation, and loading external data.</p>
+<h1>2013 Seismic Activity Visualization</h1>
+
+<p>This is a more advanced example of what you can build with Planetary.js. The demo sets up a globe with some custom plugins (defined at the bottom of the JavaScript), and also demonstrates some non-Planetary.js-specific techniques, like the use of <a href='http://momentjs.com/'>Moment.js</a>, D3 scales, DOM manipulation, and loading external data.</p>
 
 <p><a href="/examples/quake/index.html">View the demo</a></p>
 
@@ -292,5 +298,15 @@
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

examples/quake/index.html

@@ -104,5 +104,15 @@
 
   <script type='text/javascript' src='/js/lib/moment.min.js'></script>
   <script type='text/javascript' src='/examples/quake/quake.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

examples/rotating.html

@@ -38,7 +38,13 @@
   <div class='content container'>
     <div class='page ui slim stackable grid'>
       <div class='sixteen wide column'>
-        <h1>Basic Globe</h1>
+        <div class="ui breadcrumb">
+  <a href='/examples/' class="section">Examples</a>
+  <i class="right arrow icon divider"></i>
+  <div class="active section">Rotating Globe with Pings</div>
+</div>
+
+<h1>Rotating Globe with Pings</h1>
 
 <p>This code shows the example from the homepage, which rotates, shows randomly positioned, colored, and sized pings on the globe, and supports mouse-based dragging and zooming. It also shows the creation and use of a plugin, which powers the automatic rotation and exposes a public API.</p>
 
@@ -152,5 +158,15 @@
     </div>
   </div>
   <script type='text/javascript' src='/js/prism.js'></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>

index.html

@@ -74,7 +74,7 @@
     </div>
 
     <div style='padding-top: 10px;'>
-      Or install with <a href='http://bower.io/'>Bower</a>: <div class='ui small label'><i class='icon right arrow'></i> bower install planetary.js</div>
+      Or install with <a href='http://bower.io/'>Bower</a>: <div class='ui small label bower'><i class='icon right arrow'></i> bower install planetary.js</div>
     </div>
   </div>
 
@@ -85,7 +85,7 @@
       <div style="width: 350px; text-align: center; display: inline-block;">
         <div class='ui pointing dark blue label'>
           <a href='/examples/rotating.html'
-            class='detail no-underline'><i class='icon code'></i> See how to build this example</a>
+            class='detail no-underline'><i class='icon code'></i> See how to build this globe</a>
         </div>
       </div>
     </div>
@@ -112,7 +112,7 @@
           <i class='ui huge icon laptop'></i>
           Examples
         </a>
-        <p>Check out working examples and see what Planetary.js can do</p>
+        <p class='section-description'>Check out working examples and see what Planetary.js can do</p>
         <p><a class='ui teal button' href='/examples/'>Explore the Examples</a></p>
       </div>
       <div class='column'>
@@ -120,7 +120,7 @@
           <i class='ui huge icon book'></i>
           Documentation
         </a>
-        <p>Download and install Planetary.js and build something awesome</p>
+        <p class='section-description'>See how to install Planetary.js and build something awesome</p>
         <p><a class='ui orange button' href='/documentation/'>Peruse the Documentation</a></p>
       </div>
       <div class='column'>
@@ -128,7 +128,7 @@
           <i class='ui huge icon github alternate'></i>
           Source Code
         </a>
-        <p>Check out the source on GitHub and contribute to the project</p>
+        <p class='section-description'>Take a look at the source on GitHub and contribute to the project</p>
         <p><a class='ui purple button' href='https://github.com/BinaryMuse/planetary.js'>Examine the Source</a></p>
       </div>
     </div>
@@ -143,5 +143,15 @@
 <script type="text/javascript" src="/js/lib/planetaryjs.min.js"></script>
 
   <script type="text/javascript" src="js/homepage.js"></script>
+  <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-46705270-1', 'planetaryjs.com');
+  ga('send', 'pageview');
+</script>
+
 </body>
 </html>