On Mon, Oct 31, 2016 at 12:41:41PM +0000, Daniel P. Berrange wrote:
The current libvirt website design dates from 2008 and has not changed significantly since. Compared to contemporary open source project websites it looks pretty dated and cluttered.
I like the idea of updating the page. However I'm out of HTML/CSS/etc. stuff for a while, so I don't feel like doing technical review of the series. On the other hand it doesn't have to be perfect from the technical POV, so I think that unless there is something someone disagrees with, it's just about the design.
This series incrementally changes the website to have a completely new layout and branding. Since the original adobe illustrator files are long since lost, this series introduces a newly created variant of the libvirt logo with Inkscape as an SVG file.
This is a pity. But well, we can update the logo as well, why not. [warning: subjective opinions follow, don't take them personally] I don't like the new logo. Just a few things would make me feel better about it. a) if the "virtualization api" didn't make it ten times wider because it's not a logo anymore, it's more like a banner now. b) was that logo made small and then increased in size? The dark tone of "lib" together with the blurriness of it makes my eyes hurt. It's nice that it is in SVG, but I believe making it closer to the libvirtLogo.png [1] (even when keeping it crooked/tilted) would be way nicer to look at.
The libvirt logo used a specific font with angled tops to letters like "l", "b" and "t" - this is the "Overpass" font, made available by Red Hat under an open source font license. The re-branding makes use of webfont support so that we can use this font across the entire libvirt website for a consistent look.
This is good. I didn't like the font and particularly the inconsistency in font types in the old website. But looking at the front page, the font sizes for the three content boxes are different and I feel like that's way bigger inconsistency. The black text in "Introduction" is probably the same size as the green-ish link text in the other two, but the lines are so thin that even hinting and auto-aliasing doesn't help smoothing it out (on my display, maybe it's better on different ones).
The colors of the website CSS now exactly match the colors used in the logo in most places.
Yes!!!
The bigger change is in the layout, with the huge left hand sitemap nav bar being removed to give more space to the main content. The front page now directly links to the key pages that were shown to be highly visited in the apache web logs. Most of the rest of the links are now available from the "docs.html" page linked from "Learn" in the top nav bar.
More space for the main content is nice, but using the whole width is not something you can see very often. I believe it's because it's way nicer to looking at, especially when you have short paragraphs that would otherwise span the whole width of the page just to be two lines long. That's the case after this series. Also the table on downloads page is nice, but other tables don't follow the same pattern. Plus they are on the side as well, e.g. acl.html [2]
Another key change is that the download page now covers all language bindings, test suites, docs released by the project, not merely the core C library. Finally a new page "contribute.html" is added as the source of information useful to people wishing to get involved in the libvirt project. View the new site here https://berrange.fedorapeople.org/libvirt-new-website/
s/betworks/networks/ in docs/index.html.in and docs/docs.html.in. That copy-paste made me thinking whether we can re-use some of the content, but there's probably not much, you would've noticed that. Final thoughts: the things I mentioned above don't mean that I don't like it. I do, it's just that if we're trying to make it better, I feel like we can do it even better than that. For making lots of the content look better space- and consistency-wise, we could maybe use some patternfly/bootstrap even when it will be just for (mostly) static site. At least it looks like the cool kids do that nowadays ;) Anyway, that's the whole brain dump I had regarding this. Hopefully others will also push/pull some ideas around so we have a forward-moving discussion. Thanks, Martin [1] http://libvirt.org/libvirtLogo.png [2] https://berrange.fedorapeople.org/libvirt-new-website/acl.html
Attachment:
signature.asc
Description: Digital signature
-- libvir-list mailing list libvir-list@xxxxxxxxxx https://www.redhat.com/mailman/listinfo/libvir-list