diff --git a/site/public/css/planetaryjs.less b/site/public/css/planetaryjs.less index 1fe2325..09a42d7 100644 --- a/site/public/css/planetaryjs.less +++ b/site/public/css/planetaryjs.less @@ -152,6 +152,13 @@ canvas#homepage-globe-canvas { img { width: 200px; height: 200px; + float: left; + margin-right: 20px; + + @media screen and (max-width: 768px) { + display: block; + float: none; + } } } diff --git a/site/public/examples/index.ejs b/site/public/examples/index.ejs index 35c9b25..6b41b13 100644 --- a/site/public/examples/index.ejs +++ b/site/public/examples/index.ejs @@ -4,7 +4,7 @@
- +

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 @@ -14,7 +14,7 @@
- +

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 @@ -25,7 +25,7 @@
- +

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