[UFO Chicago] Jordan, Heeeeeeeeere's Google!

Larry Garfield lgarfiel@students.depaul.edu
Fri, 27 Sep 2002 13:56:07 -0500


This is a multi-part message in MIME format.
--------------1F6EF23F94AB2D3834004911
Content-Type: text/plain; charset=us-ascii
Content-Transfer-Encoding: 7bit

I was feeling bored this afternoon, so since Jordan and I were
discussing how Google was doing its nav bar, I decided to check and find
out.  

Yeesh, I use dynamically generated HTML too, but not code this ugly. 
Line breaks do not make the site any more difficult on your script,
folks!  And learn the spec, dudes.  I cleaned the front page up to make
it valid XML, though not XHTML, and then ran it through an XML cleanup
program to linebreak and tab everything nicely.  Jordan, they are using
tables afterall.  Fairly simple tables, too.

I've attached the cleaned up code for anyone who cares to study it.  I
would put it in the body directly, but it would wrap nastily and be no
better than what I started with.  (Note, the code is valid XML, but is
not valid HTML or XHTML.  The table portions are close enough, I think.
:-)

-- 
Larry Garfield			AIM: LOLG42
lgarfiel@students.depaul.edu	ICQ: 6817012

-- "If at first you don't succeed, skydiving isn't for you." :-)
--------------1F6EF23F94AB2D3834004911
Content-Type: text/html; charset=us-ascii;
 name="google.html"
Content-Transfer-Encoding: 7bit
Content-Disposition: inline;
 filename="google.html"

<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<title>Google</title>
		<style>
			<!--
body,td,a,p,.h{font-family:arial,sans-serif;} .h{font-size: 20px;} .h{color:} .q{text-decoration:none; color:#0000cc;}
//-->
		</style>
		<script>
			<!--
function sf(){document.f.q.focus();}
function c(p){var f=document.f;if (f.action) {f.action = 'http://'+p;f.submit();return false;}return true;}
// -->
		</script>
	</head>
	<body bgcolor="#ffffff" text="#000000" link="#0000cc" vlink="#551a8b" alink="#ff0000" onLoad="sf()">
		<center>
			<img src="logos/4th_birthday.gif" width="276" height="110" border="0" alt="Celebrating Google's 4th Birthday" />
			<br />
			<br />
			<table border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td width="15">&nbsp;</td>
					<td id="0" bgcolor="#3366cc" align="center" width="95" nowrap="nowrap">
						<font color="#ffffff" size="-1">
							<b>Web</b>
						</font>
					</td>
					<td width="15">&nbsp;</td>
					<td id="1" bgcolor="#efefef" align="center" width="95" nowrap="nowrap" onClick="return c('www.google.com/imghp');" style="cursor:pointer;cursor:hand;">
						<a id="1a" class="q" href="/imghp" onClick="return c('www.google.com/imghp');">
							<font size="-1">Images</font>
						</a>
					</td>
					<td width="15">&nbsp;</td>
					<td id="2" bgcolor="#efefef" align="center" width="95" nowrap="nowrap" onClick="return c('www.google.com/grphp');" style="cursor:pointer;cursor:hand;">
						<a id="2a" class="q" href="/grphp" onClick="return c('www.google.com/grphp');">
							<font size="-1">Groups</font>
						</a>
					</td>
					<td width="15">&nbsp;</td>
					<td id="3" bgcolor="#efefef" align="center" width="95" nowrap="nowrap" onClick="return c('www.google.com/dirhp');" style="cursor:pointer;cursor:hand;">
						<a id="3a" class="q" href="/dirhp" onClick="return c('www.google.com/dirhp');">
							<font size="-1">Directory</font>
						</a>
					</td>
					<td width="15">&nbsp;</td>
					<td id="4" bgcolor="#efefef" align="center" width="95" nowrap="nowrap" onClick="return c('www.google.com/nwshp');" style="cursor:pointer;cursor:hand;">
						<a id="4a" class="q" href="/nwshp" onClick="return c('www.google.com/nwshp');">
							<font size="-1">
								<nobr>News-<font color="red">New!</font>
								</nobr>
							</font>
						</a>
					</td>
					<td width="15">&nbsp;</td>
				</tr>
				<tr>
					<td colspan="12" bgcolor="#3366cc">
						<img width="1" height="1" alt="" />
					</td>
				</tr>
			</table>
			<br />
			<form action="/search" name="f">
				<table cellspacing="0" cellpadding="0">
					<tr>
						<td width="75">&nbsp;</td>
						<td align="center">
							<input type="hidden" name="hl" value="en" />
							<input type="hidden" name="ie" value="UTF-8" />
							<input type="hidden" name="oe" value="UTF-8" />
							<input maxLength="256" size="55" name="q" value="" />
							<br />
							<input type="submit" value="Google Search" name="btnG" />
							<input type="submit" value="I'm Feeling Lucky" name="btnI" />
						</td>
						<td valign="top" nowrap="nowrap">
							<font size="-2">&nbsp;&#8226;&nbsp;<a href="/advanced_search?hl=en">Advanced&nbsp;Search</a>
								<br />&nbsp;&#8226;&nbsp;<a href="/preferences?hl=en">Preferences</a>
								<br />&nbsp;&#8226;&nbsp;<a href="/language_tools?hl=en">Language Tools</a>
							</font>
						</td>
					</tr>
				</table>
			</form>
			<br />
			<font face="arial,sans-serif">Get your news the Google way - <a href="http://news.google.com">Try Google News</a>
			</font>
			<p>
				<br />
				<font size="-1">
					<a href="/ads/">Advertise&nbsp;with&nbsp;Us</a> - <a href="/services/">Search&nbsp;Solutions</a> - <a href="/options/">Services&nbsp;&amp;&nbsp;Tools</a> - <a href="/about.html">Jobs,&nbsp;Press,&nbsp;&amp;&nbsp;Help</a>
				</font>
			</p>
			<p>
				<font size="-2">&copy;2002 Google</font>
				<font size="-2"> - Searching 2,469,940,685 web pages</font>
			</p>
		</center>
	</body>
</html>
--------------1F6EF23F94AB2D3834004911--