[PATCH 00/17] 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

https://berrange.fedorapeople.org/libvirt-new-website/

Note that the front page includes a feed of 4 most
recent blog posts, however, if visiting over https://
this will be blocked by browsers. In firefox you
can tell it to allow http:// content temporarily
at which point the feed will appear. I'll be doing
a proper fix by getting a TLS cert for virt-tools.org
website setup.


Daniel P. Berrange (17):
  docs: use overpass font for website
  docs: switch to new website banner
  docs: redo style of front 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 master SVG for libvirt logo

 cfg.mk                                      |   20 +-
 docs/404.html.in                            |    5 -
 docs/Makefile.am                            |   50 +-
 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                           |  161 +-
 docs/downloads.html.in                      |  391 ++++-
 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/formatsnapshot.html.in                 |    6 +-
 docs/generic.css                            |   11 +-
 docs/hvsupport.pl                           |    3 -
 docs/index.html.in                          |  162 +-
 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                            |  319 ++--
 docs/libvirtLogo.png                        |  Bin 33698 -> 0 bytes
 docs/libvirtLogo404.png                     |  Bin 32442 -> 0 bytes
 docs/logo-large-banner.png                  |  Bin 0 -> 86032 bytes
 docs/logo-small-banner-light.png            |  Bin 0 -> 19049 bytes
 docs/logo.svg                               | 2153 +++++++++++++++++++++++++++
 docs/main.css                               |    1 +
 docs/page.xsl                               |  101 +-
 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 --
 49 files changed, 3263 insertions(+), 1635 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/logo-large-banner.png
 create mode 100644 docs/logo-small-banner-light.png
 create mode 100644 docs/logo.svg
 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]