[28649] trunk/www

source_changes at macosforge.org source_changes at macosforge.org
Thu Sep 6 00:04:17 PDT 2007


Revision: 28649
          http://trac.macosforge.org/projects/macports/changeset/28649
Author:   sfiera at macports.org
Date:     2007-09-06 00:04:17 -0700 (Thu, 06 Sep 2007)

Log Message:
-----------
New clothes!
 * Applies style of my mockup to /trunk/www, at jmpp@'s request
 * Use php long-tags (mostly)
 * Valid XHTML 1.1 (mostly)

Modified Paths:
--------------
    trunk/www/archives.php
    trunk/www/downloads.php
    trunk/www/getmp.php
    trunk/www/includes/common.inc
    trunk/www/includes/email.inc
    trunk/www/includes/footer.inc
    trunk/www/includes/header.inc
    trunk/www/index.php
    trunk/www/mp.css
    trunk/www/ports.php

Added Paths:
-----------
    trunk/www/img/download-highlight.png
    trunk/www/img/download.png
    trunk/www/img/en-disabled.png
    trunk/www/img/en-enabled.png
    trunk/www/img/es-disabled.png
    trunk/www/img/es-enabled.png
    trunk/www/img/fr-disabled.png
    trunk/www/img/fr-enabled.png
    trunk/www/img/it-disabled.png
    trunk/www/img/it-enabled.png
    trunk/www/img/macports-logo-top.png
    trunk/www/img/macports-logo.bak.png
    trunk/www/img/macports-logo.png
    trunk/www/img/nav-footer.png
    trunk/www/img/nav-header.png
    trunk/www/img/ru-disabled.png
    trunk/www/img/ru-enabled.png
    trunk/www/img/top-backdrop.png
    trunk/www/language.js
    trunk/www/mootools.v1.11.js

Removed Paths:
-------------
    trunk/www/help.php

Modified: trunk/www/archives.php
===================================================================
--- trunk/www/archives.php	2007-09-06 05:40:21 UTC (rev 28648)
+++ trunk/www/archives.php	2007-09-06 07:04:17 UTC (rev 28649)
@@ -6,8 +6,6 @@
     print_header('MacPorts -- News Archive', 'utf-8');
   ?>
 
