[libvirt] [PATCH v2 00/19] Redo website layout and branding
Daniel P. Berrange
berrange at redhat.com
Tue Nov 8 11:50:11 UTC 2016
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.
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.
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.
The colors of the website CSS now exactly match the
colors used in the logo in most places.
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.
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
v2: https://berrange.fedorapeople.org/libvirt-new-website-v2/
v1: https://berrange.fedorapeople.org/libvirt-new-website/
Changed in v2:
- Fix use of monospace font for code/pre blocks
- Set max page width to 60em, to avoid body content
getting really long lines on wide monitors
- Extend footer links to include email and irc
links on all pages
- Use the normal weight Overpass font for body
content
- Re-create logos to avoid anti-aliasing by inkscape
for cripser look
- Add some content to the XML format page
- Misc typos
- Fix hiding of 'home' text in top banner logo
- Provide improved SVG files for logo and PNG
rendered versions in standard sizes
- Replace 'made with libvirt' logo with a new
'libvirt powered' logo on apps.html page
Daniel P. Berrange (19):
docs: use overpass font for website
docs: add master SVG for libvirt logo
docs: switch to new website banner
docs: redo style of front page
docs: provide new style logos for the apps page
docs: add footer to all pages
docs: simplify style for headers
docs: add page describing contribution to libvirt
docs: add three core links in the header bar
docs: remove todo page
docs: remove related links page
Revert "syntax-check: Enforce <code> inside <dt> elements"
docs: rewrite content on front page to be more useful
docs: expand downloads page to cover all modules
docs: add some improved styling to contact page
docs: fill out docs page with useful links
docs: remove navigation sidebar from pages
docs: remove outdated or duplicated content
docs: add some content to the XML format main page
cfg.mk | 20 +-
docs/404.html.in | 5 -
docs/Makefile.am | 76 ++-
docs/apps.html.in | 7 +-
docs/archdomain.html.in | 7 -
docs/archnetwork.html.in | 54 --
docs/archnode.html.in | 7 -
docs/archstorage.html.in | 32 --
docs/contact.html.in | 4 +-
docs/contribute.html.in | 140 ++++++
docs/deployment.html.in | 50 --
docs/docs.html.in | 163 ++++++-
docs/downloads.html.in | 435 ++++++++++++++---
docs/fonts/LICENSE.md | 90 ++++
docs/fonts/hinted-Overpass-Bold.woff | Bin 0 -> 48136 bytes
docs/fonts/hinted-Overpass-BoldItalic.woff | Bin 0 -> 51008 bytes
docs/fonts/hinted-Overpass-Italic.woff | Bin 0 -> 51908 bytes
docs/fonts/hinted-Overpass-Light.woff | Bin 0 -> 49452 bytes
docs/fonts/hinted-Overpass-LightItalic.woff | Bin 0 -> 51752 bytes
docs/fonts/hinted-Overpass-Reg.woff | Bin 0 -> 48144 bytes
docs/fonts/stylesheet.css | 55 +++
docs/format.html.in | 36 +-
docs/formatsnapshot.html.in | 6 +-
docs/generic.css | 4 +-
docs/hvsupport.pl | 3 -
docs/index.html.in | 163 +++----
docs/intro.html.in | 13 -
docs/js/jquery-3.1.1.min.js | 4 +
docs/js/jquery.rss.min.js | 11 +
docs/js/moment.min.js | 7 +
docs/libvirt-header-bg.png | Bin 1136 -> 0 bytes
docs/libvirt-header-logo.png | Bin 25945 -> 0 bytes
docs/libvirt-net-logical.fig | 159 ------
docs/libvirt-net-logical.png | Bin 11243 -> 0 bytes
docs/libvirt-net-physical.fig | 139 ------
docs/libvirt-net-physical.png | Bin 11336 -> 0 bytes
docs/libvirt.css | 328 ++++++++-----
docs/libvirtLogo.png | Bin 33698 -> 0 bytes
docs/libvirtLogo404.png | Bin 32442 -> 0 bytes
docs/logos/README | 86 ++++
docs/logos/logo-banner-dark-256.png | Bin 0 -> 16093 bytes
docs/logos/logo-banner-dark-800.png | Bin 0 -> 64715 bytes
docs/logos/logo-banner-dark.svg | 655 +++++++++++++++++++++++++
docs/logos/logo-banner-light-256.png | Bin 0 -> 16106 bytes
docs/logos/logo-banner-light-800.png | Bin 0 -> 64942 bytes
docs/logos/logo-banner-light.svg | 651 ++++++++++++++++++++++++
docs/logos/logo-base.svg | 698 ++++++++++++++++++++++++++
docs/logos/logo-square-128.png | Bin 0 -> 20074 bytes
docs/logos/logo-square-192.png | Bin 0 -> 38361 bytes
docs/logos/logo-square-256.png | Bin 0 -> 52107 bytes
docs/logos/logo-square-96.png | Bin 0 -> 13749 bytes
docs/logos/logo-square-powered-128.png | Bin 0 -> 21521 bytes
docs/logos/logo-square-powered-192.png | Bin 0 -> 41246 bytes
docs/logos/logo-square-powered-256.png | Bin 0 -> 55839 bytes
docs/logos/logo-square-powered-96.png | Bin 0 -> 14683 bytes
docs/logos/logo-square-powered.svg | 732 +++++++++++++++++++++++++++
docs/logos/logo-square.svg | 733 ++++++++++++++++++++++++++++
docs/madeWith.png | Bin 4545 -> 0 bytes
docs/main.css | 1 +
docs/page.xsl | 111 ++---
docs/pending.html.in | 10 -
docs/relatedlinks.html.in | 88 ----
docs/remote.html.in | 2 +-
docs/search.php.in | 2 -
docs/sitemap.html.in | 490 -------------------
docs/todo.cfg-example | 26 -
docs/todo.pl | 125 -----
67 files changed, 4788 insertions(+), 1640 deletions(-)
delete mode 100644 docs/archdomain.html.in
delete mode 100644 docs/archnetwork.html.in
delete mode 100644 docs/archnode.html.in
delete mode 100644 docs/archstorage.html.in
create mode 100644 docs/contribute.html.in
delete mode 100644 docs/deployment.html.in
create mode 100644 docs/fonts/LICENSE.md
create mode 100644 docs/fonts/hinted-Overpass-Bold.woff
create mode 100644 docs/fonts/hinted-Overpass-BoldItalic.woff
create mode 100644 docs/fonts/hinted-Overpass-Italic.woff
create mode 100644 docs/fonts/hinted-Overpass-Light.woff
create mode 100644 docs/fonts/hinted-Overpass-LightItalic.woff
create mode 100644 docs/fonts/hinted-Overpass-Reg.woff
create mode 100644 docs/fonts/stylesheet.css
delete mode 100644 docs/intro.html.in
create mode 100644 docs/js/jquery-3.1.1.min.js
create mode 100644 docs/js/jquery.rss.min.js
create mode 100644 docs/js/moment.min.js
delete mode 100644 docs/libvirt-header-bg.png
delete mode 100644 docs/libvirt-header-logo.png
delete mode 100644 docs/libvirt-net-logical.fig
delete mode 100644 docs/libvirt-net-logical.png
delete mode 100644 docs/libvirt-net-physical.fig
delete mode 100644 docs/libvirt-net-physical.png
delete mode 100644 docs/libvirtLogo.png
delete mode 100644 docs/libvirtLogo404.png
create mode 100644 docs/logos/README
create mode 100644 docs/logos/logo-banner-dark-256.png
create mode 100644 docs/logos/logo-banner-dark-800.png
create mode 100644 docs/logos/logo-banner-dark.svg
create mode 100644 docs/logos/logo-banner-light-256.png
create mode 100644 docs/logos/logo-banner-light-800.png
create mode 100644 docs/logos/logo-banner-light.svg
create mode 100644 docs/logos/logo-base.svg
create mode 100644 docs/logos/logo-square-128.png
create mode 100644 docs/logos/logo-square-192.png
create mode 100644 docs/logos/logo-square-256.png
create mode 100644 docs/logos/logo-square-96.png
create mode 100644 docs/logos/logo-square-powered-128.png
create mode 100644 docs/logos/logo-square-powered-192.png
create mode 100644 docs/logos/logo-square-powered-256.png
create mode 100644 docs/logos/logo-square-powered-96.png
create mode 100644 docs/logos/logo-square-powered.svg
create mode 100644 docs/logos/logo-square.svg
delete mode 100644 docs/madeWith.png
delete mode 100644 docs/pending.html.in
delete mode 100644 docs/relatedlinks.html.in
delete mode 100644 docs/sitemap.html.in
delete mode 100644 docs/todo.cfg-example
delete mode 100755 docs/todo.pl
--
2.9.3
More information about the libvir-list
mailing list