Make simulations design consistent with rest of the site

[ryaanahmed]

This PR adds the panel design pattern to simulations, and moves things around a bit for compactness and ease of use.

@equationcrunchor -- let me know what you think.

[mscuthbert]

I like a lot better! General memory can probably have less space between the lines and probably even less padding since it's less important.

I'm thinking that for the accumulator and storage register, giving the decimal or octal code for the value also might be useful. (hexadecimal wasn't used nearly as much as octal at the time).

[ryaanahmed]

I like a lot better! General memory can probably have less space between the lines and probably even less padding since it's less important.

Great. Will fix spacing. Padding is mostly because we have an awkward amount of stuff and I couldn't think of a better layout... doesn't make sense to stretch the code box out further. The layout isn't quite there, I think, but good enough for now.

I'm thinking that for the accumulator and storage register, giving the decimal or octal code for the value also might be useful. (hexadecimal wasn't used nearly as much as octal at the time).

Will make an issue and leave this for later improvement.

[equationcrunchor]

I think it looks good enough for merge, just some possible future improvements:

• The code in the demos unnecessarily scrolls horizontally, because Bootstrap can't seem to size it correctly if its scrollable
• The headings for the code table in the demos probably shouldn't be part of the scrollable section
• Padding is weird, especially at the top of words
• I don't like how the scroll bar doesn't show up unless you start scrolling, because in some demos you might not even notice that there's more content.

[ryaanahmed]

Thanks. I'm going to merge and make a tracking issue for these improvements.

[equationcrunchor]

Alright, thanks!