-    <div id="content">
-	
 		<h2 class="hdr">News Archive</h2>
      <?php
 		if (isset($_GET['id'])) {
@@ -18,9 +16,6 @@
       ?>
 
 
-      </div>
-    </div>
-  </div>
 
 <?php
   print_footer();

Modified: trunk/www/downloads.php
===================================================================
--- trunk/www/downloads.php	2007-09-06 05:40:21 UTC (rev 28648)
+++ trunk/www/downloads.php	2007-09-06 07:04:17 UTC (rev 28649)
@@ -5,8 +5,6 @@
     print_header('MacPorts -- Downloads', 'utf-8');
   ?>
 
-    <div id="content">
-	
 		<h2 class="hdr">Available Downloads</h2>
 		<table>
 <?php
@@ -16,7 +14,7 @@
 $files = array();
 $rep=opendir($dir);
 while ($file = readdir($rep)) {
-	if (   preg_match('/^(\..*)|(.*\.php)|(.*\.css)|(.*\.html)$/', $file)
+	if (preg_match('/^(\..*)|(.*\.(php|css|html|js))$/', $file)
 		|| is_dir($file)
 	   ) {
 		continue;
@@ -38,8 +36,6 @@
 }
 ?>
 		</table>
-    </div>
-  </div>
 
 <?php
   print_footer();

Modified: trunk/www/getmp.php
===================================================================
--- trunk/www/getmp.php	2007-09-06 05:40:21 UTC (rev 28648)
+++ trunk/www/getmp.php	2007-09-06 07:04:17 UTC (rev 28649)
@@ -1,20 +1,17 @@
-  <?php
-    /* $Id$ */
-    $DOCUMENT_ROOT = $_SERVER['DOCUMENT_ROOT'];
-    include_once("$DOCUMENT_ROOT/macports/includes/common.inc");
-    print_header('MacPorts -- Download & Installation', 'utf-8');
-  ?>
-
-    <div id="content">
-      <h2 class="hdr">Get MacPorts</h2>
-
-	 <p>MacPorts version <? print "$mp_version_dmg"; ?> is available in binary form as a
-	 dmg disk image for <a href="/macports/downloads/MacPorts-<? print "$mp_version_dmg"; ?>-10.4.dmg">
-         Tiger (Universal)</a> or <a href="/macports/downloads/MacPorts-<? print "$mp_version_dmg"; ?>-10.3.dmg">
-         Panther</a>, both containing a pkg installer, or version <? print "$mp_version"; ?>
-         in source form as either a <a href="/macports/downloads/MacPorts-<? print "$mp_version"; ?>.tar.bz2">tar.bz2</a>
-         package or a <a href="/macports/downloads/MacPorts-<? print "$mp_version"; ?>.tar.gz">tar.gz</a> one.
-	 Checksums for all these are contained in the <a href="/macports/downloads/MacPorts-<? print "$mp_version_dmg"; ?>.chk.txt">
+<?php
+  /* $Id$ */
+  $DOCUMENT_ROOT = $_SERVER['DOCUMENT_ROOT'];
+  include_once("$DOCUMENT_ROOT/macports/includes/common.inc");
+  print_header('MacPorts -- Download &amp; Installation', 'utf-8');
+?>
+    <h2 class="hdr">Get MacPorts</h2>
+    <p>MacPorts version <?php print "$mp_version_dmg"; ?> is available in binary form as a
+	 dmg disk image for <a href="/macports/downloads/MacPorts-<?php print "$mp_version_dmg"; ?>-10.4.dmg">
+         Tiger (Universal)</a> or <a href="/macports/downloads/MacPorts-<?php print "$mp_version_dmg"; ?>-10.3.dmg">
+         Panther</a>, both containing a pkg installer, or version <?php print "$mp_version"; ?>
+         in source form as either a <a href="/macports/downloads/MacPorts-<?php print "$mp_version"; ?>.tar.bz2">tar.bz2</a>
+         package or a <a href="/macports/downloads/MacPorts-<?php print "$mp_version"; ?>.tar.gz">tar.gz</a> one.
+	 Checksums for all these are contained in the <a href="/macports/downloads/MacPorts-<?php print "$mp_version_dmg"; ?>.chk.txt">
          checksums file</a>.</p>
 
 	 <p>To get a files listing of all our available downloads checkout the
@@ -33,11 +30,11 @@
 		<li>OpenSSL or libmd</li>
 	  </ul>
 
-	<h5 class="subhdr">Mac OS X Package (.pkg) Installer</h5>
+	<h3 class="subhdr">Mac OS X Package (.pkg) Installer</h3>
 
 	<p>The easiest way to install MacPorts on a Mac OS X system is by downloading
-	the <a href="/macports/downloads/MacPorts-<? print "$mp_version_dmg"; ?>-10.4.dmg">dmg for Tiger</a>
-	or the <a href="/macports/downloads/MacPorts-<? print "$mp_version_dmg"; ?>-10.3.dmg">one for Panther</a>
+	the <a href="/macports/downloads/MacPorts-<?php print "$mp_version_dmg"; ?>-10.4.dmg">dmg for Tiger</a>
+	or the <a href="/macports/downloads/MacPorts-<?php print "$mp_version_dmg"; ?>-10.3.dmg">one for Panther</a>
 	and running Installer.app on the pkg contained therein by double clicking on them,
 	following the on-screen instructions until completion. This procedure will place a
 	fully functional and default MacPorts installation on your host system,
@@ -55,31 +52,31 @@
 	<p>It is also recommended to run the above command on a regular basis to keep your
 	installation always current. At this point you should be ready to enjoy	MacPorts!</p>
 
-	<h5 class="subhdr">Source Installation</h5>
+	<h3 class="subhdr">Source Installation</h3>
 
 	<p>If on the other hand you decide to install from source, there are still a couple of
 	things you will need to do once you've downloaded the tarball before you can
 	install a port with the MacPorts system, namely compiling and installing MacPorts itself.
 	&ldquo;<kbd>cd</kbd>&rdquo; into the directory where you downloaded the package
-	and run &ldquo;<kbd>tar xjvf <a href="/macpports/downloads/MacPorts-<? print "$mp_version"; ?>.tar.bz2">
-        MacPorts-<? print "$mp_version"; ?>.tar.bz2</a></kbd>&rdquo; or &ldquo;<kbd>tar xzvf
-        <a href="/macports/downloads/MacPorts-<? print "$mp_version"; ?>.tar.gz">MacPorts-<? print "$mp_version"; ?>.tar.gz</a></kbd>&rdquo;,
+	and run &ldquo;<kbd>tar xjvf <a href="/macports/downloads/MacPorts-<?php print "$mp_version"; ?>.tar.bz2">
+        MacPorts-<?php print "$mp_version"; ?>.tar.bz2</a></kbd>&rdquo; or &ldquo;<kbd>tar xzvf
+        <a href="/macports/downloads/MacPorts-<?php print "$mp_version"; ?>.tar.gz">MacPorts-<?php print "$mp_version"; ?>.tar.gz</a></kbd>&rdquo;,
 	depending on whether you downloaded the bz2 tarball or the gz one, respectively.
 	This will unpack the MacPorts sources that you will proceed to build and install. To do
 	so, execute the following:</p>
 
-      <pre>cd MacPorts-<? print "$mp_version"; ?>
+      <pre>cd MacPorts-<?php print "$mp_version"; ?>
 
 ./configure &amp;&amp; make &amp;&amp; sudo make install</pre>
 
 	<p>Optionally:</p>
 
 <pre>cd ../
-rm -rf MacPorts-<? print "$mp_version"; ?>*</pre>
+rm -rf MacPorts-<?php print "$mp_version"; ?>*</pre>
 
       <p>These steps need to be perfomed from an administrator account, for which &ldquo;<kbd>sudo</kbd>&rdquo;
       will ask the password upon installation. This procedure will install a pristine MacPorts
-      system and, if the optional steps are taken, remove the as of now unnecessary MacPorts-<? print "$mp_version"; ?>
+      system and, if the optional steps are taken, remove the as of now unnecessary MacPorts-<?php print "$mp_version"; ?>
       source directory and corresponding tarball. To customize your installation you should read the output
       of &ldquo;<kbd>./configure --help | more</kbd>&rdquo; and pass the appropriate options for the settings you wish
       to tweak to the configuration script in the steps detailed above.</p>
@@ -93,11 +90,11 @@
 	the above command on a regular basis to keep your installation current.</p>
 
 
-	<h5 class="subhdr">Help</h5>
+	<h3 class="subhdr">Help</h3>
 
       <p><a href="/macports/help.php">Help</a> is also available should you need it.</p>
 
-	<h5 class="subhdr">SVN Sources</h5>
+	<h3 class="subhdr">SVN Sources</h3>
 
      <p>If you are developer or a user with a taste for the bleeding edge and wish for the latest changes
      and feature additions, you may acquire the MacPorts sources through SVN.</p>
@@ -116,9 +113,6 @@
 	out, you can do so via the <a href="http://trac.macports.org/projects/macports/browser">
         Trac browser</a>.</p>
 
-    </div>
-  </div>
-
 <?php
   print_footer();
 ?>

Deleted: trunk/www/help.php
===================================================================
--- trunk/www/help.php	2007-09-06 05:40:21 UTC (rev 28648)
+++ trunk/www/help.php	2007-09-06 07:04:17 UTC (rev 28649)
@@ -1,60 +0,0 @@
-  <?php
-    /* $Id$ */
-    $DOCUMENT_ROOT = $_SERVER['DOCUMENT_ROOT'];
-    include_once("$DOCUMENT_ROOT/macports/includes/common.inc");
-    print_header('MacPorts -- Help', 'utf-8');
-  ?>
-
-	<div id="content">
-		<h2 class="hdr">Get Help</h2>
-
-		<p>If you get stuck while using MacPorts and have a problem you 
-	        can't figure out, we have a lot of resources to help you.</p>
-	  
-		<h5 class="subhdr">Documentation</h5>
-
-		<p>The <a href="http://geeklair.net/new_macports_guide/">MacPorts Guide</a> has a section dedicated to MacPorts
-                installation issues, <a href="http://geeklair.net/new_macports_guide/#installing">Chapter 2. Installing MacPorts</a>
-                and another one for general usage, <a href="http://geeklair.net/new_macports_guide/#using">Chapter 3: Using MacPorts</a>.</p>
-
-		<p>The <a href="http://trac.macports.org/projects/macports/wiki/FAQ">MacPorts FAQ</a>
-		is now an ongoing, user driven effort part of our <a href="http://trac.macports.org/projects/macports/wiki">Wiki</a>,
-		where anyone with a <a href="http://www.macports.org/wp-register.php">Trac account</a>
-		and MacPorts knowledge can contribute with information to help others.</p>
-
-		<p>All of our documentation is a work in progress, so if you spot an error or have a quesiton about some part of the document, 
-                let us know!  This will help us </p>
-	
-		<h5 class="subhdr">Mailing Lists</h5>
-
-		<p>The <a href="http://lists.macosforge.org/mailman/listinfo/macports-users">General MacPorts mailing list</a> is open to all
-                for supscription. It is the best place for existing and new users alike to ask questions about MacPorts and MacPorts
-                installed software. Please note that due to spam problems the mailing list will reject posts from non-subscribers.</p>
-
-                <p>It is recommended to check the <a href="http://lists.macosforge.org/pipermail/macports-users/">list archive</a> before posting
-                a question, as some issues are aired fairly regularly and dealt with many times in a row. We try to be as helpful as possible,
-                but if it's a common question our answers may be fairly short.</p>
-
-		<p>When posting a question to the mailing list, please included	any information you think might be relevent to the problem, 
-		such as  operating system and version you're using, Mac OS X 10.4.10 for example, whether you have any other third party 
-		software installed, in <kbd>/usr/local</kbd> for instance, and any error messages that MacPorts might give you (use the
-                <kbd>-v</kbd> or <kbd>-d port(1)</kbd>'s flags to turn on verbose or debugging information, it's a lot easier for us to
-                help you once these are used).</p>
-
-                <p>If you are a developer and need help with any part of the MacPorts internals, the <a href="http://lists.macosforge.org/mailman/listinfo/macports-dev">
-                development list</a> is where you should direct your posts to, as this is where all discussion about MacPorts itself takes place.
-                <a href="http://lists.macosforge.org/pipermail/macports-dev/">Archives</a> for this mailing list are also available.</p>
-
-		<h5 class="subhdr">IRC</h5>
-
-		<p>For more real-time discussion, the #MacPorts channel on the <a href="http://freenode.net/">Freenode IRC network</a> is generally
-		where we hang out. Though it is generally helpful, please keep in mind that no one is obligated to help or even answer your question
-                if you join IRC. Do not take it personally, simply ask your question on the <a href="http://lists.macosforge.org/mailman/listinfo/macports-users">
-                users</a> or <a href="http://lists.macosforge.org/mailman/listinfo/macports-dev">development</a> mailing lists instead.</p>
-
-	</div>
-</div>
-
-<?php
-  print_footer();
-?>

Added: trunk/www/img/download-highlight.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/download-highlight.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/download.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/download.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/en-disabled.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/en-disabled.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/en-enabled.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/en-enabled.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/es-disabled.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/es-disabled.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/es-enabled.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/es-enabled.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/fr-disabled.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/fr-disabled.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/fr-enabled.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/fr-enabled.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/it-disabled.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/it-disabled.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/it-enabled.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/it-enabled.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/macports-logo-top.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/macports-logo-top.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/macports-logo.bak.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/macports-logo.bak.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/macports-logo.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/macports-logo.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/nav-footer.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/nav-footer.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/nav-header.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/nav-header.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/ru-disabled.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/ru-disabled.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/ru-enabled.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/ru-enabled.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/www/img/top-backdrop.png
===================================================================
(Binary files differ)


Property changes on: trunk/www/img/top-backdrop.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Modified: trunk/www/includes/common.inc
===================================================================
--- trunk/www/includes/common.inc	2007-09-06 05:40:21 UTC (rev 28648)
+++ trunk/www/includes/common.inc	2007-09-06 07:04:17 UTC (rev 28649)
@@ -26,29 +26,27 @@
 function print_header($title, $encoding) {
   global $DOCUMENT_ROOT;
 ?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-  "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+                      "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
   <head>
     <title><?php echo("$title"); ?></title>
     <meta http-equiv="Content-type" content="text/html; charset=<?php echo("$encoding"); ?>" />
     <meta name="author" content="Jim Mock (mij at macports.org)" />
-    <meta name="copyright" content="2003, OpenDarwin" />
     <meta name="author" content="Juan Manuel Palacios (jmpp at macports.org)" />
+    <meta name="author" content="Chris Pickel (sfiera at macports.org)" />
+    <meta name="copyright" content="2003, OpenDarwin" />
     <meta name="copyright" content="2007, MacPorts Team" />
     <meta name="robots" content="all" />
     <link rel="stylesheet" type="text/css" href="/macports/mp.css" />
     <link rel="alternate" type="application/rss+xml" href="/macports/macports_news.xml" />
+    <script type="text/javascript" src="mootools.v1.11.js"></script>
+    <script type="text/javascript" src="language.js"></script>
   </head>
-
   <body>
-
-  <?php check_referer(); ?>
-  
-  <div id="main">
-
-<?php
-  include("$DOCUMENT_ROOT/macports/includes/header.inc");
+  <?php
+    include("$DOCUMENT_ROOT/macports/includes/header.inc");
+    check_referer();
 }
 
 ###################################################################### 
@@ -86,11 +84,8 @@
 	global $_SERVER;
 	if (preg_match("/darwinports.com/", $_SERVER['HTTP_REFERER'])) {
 ?>
-	<div class="referer_box">
-		<h1>The Official MacPorts Web Site, home of the project previously known as DarwinPorts</h1>
-		
+	<div class="warning">
 		<p>You have arrived at the <b>Official MacPorts Web Site</b> from <i>darwinports.com</i>.</p>
-	  
 		<p><i>darwinports.com</i> <b>is not the official MacPorts Web Site</b>, nor is it a mirror of
                 the <i>Official MacPorts Web Site</i>.  There is <b>no relationship</b> between the <i>MacPorts
                 Project</i> and <i>darwinports.com</i>.</p>

Modified: trunk/www/includes/email.inc
===================================================================
--- trunk/www/includes/email.inc	2007-09-06 05:40:21 UTC (rev 28648)
+++ trunk/www/includes/email.inc	2007-09-06 07:04:17 UTC (rev 28649)
@@ -5,7 +5,7 @@
 
 function obfuscate_email($email)
 {
-	return "<span class='email'>".str_replace('@', "<img src='/macports/img/at.gif' alt='at' style='width: 1em; height: 1em;' border='0' />", $email)."</span>";
+	return "<span class='email'>".str_replace('@', "<img src='/macports/img/at.gif' alt='at' style='width: 1em; height: 1em;' />", $email)."</span>";
 }
 
 ?>

Modified: trunk/www/includes/footer.inc
===================================================================
--- trunk/www/includes/footer.inc	2007-09-06 05:40:21 UTC (rev 28648)
+++ trunk/www/includes/footer.inc	2007-09-06 07:04:17 UTC (rev 28649)
@@ -1,7 +1,5 @@
+    </div>
     <div id="footer">
 <!-- $Id$ -->
-        <span class="languages">English, <a href="/macports/fr/">Fran&ccedil;ais</a>, <a href="/macports/es/">Espa&ntilde;ol</a>,
-            <a href="/macports/ru/">Russian</a>, <a href="/macports/it/">Italiano</a></span>
-        Copyright &copy; 2002-<? print date("Y"); ?>, <a href="http://www.macports.org/">MacPorts</a>. All rights reserved. | 
-            <a href="/macports/macports_news.xml">RSS feed</a>
+        Copyright &copy; 2002&ndash;<?php print date("Y"); ?>, <a href="http://www.macports.org/">MacPorts</a>. Hosted by <a href="http://www.macosforge.org">Mac OS Forge</a>. All rights reserved.
     </div>

Modified: trunk/www/includes/header.inc
===================================================================
--- trunk/www/includes/header.inc	2007-09-06 05:40:21 UTC (rev 28648)
+++ trunk/www/includes/header.inc	2007-09-06 07:04:17 UTC (rev 28649)
@@ -1,56 +1,59 @@
-      <div id="nav">
 <!-- $Id$ -->
-	<div id="logo">
-	  <a href="/macports/" title="MacPorts"><img src="/macports/img/dp.jpg"
-	    alt="MacPorts" /></a>
-	</div>
-	<div id="l">
-	  <ul>
-	  <?php
-	    $PHP_SELF = $_SERVER['PHP_SELF'];
-	    $home = '/macports/index.php';
-	    $getdp = '/macports/getmp.php';
-	    $ports = '/macports/ports.php';
-	    $help = '/macports/help.php';
+    <h1>
+      <a href="/macports/" title="MacPorts">
+        <span class="accessibility">MacPorts</span>
+      </a>
+    </h1>
+    <p class="accessibility">
+      <a href="#content">Skip to Content</a>
+    </p>
+    <div id="header">
+      <a id="download" href="/macports/getmp.php">
+        <span class="accessibility">Download MacPorts</span>
+      </a>
+      <span class="accessibility">View site in</span>
+      <span>
+        <a href="#" id="language"><img src="/macports/img/en-enabled.png" alt="English" width="30" height="48" /></a>
+      </span>
+      <span id="languages">
+        <a href="#"><img src="/macports/img/fr-disabled.png" alt="Fran&ccedil;ais" width="30" height="48" /></a><a href="#"><img src="/macports/img/es-disabled.png" alt="Espa&ntilde;ol" width="30" height="48" /></a><a href="#"><img src="/macports/img/ru-disabled.png" alt="" width="30" height="48" /></a><a href="#"><img src="/macports/img/it-disabled.png" alt="Italiano" width="30" height="48" /></a>
+      </span>
+    </div>
+    <div id="navigation">
+      <dl>
+        <dt>Getting Started</dt>
+        <dd>
+          <ul>
+<?php
+            $PHP_SELF = $_SERVER['PHP_SELF'];
+            $pages = array (
+              'Home'            => '/macports/index.php',
+              'Get MacPorts'    => '/macports/getmp.php',
+              'Available Ports' => '/macports/ports.php',
+              'Documentation'   => 'http://geeklair.net/new_macports_guide',
+              'Support &amp; Development'
+                                => 'http://trac.macports.org/',
+            );
 
-	    if($PHP_SELF == $home) {
-	      echo "<li class=\"selected\"><a href=\"/macports/index.php\" title=\"Home\">Home</a></li>\n";
-	    }
-	    else {
-	      echo "<li><a href=\"/macports/index.php\" title=\"Home\">Home</a></li>\n";
-	    }
-	    if($PHP_SELF == $getmp) {
-	      echo "<li class=\"selected\"><a href=\"/macports/getmp.php\" title=\"Get MacPorts\">Get MacPorts</a></li>\n";
-	    }
-	    else {
-	      echo "<li><a href=\"/macports/getmp.php\" title=\"Get MacPorts\">Get MacPorts</a></li>\n";
-	    }
-	  ?>
-	    <li class="last"><a href="http://trac.macports.org/" title="Support & Development">Support & Development</a></li>
-	  </ul>
-	</div>
-	<div id="r">
-	  <ul>
-	    <li><a href="http://geeklair.net/new_macports_guide/" title="Documentation">Documentation</a></li>
-	    <?php
-	      if($PHP_SELF == $ports) {
-		echo "<li class=\"selected\"><a href=\"/macports/ports.php\" title=\"Available Ports\">Available Ports</a></li>\n";
-	      }
-	      else {
-		echo "<li><a href=\"/macports/ports.php\" title=\"Available Ports\">Available Ports</a></li>\n";
-	      }
-	      if($PHP_SELF == $help) {
-		echo "<li class=\"sellast\"><a href=\"/macports/help.php\" title=\"Help\">Help</a></li>\n";
-	      }
-	      else {
-		echo "<li class=\"last\"><a href=\"/macports/help.php\" title=\"Help\">Help</a></li>\n";
-	      }
-	    ?>
-	  </ul>
-	</div>
-      </div>
-
-      <div id="content">
-           <h2>Warning: This is just a test installation of the old DarwinPorts project page, official site is located at
-           <a href="htp://www.macports.org">http://www.macports.org</a> as always (currently in plans for a redesign)</h2>
-      </div>
+            foreach ($pages as $title => $url) {
+              if ($PHP_SELF == $url) {
+                echo "            <li class=\"selected\"><a href=\"$url\" title=\"$title\">$title</a></li>\n";
+              } else {
+                echo "            <li><a href=\"$url\" title=\"$title\">$title</a></li>\n";
+              }
+            }
+          ?>
+          </ul>
+        </dd>
+        <dt>Shortcuts</dt>
+        <dd>
+          <ul>
+            <li><a href="http://svn.macports.org/repository/macports/">Subversion Repository</a></li>
+            <li><a href="http://trac.macports.org/projects/macports/wiki/FAQ">MacPorts FAQ</a></li>
+            <li><a href="http://trac.macports.org/projects/macports/newticket">Report a Bug</a></li>
+          </ul>
+        </dd>
+      </dl>
+    </div>
+    <div id="content">
+      <p class="warning">Warning: This is just a test installation of the old DarwinPorts project page, official site is located at <a href="htp://www.macports.org">http://www.macports.org</a> as always (currently in plans for a redesign)</p>

Modified: trunk/www/index.php
===================================================================
--- trunk/www/index.php	2007-09-06 05:40:21 UTC (rev 28648)
+++ trunk/www/index.php	2007-09-06 07:04:17 UTC (rev 28649)
@@ -1,59 +1,53 @@
-  <?php
-    /* $Id$ */
-    $DOCUMENT_ROOT = $_SERVER['DOCUMENT_ROOT'];
-    include_once("$DOCUMENT_ROOT/macports/includes/common.inc");
-    include_once("$DOCUMENT_ROOT/macports/includes/news.inc");
-    print_header('MacPorts -- Home', 'utf-8');
-  ?>
+<?php
+  /* $Id$ */
+  $DOCUMENT_ROOT = $_SERVER['DOCUMENT_ROOT'];
+  include_once("$DOCUMENT_ROOT/macports/includes/common.inc");
+  include_once("$DOCUMENT_ROOT/macports/includes/news.inc");
+  print_header('MacPorts -- Home', 'utf-8');
+?>
+    <h2 class="hdr">Introduction to MacPorts</h2>
 
-    <div id="content">
-
-      <h2 class="hdr">Introduction to MacPorts</h2>
-
-      <p>The MacPorts Project's main goal is to provide an easy way to
+    <p>The MacPorts Project's main goal is to provide an easy way to
 	install various open-source software products on the <a
-        href="http://www.apple.com/macosx/">Mac OS X</a> operating system.</p>
+      href="http://www.apple.com/macosx/">Mac OS X</a> operating system.</p>
 
-      <p>There are currently about <?= ports_count(); ?> completed and usable
+    <p>There are currently about <?php echo ports_count(); ?> completed and usable
 	<a href="/macports/ports.php">ports</a>, with more being added on a regular basis.
 	You can track recently added ports by subscribing to the <a
 	href="http://lists.macosforge.org/mailman/listinfo/macports-changes">macports-changes</a>
 	mailing list.</p>
 	
-      <p>For more information on obtaining and installing MacPorts,
+    <p>For more information on obtaining and installing MacPorts,
 	please see the <a href="/macports/getmp.php">Get MacPorts</a> section of this
-	site.  Also be sure to check out the <a href="http://geeklair.net/new_macports_guide/">documentation</a>,
+	site.Also be sure to check out the <a href="http://geeklair.net/new_macports_guide/">documentation</a>,
 	and if you have questions or run into problems, you can get help at our <a
 	href="/macports/help.php">help section</a>. The <a href="http://trac.macports.org/projects/macports/wiki">MacPorts Wiki</a>
 	is also a good resource for general and miscellaneous help, specially the 
 	ongoing <a href="http://trac.macports.org/projects/macports/wiki/FAQ">FAQ</a> effort.</p>
 
-      <p>Bug reports, feature requests, and new ports should be submitted as
+    <p>Bug reports, feature requests, and new ports should be submitted as
 	<a href="http://trac.macports.org/projects/macports/newticket">new tickets</a> into our Trac system. Please consult
-    the <a href="http://geeklair.net/new_macports_guide/#project.tickets"> documentation</a>
-    to improve the processing of your ticket(s).</p>
+  the <a href="http://geeklair.net/new_macports_guide/#project.tickets"> documentation</a>
+  to improve the processing of your ticket(s).</p>
 
-    <p>For information on becoming an official member of the MacPorts project
-    with write access to our subversion repository, please consult the
-    <a href="http://geeklair.net/new_macports_guide/#project.membership">relevant documentation</a>
-    detailing our membership requirements and resulting duties &amp; benefits
-    from holding a MacPorts account.</p>
+  <p>For information on becoming an official member of the MacPorts project
+  with write access to our subversion repository, please consult the
+  <a href="http://geeklair.net/new_macports_guide/#project.membership">relevant documentation</a>
+  detailing our membership requirements and resulting duties &amp; benefits
+  from holding a MacPorts account.</p>
 
-    <p><b>Current MacPorts <a href="/macports/getmp.php">release</a>: <? print "$mp_version"; ?></b></p>
+  <p><b>Current MacPorts <a href="/macports/getmp.php">release</a>: <?php print "$mp_version"; ?></b></p>
 
-      <div id="news">
+    <div id="news">
 	<h2 class="hdr">Project News</h2>
 
-	<?php
-	  print_headlines();
-	?>
+<?php
+  print_headlines();
+?>
 
 		<p>You can also browse our <a href="/macports/archives.php">news archives</a>.</p>
 	
-      </div>
     </div>
-  </div>
-
 <?php
   print_footer();
 ?>

Added: trunk/www/language.js
===================================================================
--- trunk/www/language.js	                        (rev 0)
+++ trunk/www/language.js	2007-09-06 07:04:17 UTC (rev 28649)
@@ -0,0 +1,9 @@
+window.addEvent('domready', function(){
+    var langSlider = new Fx.Slide('languages', {mode:'horizontal'});
+    langSlider.hide();
+    $('language').addEvent('click', function(e){
+            e = new Event(e);
+            langSlider.toggle();
+            e.stop();
+        });
+});

Added: trunk/www/mootools.v1.11.js
===================================================================
--- trunk/www/mootools.v1.11.js	                        (rev 0)
+++ trunk/www/mootools.v1.11.js	2007-09-06 07:04:17 UTC (rev 28649)
@@ -0,0 +1,53 @@
+//MooTools, My Object Oriented Javascript Tools. Copyright (c) 2006 Valerio Proietti, <http://mad4milk.net>, MIT Style License.
+
+var MooTools={version:'1.11'};function $defined(obj){return(obj!=undefined);};function $type(obj){if(!$defined(obj))return false;if(obj.htmlElement)return'element';var type=typeof obj;if(type=='object'&&obj.nodeName){switch(obj.nodeType){case 1:return'element';case 3:return(/\S/).test(obj.nodeValue)?'textnode':'whitespace';}}
+if(type=='object'||type=='function'){switch(obj.constructor){case Array:return'array';case RegExp:return'regexp';case Class:return'class';}
+if(typeof obj.length=='number'){if(obj.item)return'collection';if(obj.callee)return'arguments';}}
+return type;};function $merge(){var mix={};for(var i=0;i<arguments.length;i++){for(var property in arguments[i]){var ap=arguments[i][property];var mp=mix[property];if(mp&&$type(ap)=='object'&&$type(mp)=='object')mix[property]=$merge(mp,ap);else mix[property]=ap;}}
+return mix;};var $extend=function(){var args=arguments;if(!args[1])args=[this,args[0]];for(var property in args[1])args[0][property]=args[1][property];return args[0];};var $native=function(){for(var i=0,l=arguments.length;i<l;i++){arguments[i].extend=function(props){for(var prop in props){if(!this.prototype[prop])this.prototype[prop]=props[prop];if(!this[prop])this[prop]=$native.generic(prop);}};}};$native.generic=function(prop){return function(bind){return this.prototype[prop].apply(bind,Array.prototype.slice.call(arguments,1));};};$native(Function,Array,String,Number);function $chk(obj){return!!(obj||obj===0);};function $pick(obj,picked){return $defined(obj)?obj:picked;};function $random(min,max){return Math.floor(Math.random()*(max-min+1)+min);};function $time(){return new Date().getTime();};function $clear(timer){clearTimeout(timer);clearInterval(timer);return null;};var Abstract=function(obj){obj=obj||{};obj.extend=$extend;return obj;};var Window=new Abstract(window);va
 r Document=new Abstract(document);document.head=document.getElementsByTagName('head')[0];window.xpath=!!(document.evaluate);if(window.ActiveXObject)window.ie=window[window.XMLHttpRequest?'ie7':'ie6']=true;else if(document.childNodes&&!document.all&&!navigator.taintEnabled)window.webkit=window[window.xpath?'webkit420':'webkit419']=true;else if(document.getBoxObjectFor!=null)window.gecko=true;window.khtml=window.webkit;Object.extend=$extend;if(typeof HTMLElement=='undefined'){var HTMLElement=function(){};if(window.webkit)document.createElement("iframe");HTMLElement.prototype=(window.webkit)?window["[[DOMElement.prototype]]"]:{};}
+HTMLElement.prototype.htmlElement=function(){};if(window.ie6)try{document.execCommand("BackgroundImageCache",false,true);}catch(e){};var Class=function(properties){var klass=function(){return(arguments[0]!==null&&this.initialize&&$type(this.initialize)=='function')?this.initialize.apply(this,arguments):this;};$extend(klass,this);klass.prototype=properties;klass.constructor=Class;return klass;};Class.empty=function(){};Class.prototype={extend:function(properties){var proto=new this(null);for(var property in properties){var pp=proto[property];proto[property]=Class.Merge(pp,properties[property]);}
+return new Class(proto);},implement:function(){for(var i=0,l=arguments.length;i<l;i++)$extend(this.prototype,arguments[i]);}};Class.Merge=function(previous,current){if(previous&&previous!=current){var type=$type(current);if(type!=$type(previous))return current;switch(type){case'function':var merged=function(){this.parent=arguments.callee.parent;return current.apply(this,arguments);};merged.parent=previous;return merged;case'object':return $merge(previous,current);}}
+return current;};var Chain=new Class({chain:function(fn){this.chains=this.chains||[];this.chains.push(fn);return this;},callChain:function(){if(this.chains&&this.chains.length)this.chains.shift().delay(10,this);},clearChain:function(){this.chains=[];}});var Events=new Class({addEvent:function(type,fn){if(fn!=Class.empty){this.$events=this.$events||{};this.$events[type]=this.$events[type]||[];this.$events[type].include(fn);}
+return this;},fireEvent:function(type,args,delay){if(this.$events&&this.$events[type]){this.$events[type].each(function(fn){fn.create({'bind':this,'delay':delay,'arguments':args})();},this);}
+return this;},removeEvent:function(type,fn){if(this.$events&&this.$events[type])this.$events[type].remove(fn);return this;}});var Options=new Class({setOptions:function(){this.options=$merge.apply(null,[this.options].extend(arguments));if(this.addEvent){for(var option in this.options){if($type(this.options[option]=='function')&&(/^on[A-Z]/).test(option))this.addEvent(option,this.options[option]);}}
+return this;}});Array.extend({forEach:function(fn,bind){for(var i=0,j=this.length;i<j;i++)fn.call(bind,this[i],i,this);},filter:function(fn,bind){var results=[];for(var i=0,j=this.length;i<j;i++){if(fn.call(bind,this[i],i,this))results.push(this[i]);}
+return results;},map:function(fn,bind){var results=[];for(var i=0,j=this.length;i<j;i++)results[i]=fn.call(bind,this[i],i,this);return results;},every:function(fn,bind){for(var i=0,j=this.length;i<j;i++){if(!fn.call(bind,this[i],i,this))return false;}
+return true;},some:function(fn,bind){for(var i=0,j=this.length;i<j;i++){if(fn.call(bind,this[i],i,this))return true;}
+return false;},indexOf:function(item,from){var len=this.length;for(var i=(from<0)?Math.max(0,len+from):from||0;i<len;i++){if(this[i]===item)return i;}
+return-1;},copy:function(start,length){start=start||0;if(start<0)start=this.length+start;length=length||(this.length-start);var newArray=[];for(var i=0;i<length;i++)newArray[i]=this[start++];return newArray;},remove:function(item){var i=0;var len=this.length;while(i<len){if(this[i]===item){this.splice(i,1);len--;}else{i++;}}
+return this;},contains:function(item,from){return this.indexOf(item,from)!=-1;},associate:function(keys){var obj={},length=Math.min(this.length,keys.length);for(var i=0;i<length;i++)obj[keys[i]]=this[i];return obj;},extend:function(array){for(var i=0,j=array.length;i<j;i++)this.push(array[i]);return this;},merge:function(array){for(var i=0,l=array.length;i<l;i++)this.include(array[i]);return this;},include:function(item){if(!this.contains(item))this.push(item);return this;},getRandom:function(){return this[$random(0,this.length-1)]||null;},getLast:function(){return this[this.length-1]||null;}});Array.prototype.each=Array.prototype.forEach;Array.each=Array.forEach;function $A(array){return Array.copy(array);};function $each(iterable,fn,bind){if(iterable&&typeof iterable.length=='number'&&$type(iterable)!='object'){Array.forEach(iterable,fn,bind);}else{for(var name in iterable)fn.call(bind||iterable,iterable[name],name);}};Array.prototype.test=Array.prototype.contains;String.e
 xtend({test:function(regex,params){return(($type(regex)=='string')?new RegExp(regex,params):regex).test(this);},toInt:function(){return parseInt(this,10);},toFloat:function(){return parseFloat(this);},camelCase:function(){return this.replace(/-\D/g,function(match){return match.charAt(1).toUpperCase();});},hyphenate:function(){return this.replace(/\w[A-Z]/g,function(match){return(match.charAt(0)+'-'+match.charAt(1).toLowerCase());});},capitalize:function(){return this.replace(/\b[a-z]/g,function(match){return match.toUpperCase();});},trim:function(){return this.replace(/^\s+|\s+$/g,'');},clean:function(){return this.replace(/\s{2,}/g,' ').trim();},rgbToHex:function(array){var rgb=this.match(/\d{1,3}/g);return(rgb)?rgb.rgbToHex(array):false;},hexToRgb:function(array){var hex=this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);return(hex)?hex.slice(1).hexToRgb(array):false;},contains:function(string,s){return(s)?(s+this+s).indexOf(s+string+s)>-1:this.indexOf(string)>-1;},escapeRegExp
 :function(){return this.replace(/([.*+?^${}()|[\]\/\\])/g,'\\$1');}});Array.extend({rgbToHex:function(array){if(this.length<3)return false;if(this.length==4&&this[3]==0&&!array)return'transparent';var hex=[];for(var i=0;i<3;i++){var bit=(this[i]-0).toString(16);hex.push((bit.length==1)?'0'+bit:bit);}
+return array?hex:'#'+hex.join('');},hexToRgb:function(array){if(this.length!=3)return false;var rgb=[];for(var i=0;i<3;i++){rgb.push(parseInt((this[i].length==1)?this[i]+this[i]:this[i],16));}
+return array?rgb:'rgb('+rgb.join(',')+')';}});Function.extend({create:function(options){var fn=this;options=$merge({'bind':fn,'event':false,'arguments':null,'delay':false,'periodical':false,'attempt':false},options);if($chk(options.arguments)&&$type(options.arguments)!='array')options.arguments=[options.arguments];return function(event){var args;if(options.event){event=event||window.event;args=[(options.event===true)?event:new options.event(event)];if(options.arguments)args.extend(options.arguments);}
+else args=options.arguments||arguments;var returns=function(){return fn.apply($pick(options.bind,fn),args);};if(options.delay)return setTimeout(returns,options.delay);if(options.periodical)return setInterval(returns,options.periodical);if(options.attempt)try{return returns();}catch(err){return false;};return returns();};},pass:function(args,bind){return this.create({'arguments':args,'bind':bind});},attempt:function(args,bind){return this.create({'arguments':args,'bind':bind,'attempt':true})();},bind:function(bind,args){return this.create({'bind':bind,'arguments':args});},bindAsEventListener:function(bind,args){return this.create({'bind':bind,'event':true,'arguments':args});},delay:function(delay,bind,args){return this.create({'delay':delay,'bind':bind,'arguments':args})();},periodical:function(interval,bind,args){return this.create({'periodical':interval,'bind':bind,'arguments':args})();}});Number.extend({toInt:function(){return parseInt(this);},toFloat:function(){return par
 seFloat(this);},limit:function(min,max){return Math.min(max,Math.max(min,this));},round:function(precision){precision=Math.pow(10,precision||0);return Math.round(this*precision)/precision;},times:function(fn){for(var i=0;i<this;i++)fn(i);}});var Element=new Class({initialize:function(el,props){if($type(el)=='string'){if(window.ie&&props&&(props.name||props.type)){var name=(props.name)?' name="'+props.name+'"':'';var type=(props.type)?' type="'+props.type+'"':'';delete props.name;delete props.type;el='<'+el+name+type+'>';}
+el=document.createElement(el);}
+el=$(el);return(!props||!el)?el:el.set(props);}});var Elements=new Class({initialize:function(elements){return(elements)?$extend(elements,this):this;}});Elements.extend=function(props){for(var prop in props){this.prototype[prop]=props[prop];this[prop]=$native.generic(prop);}};function $(el){if(!el)return null;if(el.htmlElement)return Garbage.collect(el);if([window,document].contains(el))return el;var type=$type(el);if(type=='string'){el=document.getElementById(el);type=(el)?'element':false;}
+if(type!='element')return null;if(el.htmlElement)return Garbage.collect(el);if(['object','embed'].contains(el.tagName.toLowerCase()))return el;$extend(el,Element.prototype);el.htmlElement=function(){};return Garbage.collect(el);};document.getElementsBySelector=document.getElementsByTagName;function $$(){var elements=[];for(var i=0,j=arguments.length;i<j;i++){var selector=arguments[i];switch($type(selector)){case'element':elements.push(selector);case'boolean':break;case false:break;case'string':selector=document.getElementsBySelector(selector,true);default:elements.extend(selector);}}
+return $$.unique(elements);};$$.unique=function(array){var elements=[];for(var i=0,l=array.length;i<l;i++){if(array[i].$included)continue;var element=$(array[i]);if(element&&!element.$included){element.$included=true;elements.push(element);}}
+for(var n=0,d=elements.length;n<d;n++)elements[n].$included=null;return new Elements(elements);};Elements.Multi=function(property){return function(){var args=arguments;var items=[];var elements=true;for(var i=0,j=this.length,returns;i<j;i++){returns=this[i][property].apply(this[i],args);if($type(returns)!='element')elements=false;items.push(returns);};return(elements)?$$.unique(items):items;};};Element.extend=function(properties){for(var property in properties){HTMLElement.prototype[property]=properties[property];Element.prototype[property]=properties[property];Element[property]=$native.generic(property);var elementsProperty=(Array.prototype[property])?property+'Elements':property;Elements.prototype[elementsProperty]=Elements.Multi(property);}};Element.extend({set:function(props){for(var prop in props){var val=props[prop];switch(prop){case'styles':this.setStyles(val);break;case'events':if(this.addEvents)this.addEvents(val);break;case'properties':this.setProperties(val);break
 ;default:this.setProperty(prop,val);}}
+return this;},inject:function(el,where){el=$(el);switch(where){case'before':el.parentNode.insertBefore(this,el);break;case'after':var next=el.getNext();if(!next)el.parentNode.appendChild(this);else el.parentNode.insertBefore(this,next);break;case'top':var first=el.firstChild;if(first){el.insertBefore(this,first);break;}
+default:el.appendChild(this);}
+return this;},injectBefore:function(el){return this.inject(el,'before');},injectAfter:function(el){return this.inject(el,'after');},injectInside:function(el){return this.inject(el,'bottom');},injectTop:function(el){return this.inject(el,'top');},adopt:function(){var elements=[];$each(arguments,function(argument){elements=elements.concat(argument);});$$(elements).inject(this);return this;},remove:function(){return this.parentNode.removeChild(this);},clone:function(contents){var el=$(this.cloneNode(contents!==false));if(!el.$events)return el;el.$events={};for(var type in this.$events)el.$events[type]={'keys':$A(this.$events[type].keys),'values':$A(this.$events[type].values)};return el.removeEvents();},replaceWith:function(el){el=$(el);this.parentNode.replaceChild(el,this);return el;},appendText:function(text){this.appendChild(document.createTextNode(text));return this;},hasClass:function(className){return this.className.contains(className,' ');},addClass:function(className){if
 (!this.hasClass(className))this.className=(this.className+' '+className).clean();return this;},removeClass:function(className){this.className=this.className.replace(new RegExp('(^|\\s)'+className+'(?:\\s|$)'),'$1').clean();return this;},toggleClass:function(className){return this.hasClass(className)?this.removeClass(className):this.addClass(className);},setStyle:function(property,value){switch(property){case'opacity':return this.setOpacity(parseFloat(value));case'float':property=(window.ie)?'styleFloat':'cssFloat';}
+property=property.camelCase();switch($type(value)){case'number':if(!['zIndex','zoom'].contains(property))value+='px';break;case'array':value='rgb('+value.join(',')+')';}
+this.style[property]=value;return this;},setStyles:function(source){switch($type(source)){case'object':Element.setMany(this,'setStyle',source);break;case'string':this.style.cssText=source;}
+return this;},setOpacity:function(opacity){if(opacity==0){if(this.style.visibility!="hidden")this.style.visibility="hidden";}else{if(this.style.visibility!="visible")this.style.visibility="visible";}
+if(!this.currentStyle||!this.currentStyle.hasLayout)this.style.zoom=1;if(window.ie)this.style.filter=(opacity==1)?'':"alpha(opacity="+opacity*100+")";this.style.opacity=this.$tmp.opacity=opacity;return this;},getStyle:function(property){property=property.camelCase();var result=this.style[property];if(!$chk(result)){if(property=='opacity')return this.$tmp.opacity;result=[];for(var style in Element.Styles){if(property==style){Element.Styles[style].each(function(s){var style=this.getStyle(s);result.push(parseInt(style)?style:'0px');},this);if(property=='border'){var every=result.every(function(bit){return(bit==result[0]);});return(every)?result[0]:false;}
+return result.join(' ');}}
+if(property.contains('border')){if(Element.Styles.border.contains(property)){return['Width','Style','Color'].map(function(p){return this.getStyle(property+p);},this).join(' ');}else if(Element.borderShort.contains(property)){return['Top','Right','Bottom','Left'].map(function(p){return this.getStyle('border'+p+property.replace('border',''));},this).join(' ');}}
+if(document.defaultView)result=document.defaultView.getComputedStyle(this,null).getPropertyValue(property.hyphenate());else if(this.currentStyle)result=this.currentStyle[property];}
+if(window.ie)result=Element.fixStyle(property,result,this);if(result&&property.test(/color/i)&&result.contains('rgb')){return result.split('rgb').splice(1,4).map(function(color){return color.rgbToHex();}).join(' ');}
+return result;},getStyles:function(){return Element.getMany(this,'getStyle',arguments);},walk:function(brother,start){brother+='Sibling';var el=(start)?this[start]:this[brother];while(el&&$type(el)!='element')el=el[brother];return $(el);},getPrevious:function(){return this.walk('previous');},getNext:function(){return this.walk('next');},getFirst:function(){return this.walk('next','firstChild');},getLast:function(){return this.walk('previous','lastChild');},getParent:function(){return $(this.parentNode);},getChildren:function(){return $$(this.childNodes);},hasChild:function(el){return!!$A(this.getElementsByTagName('*')).contains(el);},getProperty:function(property){var index=Element.Properties[property];if(index)return this[index];var flag=Element.PropertiesIFlag[property]||0;if(!window.ie||flag)return this.getAttribute(property,flag);var node=this.attributes[property];return(node)?node.nodeValue:null;},removeProperty:function(property){var index=Element.Properties[property];
 if(index)this[index]='';else this.removeAttribute(property);return this;},getProperties:function(){return Element.getMany(this,'getProperty',arguments);},setProperty:function(property,value){var index=Element.Properties[property];if(index)this[index]=value;else this.setAttribute(property,value);return this;},setProperties:function(source){return Element.setMany(this,'setProperty',source);},setHTML:function(){this.innerHTML=$A(arguments).join('');return this;},setText:function(text){var tag=this.getTag();if(['style','script'].contains(tag)){if(window.ie){if(tag=='style')this.styleSheet.cssText=text;else if(tag=='script')this.setProperty('text',text);return this;}else{this.removeChild(this.firstChild);return this.appendText(text);}}
+this[$defined(this.innerText)?'innerText':'textContent']=text;return this;},getText:function(){var tag=this.getTag();if(['style','script'].contains(tag)){if(window.ie){if(tag=='style')return this.styleSheet.cssText;else if(tag=='script')return this.getProperty('text');}else{return this.innerHTML;}}
+return($pick(this.innerText,this.textContent));},getTag:function(){return this.tagName.toLowerCase();},empty:function(){Garbage.trash(this.getElementsByTagName('*'));return this.setHTML('');}});Element.fixStyle=function(property,result,element){if($chk(parseInt(result)))return result;if(['height','width'].contains(property)){var values=(property=='width')?['left','right']:['top','bottom'];var size=0;values.each(function(value){size+=element.getStyle('border-'+value+'-width').toInt()+element.getStyle('padding-'+value).toInt();});return element['offset'+property.capitalize()]-size+'px';}else if(property.test(/border(.+)Width|margin|padding/)){return'0px';}
+return result;};Element.Styles={'border':[],'padding':[],'margin':[]};['Top','Right','Bottom','Left'].each(function(direction){for(var style in Element.Styles)Element.Styles[style].push(style+direction);});Element.borderShort=['borderWidth','borderStyle','borderColor'];Element.getMany=function(el,method,keys){var result={};$each(keys,function(key){result[key]=el[method](key);});return result;};Element.setMany=function(el,method,pairs){for(var key in pairs)el[method](key,pairs[key]);return el;};Element.Properties=new Abstract({'class':'className','for':'htmlFor','colspan':'colSpan','rowspan':'rowSpan','accesskey':'accessKey','tabindex':'tabIndex','maxlength':'maxLength','readonly':'readOnly','frameborder':'frameBorder','value':'value','disabled':'disabled','checked':'checked','multiple':'multiple','selected':'selected'});Element.PropertiesIFlag={'href':2,'src':2};Element.Methods={Listeners:{addListener:function(type,fn){if(this.addEventListener)this.addEventListener(type,fn,f
 alse);else this.attachEvent('on'+type,fn);return this;},removeListener:function(type,fn){if(this.removeEventListener)this.removeEventListener(type,fn,false);else this.detachEvent('on'+type,fn);return this;}}};window.extend(Element.Methods.Listeners);document.extend(Element.Methods.Listeners);Element.extend(Element.Methods.Listeners);var Garbage={elements:[],collect:function(el){if(!el.$tmp){Garbage.elements.push(el);el.$tmp={'opacity':1};}
+return el;},trash:function(elements){for(var i=0,j=elements.length,el;i<j;i++){if(!(el=elements[i])||!el.$tmp)continue;if(el.$events)el.fireEvent('trash').removeEvents();for(var p in el.$tmp)el.$tmp[p]=null;for(var d in Element.prototype)el[d]=null;Garbage.elements[Garbage.elements.indexOf(el)]=null;el.htmlElement=el.$tmp=el=null;}
+Garbage.elements.remove(null);},empty:function(){Garbage.collect(window);Garbage.collect(document);Garbage.trash(Garbage.elements);}};window.addListener('beforeunload',function(){window.addListener('unload',Garbage.empty);if(window.ie)window.addListener('unload',CollectGarbage);});var Event=new Class({initialize:function(event){if(event&&event.$extended)return event;this.$extended=true;event=event||window.event;this.event=event;this.type=event.type;this.target=event.target||event.srcElement;if(this.target.nodeType==3)this.target=this.target.parentNode;this.shift=event.shiftKey;this.control=event.ctrlKey;this.alt=event.altKey;this.meta=event.metaKey;if(['DOMMouseScroll','mousewheel'].contains(this.type)){this.wheel=(event.wheelDelta)?event.wheelDelta/120:-(event.detail||0)/3;}else if(this.type.contains('key')){this.code=event.which||event.keyCode;for(var name in Event.keys){if(Event.keys[name]==this.code){this.key=name;break;}}
+if(this.type=='keydown'){var fKey=this.code-111;if(fKey>0&&fKey<13)this.key='f'+fKey;}
+this.key=this.key||String.fromCharCode(this.code).toLowerCase();}else if(this.type.test(/(click|mouse|menu)/)){this.page={'x':event.pageX||event.clientX+document.documentElement.scrollLeft,'y':event.pageY||event.clientY+document.documentElement.scrollTop};this.client={'x':event.pageX?event.pageX-window.pageXOffset:event.clientX,'y':event.pageY?event.pageY-window.pageYOffset:event.clientY};this.rightClick=(event.which==3)||(event.button==2);switch(this.type){case'mouseover':this.relatedTarget=event.relatedTarget||event.fromElement;break;case'mouseout':this.relatedTarget=event.relatedTarget||event.toElement;}
+this.fixRelatedTarget();}
+return this;},stop:function(){return this.stopPropagation().preventDefault();},stopPropagation:function(){if(this.event.stopPropagation)this.event.stopPropagation();else this.event.cancelBubble=true;return this;},preventDefault:function(){if(this.event.preventDefault)this.event.preventDefault();else this.event.returnValue=false;return this;}});Event.fix={relatedTarget:function(){if(this.relatedTarget&&this.relatedTarget.nodeType==3)this.relatedTarget=this.relatedTarget.parentNode;},relatedTargetGecko:function(){try{Event.fix.relatedTarget.call(this);}catch(e){this.relatedTarget=this.target;}}};Event.prototype.fixRelatedTarget=(window.gecko)?Event.fix.relatedTargetGecko:Event.fix.relatedTarget;Event.keys=new Abstract({'enter':13,'up':38,'down':40,'left':37,'right':39,'esc':27,'space':32,'backspace':8,'tab':9,'delete':46});Element.Methods.Events={addEvent:function(type,fn){this.$events=this.$events||{};this.$events[type]=this.$events[type]||{'keys':[],'values':[]};if(this.$eve
 nts[type].keys.contains(fn))return this;this.$events[type].keys.push(fn);var realType=type;var custom=Element.Events[type];if(custom){if(custom.add)custom.add.call(this,fn);if(custom.map)fn=custom.map;if(custom.type)realType=custom.type;}
+if(!this.addEventListener)fn=fn.create({'bind':this,'event':true});this.$events[type].values.push(fn);return(Element.NativeEvents.contains(realType))?this.addListener(realType,fn):this;},removeEvent:function(type,fn){if(!this.$events||!this.$events[type])return this;var pos=this.$events[type].keys.indexOf(fn);if(pos==-1)return this;var key=this.$events[type].keys.splice(pos,1)[0];var value=this.$events[type].values.splice(pos,1)[0];var custom=Element.Events[type];if(custom){if(custom.remove)custom.remove.call(this,fn);if(custom.type)type=custom.type;}
+return(Element.NativeEvents.contains(type))?this.removeListener(type,value):this;},addEvents:function(source){return Element.setMany(this,'addEvent',source);},removeEvents:function(type){if(!this.$events)return this;if(!type){for(var evType in this.$events)this.removeEvents(evType);this.$events=null;}else if(this.$events[type]){this.$events[type].keys.each(function(fn){this.removeEvent(type,fn);},this);this.$events[type]=null;}
+return this;},fireEvent:function(type,args,delay){if(this.$events&&this.$events[type]){this.$events[type].keys.each(function(fn){fn.create({'bind':this,'delay':delay,'arguments':args})();},this);}
+return this;},cloneEvents:function(from,type){if(!from.$events)return this;if(!type){for(var evType in from.$events)this.cloneEvents(from,evType);}else if(from.$events[type]){from.$events[type].keys.each(function(fn){this.addEvent(type,fn);},this);}
+return this;}};window.extend(Element.Methods.Events);document.extend(Element.Methods.Events);Element.extend(Element.Methods.Events);Element.Events=new Abstract({'mouseenter':{type:'mouseover',map:function(event){event=new Event(event);if(event.relatedTarget!=this&&!this.hasChild(event.relatedTarget))this.fireEvent('mouseenter',event);}},'mouseleave':{type:'mouseout',map:function(event){event=new Event(event);if(event.relatedTarget!=this&&!this.hasChild(event.relatedTarget))this.fireEvent('mouseleave',event);}},'mousewheel':{type:(window.gecko)?'DOMMouseScroll':'mousewheel'}});Element.NativeEvents=['click','dblclick','mouseup','mousedown','mousewheel','DOMMouseScroll','mouseover','mouseout','mousemove','keydown','keypress','keyup','load','unload','beforeunload','resize','move','focus','blur','change','submit','reset','select','error','abort','contextmenu','scroll'];Function.extend({bindWithEvent:function(bind,args){return this.create({'bind':bind,'arguments':args,'event':Even
 t});}});Element.Events.domready={add:function(fn){if(window.loaded){fn.call(this);return;}
+var domReady=function(){if(window.loaded)return;window.loaded=true;window.timer=$clear(window.timer);this.fireEvent('domready');}.bind(this);if(document.readyState&&window.webkit){window.timer=function(){if(['loaded','complete'].contains(document.readyState))domReady();}.periodical(50);}else if(document.readyState&&window.ie){if(!$('ie_ready')){var src=(window.location.protocol=='https:')?'://0':'javascript:void(0)';document.write('<script id="ie_ready" defer src="'+src+'"><\/script>');$('ie_ready').onreadystatechange=function(){if(this.readyState=='complete')domReady();};}}else{window.addListener("load",domReady);document.addListener("DOMContentLoaded",domReady);}}};window.onDomReady=function(fn){return this.addEvent('domready',fn);};var Fx={};Fx.Base=new Class({options:{onStart:Class.empty,onComplete:Class.empty,onCancel:Class.empty,transition:function(p){return-(Math.cos(Math.PI*p)-1)/2;},duration:500,unit:'px',wait:true,fps:50},initialize:function(options){this.element=t
 his.element||null;this.setOptions(options);if(this.options.initialize)this.options.initialize.call(this);},step:function(){var time=$time();if(time<this.time+this.options.duration){this.delta=this.options.transition((time-this.time)/this.options.duration);this.setNow();this.increase();}else{this.stop(true);this.set(this.to);this.fireEvent('onComplete',this.element,10);this.callChain();}},set:function(to){this.now=to;this.increase();return this;},setNow:function(){this.now=this.compute(this.from,this.to);},compute:function(from,to){return(to-from)*this.delta+from;},start:function(from,to){if(!this.options.wait)this.stop();else if(this.timer)return this;this.from=from;this.to=to;this.change=this.to-this.from;this.time=$time();this.timer=this.step.periodical(Math.round(1000/this.options.fps),this);this.fireEvent('onStart',this.element);return this;},stop:function(end){if(!this.timer)return this;this.timer=$clear(this.timer);if(!end)this.fireEvent('onCancel',this.element);return
  this;},custom:function(from,to){return this.start(from,to);},clearTimer:function(end){return this.stop(end);}});Fx.Base.implement(new Chain,new Events,new Options);Fx.Slide=Fx.Base.extend({options:{mode:'vertical'},initialize:function(el,options){this.element=$(el);this.wrapper=new Element('div',{'styles':$extend(this.element.getStyles('margin'),{'overflow':'hidden'})}).injectAfter(this.element).adopt(this.element);this.element.setStyle('margin',0);this.setOptions(options);this.now=[];this.parent(this.options);this.open=true;this.addEvent('onComplete',function(){this.open=(this.now[0]===0);});if(window.webkit419)this.addEvent('onComplete',function(){if(this.open)this.element.remove().inject(this.wrapper);});},setNow:function(){for(var i=0;i<2;i++)this.now[i]=this.compute(this.from[i],this.to[i]);},vertical:function(){this.margin='margin-top';this.layout='height';this.offset=this.element.offsetHeight;},horizontal:function(){this.margin='margin-left';this.layout='width';this.
 offset=this.element.offsetWidth;},slideIn:function(mode){this[mode||this.options.mode]();return this.start([this.element.getStyle(this.margin).toInt(),this.wrapper.getStyle(this.layout).toInt()],[0,this.offset]);},slideOut:function(mode){this[mode||this.options.mode]();return this.start([this.element.getStyle(this.margin).toInt(),this.wrapper.getStyle(this.layout).toInt()],[-this.offset,0]);},hide:function(mode){this[mode||this.options.mode]();this.open=false;return this.set([-this.offset,0]);},show:function(mode){this[mode||this.options.mode]();this.open=true;return this.set([0,this.offset]);},toggle:function(mode){if(this.wrapper.offsetHeight==0||this.wrapper.offsetWidth==0)return this.slideIn(mode);return this.slideOut(mode);},increase:function(){this.element.setStyle(this.margin,this.now[0]+this.options.unit);this.wrapper.setStyle(this.layout,this.now[1]+this.options.unit);}});
\ No newline at end of file

Modified: trunk/www/mp.css
===================================================================
--- trunk/www/mp.css	2007-09-06 05:40:21 UTC (rev 28648)
+++ trunk/www/mp.css	2007-09-06 07:04:17 UTC (rev 28649)
@@ -2,233 +2,130 @@
   $Id$
 */
 
-* {
-	font-family: Georgia, "New Century Schoolbook", "Times New Roman", Times, serif;
-}
-
 body {
-	background: #e3f1c7;
-	width: 720px;
-	margin: 15px auto 15px auto;
-	font-size: 12px;
+    margin: 30px 40px;
+    background: url(/macports/img/top-backdrop.png) repeat-x #EDEDED;
+    font: 12px Helvetica, Arial, sans-serif;
+    line-height: 1.2em;
 }
-
+.accessibility {
+    display: block;
+    overflow: hidden;
+    width: 0;
+    height: 0;
+}
 a:link {
-	color: #669;
-	text-decoration: none;
-	font-weight: bold;
-	border-bottom: 1px dotted #c63;
+    color: #0155CD;
+    text-decoration: underline;
 }
-
 a:visited {
-	color: #888;
-	text-decoration: none;
-	font-weight: bold;
-	border-bottom: 1px dotted #669;
+    color: #012567;
 }
-
 a:hover {
-	color: #c63;
-	text-decoration: none;
-	font-weight: bold;
-	border-bottom: 1px dotted #369;
+    color: #3591ED;
 }
-
-img, a img {
-	border: none;
-	text-decoration: none;
+h1, h2, h3 {
+    margin: 0;
+    color: white;
 }
-
 h1 {
-	font-size: 22px;
+    float: left;
 }
-
-h2 {
-	font-size: 20px;
+h1 a {
+    display: block;
+    width: 183px;
+    height: 70px;
+    background: url(/macports/img/macports-logo-top.png);
 }
-
-h3 {
-	font-size: 18px;
+h2, h3 {
+    background: #8695B3;
+    padding: 0.2em;
 }
-
-h4 {
-	font-size: 16px;
+h2 {
+    font: bold 24px "Lucida Grande", Helvetica, Arial, sans-serif;
 }
-
-h5 {
-	font-size: 14px;
+img {
+    margin: 0;
+    border: 0;
 }
-
-h6 {
-	font-size: 13px;
+#navigation {
+    width: 183px;
+    float: left;
+    clear: left;
+    background: url(/macports/img/nav-header.png) top no-repeat #B1BACC;
+    line-height: 1.4em;
 }
-
-br {
-	clear: both;
+#navigation dl {
+    padding: 16px;
+    margin: 0;
+    background: url(/macports/img/nav-footer.png) bottom no-repeat;
 }
-
-p {
-	margin: 10px 0 1em 0;
-	line-height: 16px;
+#navigation dd, #navigation dt {
+    margin: 0;
+    padding: 0;
 }
-
-input, textarea {
-	font-family: Courier, "Courier New", monospace;
+#navigation dt {
+    color: white;
+    font: bold 125% "Lucida Grande", Helvetica, Arial, sans-serif;
 }
-
-kbd {
-	color: #c63;
-	font-family: Courier, "Courier New", monospace;
+#navigation ul {
+    margin: 0 0 1em 1em;
+    padding: 0;
 }
-
-pre {
-	color: #369;
-	font-family: Sans, "Sans serif";
-	font-size: 14px;
-	margin-left: 20px;
+#navigation li {
+    display: block;
+    margin: 0;
+    padding: 0;
 }
-
-#nav {
-	height: 76px;
-	padding: 0;
-	font-size: 10px;
+#navigation a {
+    text-decoration: none;
+    color: #242933;
 }
-
-#logo {
-	background: #fff;
-	float: left;
-	display: inline;
-	width: 400px;
-	height: 75px;
-	border-top: 1px solid #bbb;
-	border-bottom: 1px solid #bbb;
+#navigation a:hover {
+    text-decoration: underline;
 }
-
-#logo a {
-	border: none;
+#header {
+    margin: 21px 0 17px 191px;
+    min-width: 350px;
+    max-width: 700px;
+    height: 51px;
 }
-
-#nav #l {
-	width: 150px;
-	height: 75px;
-	float: left;
-	border: 1px solid #bbb;
+#header div, #header span {
+    float: right;
 }
-
-#nav #r {
-	width: 150px;
-	height: 75px;
-	float: left;
-	border-top: 1px solid #bbb;
-	border-bottom: 1px solid #bbb;
+#header img {
+    margin-left: 5px;
 }
-
-#nav ul {
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
-	text-align: center;
+#languages {
+    width: 140px;
 }
-
-#nav li a {
-	background: #fff;
-	display: block;
-	text-decoration: none;
-	line-height: 20px;
-	padding: 2px;
-	border-bottom: 1px solid #bbb;
+#download {
+    display: block;
+    float: right;
+    width: 70px;
+    height: 48px;
+    background: url(/macports/img/download.png);
+    margin-left: 5px;
 }
-
-#nav li a:visited {
-	color: #999;
-	text-decoration: none;
+a#download:hover {
+    background: url(/macports/img/download-highlight.png);
 }
