[jira] [Resolved] (RAVE-7) website styling improvements

["Ate Douma (JIRA)" <ji...@apache.org>]

     [ https://issues.apache.org/jira/browse/RAVE-7?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Ate Douma resolved RAVE-7.
--------------------------

    Resolution: Fixed

Basic website styling has been done. If new ideas for further improvements come up best create new and specific issues for them.
(I'm going to close this issue as its too generic anyway to keep maintain it)

> website styling improvements
> ----------------------------
>
>                 Key: RAVE-7
>                 URL: https://issues.apache.org/jira/browse/RAVE-7
>             Project: Rave
>          Issue Type: Improvement
>          Components: site
>            Reporter: Rolf van der Steen
>            Assignee: Ate Douma
>         Attachments: RAVE-logo_main-logo-small.png, rave_bg.jpg, rave_codehilite_bg.gif, rave_site_css_changes.rtf, rave_site_example1.jpg, rave_site_example2.jpg
>
>
> 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