diff --git a/css/planetaryjs.css b/css/planetaryjs.css index d83dd0c..1638cac 100644 --- a/css/planetaryjs.css +++ b/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} \ No newline at end of file +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} \ No newline at end of file diff --git a/documentation/builtin.html b/documentation/builtin.html index b5efd79..59067c6 100644 --- a/documentation/builtin.html +++ b/documentation/builtin.html @@ -102,5 +102,15 @@ + + diff --git a/documentation/builtin_borders.html b/documentation/builtin_borders.html index 810d9ec..041cee1 100644 --- a/documentation/builtin_borders.html +++ b/documentation/builtin_borders.html @@ -109,5 +109,15 @@ + + diff --git a/documentation/builtin_drag.html b/documentation/builtin_drag.html index ef5a6a6..742823a 100644 --- a/documentation/builtin_drag.html +++ b/documentation/builtin_drag.html @@ -105,5 +105,15 @@ + + diff --git a/documentation/builtin_earth.html b/documentation/builtin_earth.html index 61ebb5e..538ce52 100644 --- a/documentation/builtin_earth.html +++ b/documentation/builtin_earth.html @@ -116,5 +116,15 @@ + + diff --git a/documentation/builtin_land.html b/documentation/builtin_land.html index 24c8938..eed37a9 100644 --- a/documentation/builtin_land.html +++ b/documentation/builtin_land.html @@ -109,5 +109,15 @@ + + diff --git a/documentation/builtin_oceans.html b/documentation/builtin_oceans.html index ee3d2f8..10a0d69 100644 --- a/documentation/builtin_oceans.html +++ b/documentation/builtin_oceans.html @@ -103,5 +103,15 @@ + + diff --git a/documentation/builtin_pings.html b/documentation/builtin_pings.html index ef2c432..1f6f3ca 100644 --- a/documentation/builtin_pings.html +++ b/documentation/builtin_pings.html @@ -127,5 +127,15 @@ setInterval(function() { + + diff --git a/documentation/builtin_topojson.html b/documentation/builtin_topojson.html index eb72106..d28ff11 100644 --- a/documentation/builtin_topojson.html +++ b/documentation/builtin_topojson.html @@ -120,5 +120,15 @@ + + diff --git a/documentation/builtin_zoom.html b/documentation/builtin_zoom.html index d840642..d69330f 100644 --- a/documentation/builtin_zoom.html +++ b/documentation/builtin_zoom.html @@ -108,5 +108,15 @@ + + diff --git a/documentation/core.html b/documentation/core.html index 7141aa0..f86e171 100644 --- a/documentation/core.html +++ b/documentation/core.html @@ -128,5 +128,15 @@ planetaryjs.loadPlugin(somePluginGenerator()); + + diff --git a/documentation/faq.html b/documentation/faq.html index 8df9b3c..496c277 100644 --- a/documentation/faq.html +++ b/documentation/faq.html @@ -116,5 +116,15 @@ planet's draw method.

+ + diff --git a/documentation/help.html b/documentation/help.html index 154e94a..1847921 100644 --- a/documentation/help.html +++ b/documentation/help.html @@ -92,5 +92,15 @@ + + diff --git a/documentation/index.html b/documentation/index.html index 59c5f26..48b2e17 100644 --- a/documentation/index.html +++ b/documentation/index.html @@ -127,5 +127,15 @@ planet.draw(canvas); + + diff --git a/documentation/planet.html b/documentation/planet.html index 80170bc..4521eaa 100644 --- a/documentation/planet.html +++ b/documentation/planet.html @@ -181,5 +181,15 @@ planet.draw(canvas); + + diff --git a/documentation/plugins.html b/documentation/plugins.html index 6619947..66af39b 100644 --- a/documentation/plugins.html +++ b/documentation/plugins.html @@ -226,5 +226,15 @@ setTimeout(function() { + + diff --git a/examples/basic.html b/examples/basic.html index ff5bae5..7f19a74 100644 --- a/examples/basic.html +++ b/examples/basic.html @@ -38,7 +38,13 @@
-

Basic Globe

+ + +

Basic Globe

This example shows the minimum code you need to render a basic representation of the planet Earth.

@@ -79,5 +85,15 @@
+ + diff --git a/examples/index.html b/examples/index.html index 979a9fe..685c7ac 100644 --- a/examples/index.html +++ b/examples/index.html @@ -42,35 +42,38 @@

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.

-
-
- -
-
Basic Globe
-

It doesn't get any simpler than this: - just a static globe using built-in plugins and nothing - up our sleeves!

-
-
+
+
Level 1
+
+ +

Basic Globe

+

It doesn't get any simpler than this: just a static globe, built using built-in plugins with nothing up our sleeves!

+ plugins: earth + d3: projections +
+
- -
-
Rotating Globe
-

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.

-
-
+
+
Level 2
+
+ +

Rotating Globe with Pings

+

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.

+ plugins: earth, pings, drag, zoom + custom plugins + d3: projections +
+
- -
-
Earthquake Data
-

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.

-
-
+
+
Level 3
+
+ +

2013 Seismic Activity Visualization

+

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.

+ plugins: earth, pings, drag, zoom + custom plugins + d3: projections, scales, selections, events, external data
@@ -78,5 +81,15 @@
+ + diff --git a/examples/quake.html b/examples/quake.html index 663088c..8dc61f3 100644 --- a/examples/quake.html +++ b/examples/quake.html @@ -38,9 +38,15 @@
-

2013 Earthquake Data

+ -

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 Moment.js, D3 scales, DOM manipulation, and loading external data.

+

2013 Seismic Activity Visualization

+ +

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 Moment.js, D3 scales, DOM manipulation, and loading external data.

View the demo

@@ -292,5 +298,15 @@
+ + diff --git a/examples/quake/index.html b/examples/quake/index.html index 4bdf250..fe24c41 100644 --- a/examples/quake/index.html +++ b/examples/quake/index.html @@ -104,5 +104,15 @@ + + diff --git a/examples/rotating.html b/examples/rotating.html index 3b6cd58..34e8b8f 100644 --- a/examples/rotating.html +++ b/examples/rotating.html @@ -38,7 +38,13 @@
-

Basic Globe

+ + +

Rotating Globe with Pings

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.

@@ -152,5 +158,15 @@
+ + diff --git a/images/ex-basic.png b/images/ex-basic.png new file mode 100644 index 0000000..0199995 Binary files /dev/null and b/images/ex-basic.png differ diff --git a/images/ex-quake.png b/images/ex-quake.png new file mode 100644 index 0000000..f44902a Binary files /dev/null and b/images/ex-quake.png differ diff --git a/images/ex-rotating.png b/images/ex-rotating.png new file mode 100644 index 0000000..85575b3 Binary files /dev/null and b/images/ex-rotating.png differ diff --git a/index.html b/index.html index f781597..01f7774 100644 --- a/index.html +++ b/index.html @@ -74,7 +74,7 @@
- Or install with Bower:
bower install planetary.js
+ Or install with Bower:
bower install planetary.js
@@ -85,7 +85,7 @@
See how to build this example + class='detail no-underline'> See how to build this globe
@@ -112,7 +112,7 @@ Examples -

Check out working examples and see what Planetary.js can do

+

Check out working examples and see what Planetary.js can do

Explore the Examples

@@ -120,7 +120,7 @@ Documentation -

Download and install Planetary.js and build something awesome

+

See how to install Planetary.js and build something awesome

Peruse the Documentation

@@ -128,7 +128,7 @@ Source Code -

Check out the source on GitHub and contribute to the project

+

Take a look at the source on GitHub and contribute to the project

Examine the Source

@@ -143,5 +143,15 @@ + +