Encloses as much as is enclosable atm

- Should be in a different branch
- Can't enclose stuff that qromp.js needs since that can't be
changed on a whim, so they can't have namespaces right now
Moves styles for menu items to one place, examples paste and eval

Probably should have done more commits...
examples.js doesn't do much, it'll be all menu items for now
Mix of adding own editor back in and making ace grow

Partially there, I've made a hash, it's true, but that's what
versioning is for, right?
Other than the background being blue, it works perfectly

Also, need to figure out a way to delay between setting text
to zero and resizing stuff. Maybe we just won't resize ever?
That doesn't sound right. Maybe resize on window size change
and/or on zoom change.
Put text area back in, matched font styles

We could also make the diagram disappear, not sure what we'll do
with the diagram area otherwise.
Can get the simulator back when you want to try examples
Text was persisting. It's useless atm anyway, but let's be clean.
Too much

- Adds "X" to get out of lesson mode
- Clicking an example after lesson mode actually pastes the
text in there now (needed to wait for sim to unhide)
- Moves menu event listeners into examples.js
- Makes variables for colors and timing
- Stores dimension values and sets them in a function that is
called on ready
- Maybe other stuff?
Don't know why I reset the text and then inserted

Probably because that was the order in which I found the resources
Fixed now.
Comments
Changes "colors" to "props" (properties)

- May want to make those empty variables and fill them with
established properties after document load in case we change
the look of it in the future.
- Also gets rid of setting value to "" in openLess() since hiding
the editor also seems to erase the text...
Adds a border to indicate an active menu item

- Had to add in an invisible border when inactive, just so stuff
doesn't shift when it's made active
Adds .bold and applies it to reference on hover

- Should probably only do this while lesson is open right now
since otherwise it looks like you can do something with it
Reference doesn't bold unless lesson is active

- With just the "X" it doesn't really show up much, the mouse
mostly covers it, need to find a better indicator
Quirks with reference bolding being worked out

It's a bit messy. I'm not sure why it stays bold after the
transition when it was hovered over. I don't like messy.
Takes away examples in diagram now that dropdown is working
Makes ghost div to hold styles and uses those

- Adds source for that
- Also changes comma arrangement to one that will be less prone
to error (just a few places right now)
Examples list doesn't disappear when examples clicked on
Top menu item alignment behaves strangely with padding %

- They stack on top of each other for a while, but after I mouse
over them a few times they flatten out again. What up?