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

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

 



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

--
libvir-list mailing list
libvir-list@xxxxxxxxxx
https://www.redhat.com/mailman/listinfo/libvir-list



[Index of Archives]     [Virt Tools]     [Libvirt Users]     [Lib OS Info]     [Fedora Users]     [Fedora Desktop]     [Fedora SELinux]     [Big List of Linux Books]     [Yosemite News]     [KDE Users]     [Fedora Tools]