Reorganize headings

• If we want to add a “syntax highlighting” guide/section where can it go?

Maybe we can move Learn ES2015 since it’s on the page in a few other places

[danharper]

I think the docs need a sidebar, like the React docs.

How about this for a re-structured top nav:

Primary Nav (left):

* Docs
* Try it out
* Community
* Blog

Secondary Nav (right):

* Twitter
* GitHub

Then on the Docs page, the following sidebar:

# Quick Start

* Browser
* Node
* Plugins
* Polyfills
* Caveats (or.. Browser Support)
* Editors
* Linting
* Babili (Minification)

# Advanced Usage

* Options
* CLI
* babel-node
* In-Browser Compilation
* Babel API

I’m unsure where a “Learn ESXXX” would go, but wherever it goes perhaps just give “highlights” and link off-site for the details. Plenty of community resources for that.

[hzoo]

Yeah the sidebar you have there is the one that got fixed (the script was loading).

I was meaning the header at the top - we should simplify that somehow

Maybe just Docs | Setup | Try it Out on the left, or even just Docs | Try It Out and then create a docs page that links to everything else.

And yes we should split up the plugins page since that is huge (one easy change is a page that explains what plugins are (the info) vs the list of actual plugins)