Styling of website - Githubissues

References:

Home Page:

[x] bullet list in top nav of home page should have circles instead of asterix
[x] center text/images in "learn about system racism" and "get invovled" on home page
[x] create entire lower section (below the fold) of the home page
[x] setup proper rows on the home page so each row of content has the correct background color
[x] add content to footer and style correctly
[x] copy content from google doc where needed: https://docs.google.com/document/d/1BymGVywaU2U8hFw5xq_djALpvOEkUGXX1Vr4tMfAJQ8/edit#heading=h.mjaprv1vi6aq
[ ] Adjust resource "bubble" boxes on home page to improve spacing

Subpages:

General:

[x] Double check colors with comp: https://projects.invisionapp.com/share/AM11CWNCZDNF#/screens/455263270
[x] Adjust fonts to better match design comps
[ ] Test on mobile browser, can we get images to collapse or hide on small widths?
[x] Link text in footer and other pages
[x] contact us form - how to do this? see for example: https://medium.com/getform-all-about/how-to-add-a-contact-form-to-your-jekyll-website-6c61e811bdee
[x] Remove links where there is no content (e.g. in the footer)
[x] add favicon.ico

@peetucket Thanks for taking a first pass at the website. It's looking good! Here are my comments by page:

Global: Fonts

[x] All font should be Source Sans Pro sans serif,
[x] body text = 14 pt,
[x] H1 = 30 pt light, Color = 702421 (red)
[x] H2 = 21 pt bold,
[x] H3 = 18 pt bold
[x] on light backgrounds use black text, on dark backgrounds, use white text
[x] Link style: blue 006CB8, unless on dark background, then white. No underline. Underline appears on hover.

Homepage

[x] 1. Text at the top right corner:
- [x] Use same color as logo: 0D1F2C
- [x] 14pt bold italicized
[x] 2. Navigation should be center aligned on the page
- [x] Last links s/b 'Get Involved'
[x] 3. Add the 2nd box back in, but it has different text/button. It links to a Pre-populated Results String in SearchWorks: the 2,116 SearchWorks results for housing AND police AND Bay Area https://searchworks.stanford.edu/articles?utf8=✓&search_field=search&q=housing+AND+polic+AND+Bay+Area
[x] 4. Replace the other 2 buttons w/new buttons and new section headings (H1 = 21 pt bold)
[x] 5. For the Amanda Gorman quote, is there a way to use web text to display that rather than the image? The image is fuzzy. Is there a web font we could use that looks similar?
[x] 6. All text on dark backgrounds such as the blue should be white, including links. Headings should be H1.
[x] 7. Use H2 for the headers on the beige background.
[x] 8. 'About SRT' should be H1

Housing

Policing

[x] 1. Use H1 for 'Policing'
[x] 2. H2 for Latest research, Latest news, Resources
[x] 3. H3 for all section titles under Resources
[x] 4. Replace the last resource currently listed as "Public Records" with the "ACLU Northern California" description being "We make sure that Constitutional rights - to free speech, to privacy, to due process - don't just exist on paper, but also in practice." https://www.aclunc.org/home

Get Involved

sul-dlss-labs / ksr