[libvirt] [PATCH v2 00/19] Redo website layout and branding

Daniel P. Berrange berrange at redhat.com
Tue Nov 8 14:00:38 UTC 2016


BTW, this series fails to apply from email, due to
long lines in the minimised javascript files. The
patches are all available here:

  https://gitlab.com/berrange/libvirt

on the 'website' branch.

On Tue, Nov 08, 2016 at 11:50:11AM +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.
> 
> 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
> 

Regards,
Daniel
-- 
|: http://berrange.com      -o-    http://www.flickr.com/photos/dberrange/ :|
|: http://libvirt.org              -o-             http://virt-manager.org :|
|: http://entangle-photo.org       -o-    http://search.cpan.org/~danberr/ :|




More information about the libvir-list mailing list