docs: redo style of front page

Use a large logo banner across the front page. Tile the
three lists of links into three panels

Signed-off-by: Daniel P. Berrange <berrange@redhat.com>
This commit is contained in:
Daniel P. Berrange 2016-10-25 16:55:39 +02:00
parent 2d35438bc6
commit e3e0f36719
10 changed files with 47 additions and 20 deletions

View File

@ -15,10 +15,5 @@
locate the content on this site or mailing list archives</li> locate the content on this site or mailing list archives</li>
</ul> </ul>
<p class="image">
<img src="/libvirtLogo404.png" alt="libvirt Logo"/>
</p>
</body> </body>
</html> </html>

View File

@ -85,7 +85,6 @@ logofiles = \
png = \ png = \
32favicon.png \ 32favicon.png \
libvirtLogo.png \
libvirt-net-logical.png \ libvirt-net-logical.png \
libvirt-net-physical.png \ libvirt-net-physical.png \
libvirt-daemon-arch.png \ libvirt-daemon-arch.png \
@ -379,7 +378,6 @@ install-data-local:
for file in $(devhelphtml) $(devhelppng) $(devhelpcss); do \ for file in $(devhelphtml) $(devhelppng) $(devhelpcss); do \
$(INSTALL) -m 0644 $(srcdir)/$${file} $(DESTDIR)$(DEVHELP_DIR) ; \ $(INSTALL) -m 0644 $(srcdir)/$${file} $(DESTDIR)$(DEVHELP_DIR) ; \
done done
$(INSTALL_DATA) $(srcdir)/libvirtLogo.png $(DESTDIR)$(pkgdatadir)
uninstall-local: uninstall-local:
for f in $(css) $(dot_html) $(gif) $(png); do \ for f in $(css) $(dot_html) $(gif) $(png); do \
@ -396,4 +394,3 @@ uninstall-local:
for f in $(devhelphtml) $(devhelppng) $(devhelpcss); do \ for f in $(devhelphtml) $(devhelppng) $(devhelpcss); do \
rm -f $(DESTDIR)$(DEVHELP_DIR)/$$(basename $$f); \ rm -f $(DESTDIR)$(DEVHELP_DIR)/$$(basename $$f); \
done done
rm -f $(DESTDIR)$(pkgdatadir)/libvirtLogo.png

View File

@ -1,10 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<body> <body class="index">
<h1>The virtualization API</h1> <h1>The virtualization API</h1>
<h2>libvirt is:</h2> <div class="panel">
<h2>libvirt is</h2>
<ul> <ul>
<li> <li>
@ -36,8 +37,10 @@
of their contributions. of their contributions.
</li> </li>
</ul> </ul>
</div>
<h2>libvirt supports:</h2> <div class="panel">
<h2>libvirt supports</h2>
<ul> <ul>
<li> <li>
@ -85,7 +88,10 @@
</li> </li>
</ul> </ul>
<h2>libvirt provides:</h2> </div>
<div class="panel">
<h2>libvirt provides</h2>
<ul> <ul>
<li>Remote management using TLS encryption and x509 certificates</li> <li>Remote management using TLS encryption and x509 certificates</li>
@ -95,9 +101,9 @@
<li>Management of virtual machines, virtual networks and storage</li> <li>Management of virtual machines, virtual networks and storage</li>
<li>Portable client API for Linux, Solaris and Windows</li> <li>Portable client API for Linux, Solaris and Windows</li>
</ul> </ul>
</div>
<br class="clear"/>
<p class="image">
<img src="libvirtLogo.png" alt="libvirt Logo"/>
</p>
</body> </body>
</html> </html>

View File

@ -473,3 +473,32 @@ h5:hover > a.headerlink,
h6:hover > a.headerlink { h6:hover > a.headerlink {
visibility: visible; visibility: visible;
} }
div.panel {
width: 24%;
margin-left: 7%;
float: left;
background: rgb(230, 230, 230);
}
div.panel h2 {
margin-top: 0px;
padding: 0.5em;
padding-left: 1em;
padding-right: 1em;
background: rgb(0, 95, 97);
color: rgb(255, 255, 255);
text-align: center;
}
body.index h1 {
border: 0px;
text-indent: 100%; white-space: nowrap; overflow: hidden;
background: url(logos/logo-banner-dark-800.png) no-repeat center center;
height: 300px;
}
br.clear {
clear: both;
border: 0px;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

View File

@ -141,6 +141,11 @@
<meta name="description" content="libvirt, virtualization, virtualization API"/> <meta name="description" content="libvirt, virtualization, virtualization API"/>
</head> </head>
<body> <body>
<xsl:if test="html:html/html:body/@class">
<xsl:attribute name="class">
<xsl:value-of select="html:html/html:body/@class"/>
</xsl:attribute>
</xsl:if>
<div id="body"> <div id="body">
<div id="menu"> <div id="menu">
<xsl:apply-templates select="exsl:node-set($sitemap)/html:ul" mode="menu"> <xsl:apply-templates select="exsl:node-set($sitemap)/html:ul" mode="menu">

View File

@ -12,7 +12,5 @@
<span id="php_placeholder"/> <span id="php_placeholder"/>
<img src="libvirtLogo.png" alt="libvirt Logo" />
</body> </body>
</html> </html>

View File

@ -1830,7 +1830,6 @@ exit 0
%{_datadir}/libvirt/schemas/storagevol.rng %{_datadir}/libvirt/schemas/storagevol.rng
%{_datadir}/libvirt/cpu_map.xml %{_datadir}/libvirt/cpu_map.xml
%{_datadir}/libvirt/libvirtLogo.png
%config(noreplace) %{_sysconfdir}/sasl2/libvirt.conf %config(noreplace) %{_sysconfdir}/sasl2/libvirt.conf

View File

@ -231,7 +231,6 @@ rm -rf $RPM_BUILD_ROOT%{mingw64_libexecdir}/libvirt-guests.sh
%{mingw32_datadir}/libvirt/api/libvirt-admin-api.xml %{mingw32_datadir}/libvirt/api/libvirt-admin-api.xml
%{mingw32_datadir}/libvirt/cpu_map.xml %{mingw32_datadir}/libvirt/cpu_map.xml
%{mingw32_datadir}/libvirt/libvirtLogo.png
%{mingw32_datadir}/locale/*/LC_MESSAGES/libvirt.mo %{mingw32_datadir}/locale/*/LC_MESSAGES/libvirt.mo
@ -314,7 +313,6 @@ rm -rf $RPM_BUILD_ROOT%{mingw64_libexecdir}/libvirt-guests.sh
%{mingw64_datadir}/libvirt/api/libvirt-admin-api.xml %{mingw64_datadir}/libvirt/api/libvirt-admin-api.xml
%{mingw64_datadir}/libvirt/cpu_map.xml %{mingw64_datadir}/libvirt/cpu_map.xml
%{mingw64_datadir}/libvirt/libvirtLogo.png
%{mingw64_datadir}/locale/*/LC_MESSAGES/libvirt.mo %{mingw64_datadir}/locale/*/LC_MESSAGES/libvirt.mo