Restyle pycon website to use 2019 branding

[nlhkabu]

Known issues:

1. ~Logo not showing on FF~

2. ~Empty h1 is pushing down content~ Temporary fix pushed. See https://github.com/PyCon/pycon/issues/655 for a better fix

3. ~password reset page~

4. ~Check page where user resets password @ewdurbin - how can I access this in dev?~

~!!! NOTE: we need to get permission from Mike Pirnat for use of the photo on the homepage !!!~

[ewdurbin]

@nlhkabu I added the password reset template from pinax-theme-bootstrap to pycon/templates/account/password_reset.html for customization.

[ewdurbin]

My feedback:

• Overall it looks fantastic
• The yellow background for forms is a bit jarring, is there anything we could do to cool it off?
• Navigation components are well spaced for the dev fixtures but we will end up with more, see us.pycon.org/2018 probably better to tighten them up for now and let them fill out the width as we add pages.
• At full width in safari I'm getting a small line between the header and nav

[nlhkabu]

thanks for the feedback @ewdurbin

• menu item spacing reduced
• lighter version of the yellow (unless you want another color altogether?)

I can't seem to reproduce the issue you are seeing on Safari - can you tell me what OS and Safari version you're using?

[ewdurbin]

Reproduction for that line is:

MacOS High Sierra 10.13.6 Safari 11.1.2

Widen screen above max width.

[ewdurbin]

Really love the improved form background!

[ewdurbin]

☝️ that worked.

[nlhkabu]

All ready on my side @ewdurbin :dancer:

As discussed, we'll probably need to look at some other pages later e.g:

• Proposal submission
• Schedule
• Job board

But I think this is good enough for what you need right now :)

I've tested across a variety of browsers, including ie11, which is the one that tends to cause issues, and I can see no defects.

[ewdurbin]

Thanks for your work @nlhkabu!