[PHP-WEBMASTER] 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

[Paul Dragoonis]

Commit:    0d08ab557545272abd60dcef5128fb35edd41e9b
Author:    Stewart Lord <stewartl...@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;


--
PHP Webmaster List Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php