svn: /web/php/trunk/ images/sprites.png include/header.inc js/common.js styles/theme.css

stewartlord Tue, 04 Jan 2011 08:23:49 +0000 Revision: http://svn.php.net/viewvc?view=revision&revision=307065 Log: Beta home page now displays a blurb about PHP and download links inside the (auto-expanded) mega drop-down as per mock-up sent to the mailing list. The top-portion of the mock-up was generally well received. The lower-portion needs additional work. This change only commits the top portion. Some minor changes were made to incorporate feedback and tidy things up. Changed paths: U web/php/trunk/images/sprites.png U web/php/trunk/include/header.inc U web/php/trunk/js/common.js U web/php/trunk/styles/theme.css Modified: web/php/trunk/images/sprites.png =================================================================== (Binary files differ) Modified: web/php/trunk/include/header.inc =================================================================== --- web/php/trunk/include/header.inc 2011-01-04 07:57:19 UTC (rev 307064) +++ web/php/trunk/include/header.inc 2011-01-04 08:23:49 UTC (rev 307065) @@ -31,9 +31,9 @@ <?php endforeach ?> <link rel="stylesheet" type="text/css" href="<?php echo $STATIC_ROOT ?>styles/reset.css<?php echo $v?>" media="all" /> - <link rel="stylesheet" type="text/css" href="<?php echo $STATIC_ROOT ?>styles/structure.css<?php echo $v?>" media="screen" /> + <link rel="stylesheet" type="text/css" href="<?php echo $STATIC_ROOT ?>styles/theme.css<?php echo $v?>" media="screen" /> <link rel="stylesheet" type="text/css" href="<?php echo $STATIC_ROOT ?>styles/doc.css<?php echo $v?>" media="screen" /> - <link rel="stylesheet" type="text/css" href="<?php echo $STATIC_ROOT ?>styles/theme.css<?php echo $v?>" media="screen" /> + <link rel="stylesheet" type="text/css" href="<?php echo $STATIC_ROOT ?>styles/home.css<?php echo $v?>" media="screen" /> <link rel="stylesheet" type="text/css" href="<?php echo $STATIC_ROOT ?>styles/dynamic.php<?php echo $v?>" media="screen" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> @@ -64,8 +64,37 @@ </fieldset> </form> </li> - <li id="headhome" class="<?php echo $curr == "home" ? "current" : ""?>"> + <li id="headhome" class="parent <?php echo $curr == "home" ? "current" : ""?>"> <a href="/" rel="home" class="menu-link">Home</a> + <div class="children downloads"><div class="children-1"><div class="children-2"> + <div class="what-is-php"> + <p> + PHP is a popular general-purpose scripting language that is + especially suited to web development. + </p><p> + Fast, flexible and pragmatic, PHP powers everything from your + mother's blog to the largest social networking site in the + world. + </p> + <p class="tutorial"><a href="/tut.php">Introductory Tutorial &raquo</a></p> + </div> + <div class="download"> + <a href="/get/php-5.3.4.tar.gz/from/a/mirror" class="latest"> + <span class="version">PHP 5.3.4</span> + <span class="package">Complete Source Code</span> + <span class="file">php.5.3.4.tar.gz (13,777 KB)</span> + </a> + <a href="/get/php-5.2.16.tar.gz/from/a/mirror" class="legacy"> + <span class="version">PHP 5.2.16</span> + <span class="date">php.5.2.16.tar.gz (11,527 KB)</span> + </a> + <a href="http://windows.php.net" class="windows"> + <span class="version">Windows Downloads</span> + <span class="date">http://windows.php.net/</span> + </a> + </div> + <br style="clear: both;" /> + </div></div></div> </li> <li class="<?php echo $curr == "downloads" ? "current" : ""?>"> <a href="/downloads.php" class="menu-link">Downloads</a> Modified: web/php/trunk/js/common.js =================================================================== --- web/php/trunk/js/common.js 2011-01-04 07:57:19 UTC (rev 307064) +++ web/php/trunk/js/common.js 2011-01-04 08:23:49 UTC (rev 307065) @@ -1,5 +1,10 @@ $(document).ready(function() { + // auto-expand the home menu when on the home page + // and remove it from other pages. + $("#headhome.current div.children").appendTo($('#menu-container')); + $("#headhome div.children").remove(); + // slide mega drop-downs up/down. $("#headmenu li:has(div.children)").click(function(event) { // don't follow link. Modified: web/php/trunk/styles/theme.css =================================================================== --- web/php/trunk/styles/theme.css 2011-01-04 07:57:19 UTC (rev 307064) +++ web/php/trunk/styles/theme.css 2011-01-04 08:23:49 UTC (rev 307065) @@ -81,8 +81,8 @@ padding: 18px 0 0 0; } -#headhome a, -#headhome a:hover { +#headnav #headhome a.menu-link, +#headnav #headhome a.menu-link:hover { background: url(/images/sprites.png) 0 0; width: 170px; height: 13px;