-
-#nav li a:hover {
-	background: #d8e6e7;
-	color: #888;
-}
-
-#nav li.last a {
-	border: none;
-	display: block;
-	line-height: 21px;
-}
-
-#nav li.selected a {
-	background: #f3f3f3;
-	color: #c63;
-}
-
-#nav li.sellast a {
-	background: #f3f3f3;
-	color: #c63;
-	border: none;
-	display: block;
-	line-height: 21px;
-}
-
-#main {
-	background: #fff;
-	width: 702px;
-	border-right: 1px solid #bbb;
-	border-left: 1px solid #bbb;
-	padding-bottom: 100px;
-}
-
 #content {
-	width: 80%; 
-	margin: 10px 0 0 0;
-	padding: 5px 20px;
+    padding: 1px 0 40px 191px;
+    min-width: 350px;
+    max-width: 700px;
 }
-
-#news {
-	margin: 10px 0 0 0;
-	padding: 5px 0 0 0;
+.warning {
+    background: #FCC;
+    border: 2px solid #F66;
+    padding: 0.5em;
+    margin: 0.5em;
+    float: right;
+    clear: right;
+    width: 200px;
 }
-
 #footer {
-	width: 692px;
-	background: #fff;
-	border: 1px solid #bbb;
-	font-size: 10px;
-	padding: 5px;
-	text-align: right;
+    font-size: 90%;
+    clear: both;
+    text-align: center;
 }
