Update visually to v4 style guide - Githubissues

codeforamerica / brigade

The Code for America Brigade Website

https://brigade.codeforamerica.org

MIT License

100 stars 88 forks source link

Update visually to v4 style guide #568

Closed tdooner closed 6 years ago

tdooner commented 6 years ago

It's been a priority of the Network team for the last six months to eventually update the Brigade website to match CfA's brand. Having a web presence at the CfA top-level which doesn't look outdated is table stakes for highlighting the fantastic work that Brigade volunteers are doing day in and day out.

This is mostly a visual cleanup, only minor changes to content are included here. We have plans to update the content and navigation too, but that is something we should tackle independently to be able to dedicate each change the testing it deserves.

Finishes #556.

tdooner commented 6 years ago

TODO list:

[x] Add margin-bottom to message component

layout:

[x] logo to 200 px wide
[x] link back to CfA - "Learn about Code for America"

misc:

[x] project finder: more projects button - centered with line
[ ] ~move /brigades message into the right sidebar~
[x] make resources slab compact

fix icon size:

[x] add fa-xs to card external link icons
[x] add fa-sm to brigade page fallback card icons

remove small:

[x] small text on cards -- let's not use <small>
[x] brigade page "next event" cards -- remove <small>