Get things working in a production build and deploy

[jkomoros]

Does hte build process go in a sub-folder in webapp? if so, can we get rid of webapp and just have it all in one folder?

[jkomoros]

• Make it so the dev-complexity-compendium uses dev settings.
• The pushed resources aren't working yet
• Pushes are working, but the page doesn't work in chrome stable. Broke in 7e5228a (wait, no, that was just for the header. It broke for the card inner before, at 63f9b82). Appears to be a bug when you set display:flex on an item that is part of a flexbox. Putting an inner item inside the header fixes it, but that inner can't size as part of the bigger parent for card. Chrome - Nested flex container - Flex item height using a percentage appears to be broken philipwalton/flexbugs#84 seems to cover the same issue

[jkomoros]

The styling issue. Appears to only occur when card-drawer stamps something out with repeat. But it's not because of repeat, it's because the inner content gets large enough, which triggers the min-height thing in card-drawer, which is when the issue happens. Also, in stable channel the card-drawer isn't scrolling. That appears to be the primary reason--when that's too high the card is positioned in the middle, but that's way off screen.

The problem is that the way the overall card-view is positioned on screen is not resilient--it uses a weird max-height thing. (That also means it doesn't work when the thumbnail drawer doesn't have many items in it)

• Get the card-drawer to not overflow by th eheight of the top container
• Ensure positioning when editing is OK

[jkomoros]

• Switch to using the Google fonts live instead of the offline copy (verify the offline copy is included in the build anyway, part of Use firebase npm import #65)

[jkomoros]

First deploy at 8e9c4f3 (tagged)