Add support for mobile

[jackiehluo]

...because NOTHING works right now. 😨

[anshulkgupta]

Website doesn't render on 15inch+ computers either. Really need a full UI upgrade

[joshuazweig]

@anshulkgupta @jackiehluo @dennis-wei @agango
I'd love to get this done before NSOP. Anshul/Jackie any links to point us where to start?

[jackiehluo]

Honestly, I'm still not sure why it doesn't work! Might require some investigation there.

[dennis-wei]

Reminder that it's not completely broken on Android, though still pretty broken. Definitely something weird going on.

[anshulkgupta]

I would recommend doing the css again honestly. We worked with a custom version of getmdl.io and didn't factor in responsive design at all. You don't need to get stuck up on Material Design (like I did!) and so if you were to go ahead with something like Bootstrap3, it should be mobile-friendly out of the box.

[dennis-wei]

So I found the exact line that's causing the issue. It's a Safari specific thing I guess, because the website doesn't work on any of Safari's emulators.

https://github.com/coreatcu/website/blob/initial-mobile/static/css/main.css#L24

Played around with it but not sure how to fix it. To test, change it to position: relative; and edit 'index.html' to have some content to be relative to.