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;