On Jul 22, 2005, at 2:51 PM, Doug Gregor wrote:
The Spirit page (http://spirit.sourceforge.net/) has a quote on its front page, which I find appealing. So I stole the idea and added the C++ Coding Standards quote (which is, perhaps, the most flattering of the few we've collected) to the Boost front page header. The effect can be seen here:
David Abrahams noted that this looks really weird when the window is too narrow. The HTML and CSS patch for my proposed change follows. Could someone with a better understanding of CSS (that means, "anyone with a pulse") take a look at it. Doug Index: index.htm =================================================================== RCS file: /cvsroot/boost/boost/index.htm,v retrieving revision 1.227 diff -u -r1.227 index.htm --- index.htm 22 Jul 2005 19:21:57 -0000 1.227 +++ index.htm 22 Jul 2005 20:42:52 -0000 @@ -26,8 +26,25 @@ <div id="d3"></div> <div id="heading"> - <h1><span id="boost">Boost</span> <span id="cpplibraries">C++ - Libraries</span></h1> + <table> + <tr> + <td> + <h1><span id="boost">Boost</span> <span + id="cpplibraries">C++ Libraries</span></h1> + </td> + <td align="right"> + <cite class="quote">"...one of the most highly regarded + and expertly designed C++ library projects in the + world."</cite> + <br><br> + + <span class="quote_attr"/>-- <a class="quote_attr" href="http://www.gotw.ca/">Herb Sutter</a> and +<a class="quote_attr" href="http://en.wikipedia.org/wiki/Andrei_Alexandrescu">Andrei Alexandrescu</a>,<br> +<a class="quote_attr" href="http://safari.awprofessional.com/?XmlId=0321113586">C++ Coding +Standards</a></span> + </td> + </tr> + </table> </div> <div id="content"> Index: more/css_0/front.css =================================================================== RCS file: /cvsroot/boost/boost/more/css_0/front.css,v retrieving revision 1.1 diff -u -r1.1 front.css --- more/css_0/front.css 6 May 2005 19:01:38 -0000 1.1 +++ more/css_0/front.css 22 Jul 2005 20:42:52 -0000 @@ -15,6 +15,19 @@ #content h1, #content h2, #content h3 { white-space: nowrap; } +cite.quote { + font-size: 75%; + color: #FFFFFF; +} +.quote_attr { + font-size: 75%; + font-weight: 200%; + color: #FFFFFF; +} +a.quote_attr { + font-size: 100%; +} + /* - New browsers have the easy way to set this. */ .body-0 { min-width: 50em;