I see that Rex has created a new graphic for the home page, so presumably you're still experimenting with such things. With that as my preamble, I'd like to share some comments I have about the image at http://www.lyx.org/test (OLDIMG) and that at http://www.lyx.org/test/HomeNewGraphic (NEWIMG):
1. (OLDIMG) The download button image with the LyX mascot is a very powerful piece of imagery. I would urge you to keep it. 2. (OLDIMG) The rest of that graphic (a view of the LyX window) isn't very exciting at all. 3. (NEWIMG) The background of the new image attempts to give people a flavour of the typesetting power of LaTeX.
4. (NEWIMG) The foreground of the new image is entirely lacking in punch. 5. (NEWIMG) The new image cries out for some anti-aliasing.Can I suggest that you combine some of the ideas of the two images into something new. Some suggestions to consider:
1. I like the idea of showing off the power of LaTeX in a background splash. However, I think you need to be careful about exactly what you want to put into that image. Rex's new image gives me the feeling of a layout engine like Scribus rather than the logical, uncluttered feel of LyX in everyday use.
2. The background image should be separate from the download button. It would be doubly funky to use some CSS magic to get a clickable button that looks as striking as the existing one, but really I think that only the green button itself should be a link.
Conceptually something like the idea below. (No, I'm not proposing wholesale use of absolute positioning; just trying to get the visual idea across.)
Regards,
Angus
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en">
<head>
<title>Example</title>
<style type='text/css'><!--
.lyxsplash {
background-image: url(lyxsplash.png);
position: absolute;
width: 300px;
height: 150px;
}
.lyxmascot {
position: absolute;
bottom: 60px;
right: 150px;
width: 50px;
height: 50px;
}
.downloadbutton{
position: absolute;
bottom: 10px;
right: 50px;
width: 100px;
height: 50px;
}
--></style>
</head>
<body>
<div class="lyxsplash">
<div class="lyxmascot">
<img src="lyxmascot.png" />
</div>
<div class="downloadbutton">
<a href="Download"><img src="downloadbutton.png" /></a>
</div>
<div>
</body>
</html>
<<inline: downloadbutton.png>>
<<inline: lyxmascot.png>>
<<inline: lyxsplash.png>>
