website styling improvements
----------------------------
Key: RAVE-7
URL: https://issues.apache.org/jira/browse/RAVE-7
Project: Rave
Issue Type: Improvement
Reporter: Rolf van der Steen
Here are some quick-wins for styling of the RAVE site
I don't have to explain that the site is no brochure or corporate website. It's
an informational website so styling should be supportive to that goal.
Readable: sufficient white space, subtle color scheme, large enough fonts, good
contrast
Scan-able: distinct styling for headers, lists, links, etc. Note that this is
not just a design issue, it also requires good writing.
I've used Stylish (Firefox add-on for user styles) to 'overrule' rave.css at
some points. I've attached the Stylish css. Some notes:
- It contains !important property, ignore that, I only use it to overrule
current styling
- Some rules I used to 'turn of' certain current styling, in the original css
this could be done by removing the rule
Then there are some changes which I would apply but need to be done in the HTML
- move the <h1> to the content div
- change logo img, slightly bigger
This should result in a styling like the attached examples
'rave_site_example1.jpg' and 'rave_site_example2.jpg'.
PS I noticed code formatting code doesn't fit the layout on 1024 width (still
very common screen resolution). Didn't fix that
--
This message is automatically generated by JIRA.
For more information on JIRA, see: http://www.atlassian.com/software/jira