-
-.languages {
-	float: left;
-}
-
-.hdr {
-	color: #669;
-	margin: 0;
-	padding: 10px 0 0 0;
-	border-bottom: 1px solid #bbb;
-}
-
-.subhdr {
-	color: #879880;
-	margin: 5px 0 0 0;
-	padding: 0;
-}
-
-.date {
-	color: #999;
-	margin: 0 auto;
-	padding: 0;
-}
-
-.referer_box {
-	margin: auto;
-	margin-bottom: 1em;
-	width: 90%;
-	border: 1px solid #CC6633;
-	background-color: #D37F54;
-	color: black;
-	padding: 1em;
-}
-.referer_box a {
-	color: white;
-}
-

Modified: trunk/www/ports.php
===================================================================
--- trunk/www/ports.php	2007-09-06 05:40:21 UTC (rev 28648)
+++ trunk/www/ports.php	2007-09-06 07:04:17 UTC (rev 28649)
@@ -7,9 +7,7 @@
 	$by = isset($_GET['by']) ? $_GET['by'] : '';
 	$substr = isset($_GET['substr']) ? $_GET['substr'] : '';
 ?>
-	<center>
-	<h1>MacPorts Portfiles</h1>
-	</center>
+	<h2>MacPorts Portfiles</h2>
 
 	<p>
 	This form allows you to search the current index of MacPorts software. <br />
