com web/php: 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.: images/sprites.png include/header.inc js/common.js styles/theme.css

Commit: 0d08ab557545272abd60dcef5128fb35edd41e9b Author: Stewart Lord <stewartlord@php.net> Tue, 4 Jan 2011 08:23:49 +0000 Parents: a629fb8c710b4d1edcc860a48db8e651cf6dc2f5 Branches: master Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=0d08ab557545272abd60dcef5128fb35edd41e9b 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: M images/sprites.png M include/header.inc M js/common.js M styles/theme..css Diff: diff --git a/images/sprites.png b/images/sprites.png index 81e3bd9..41e4acb 100644 Binary files a/images/sprites.png and b/images/sprites.png differ diff --git a/include/header.inc b/include/header.inc index d3d0b0f..9c96439 100644 --- a/include/header.inc +++ b/include/header.inc @@ -31,9 +31,9 @@ if ($shortname) { <?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/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/doc.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 @@ if ($shortname) { </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> diff --git a/js/common.js b/js/common.js index 72d5782..3ceff68 100644 --- a/js/common.js +++ b/js/common.js @@ -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. diff --git a/styles/theme.css b/styles/theme.css index 65438d2..faa42dc 100644 --- a/styles/theme.css +++ b/styles/theme.css @@ -81,8 +81,8 @@ a:hover { 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;