@@ -38,7 +36,7 @@
 			<td><input type="text" name="substr" size="40" /></td>
 			<td><input type="submit" value="Search" /></td>
 		</tr>
-		<tr><td colspan="4"><hr size="1" noshade="noshade" /></td></tr>
+		<tr><td colspan="4"><hr /></td></tr>
 		<tr>
 <?php
 		$result = mysql_query("SELECT count(*) from $portsdb.portfiles");
@@ -54,7 +52,7 @@
 		<?php
 			if (!$by || (!$substr && $by != "all")) {
 		?>
-		<tr><td colspan="4"><hr size="1" noshade="noshade" /></td></tr>
+		<tr><td colspan="4"><hr /></td></tr>
 		<tr><th colspan="4" align="left">View By Category:</th></tr>
 		<?php
 				$query = "SELECT DISTINCT category FROM $portsdb.categories ORDER BY category";
@@ -204,16 +202,14 @@
 	?>
 	<br />
 	</dd>
-	<br />
 <?php
 			} 
 		} else {
 			echo "An Error Occurred. (501)";
 		}
-	}
 ?>
-	</dl>
-	</div>
+    </dl>
 <?php
+	}
 	print_footer();
 ?>

-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.macosforge.org/pipermail/macports-changes/attachments/20070906/50667b5a/attachment.html


More information about the macports-changes mailing list