Mine

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<script src="prototype.js" type="text/javascript"></script>
<script src="src/scriptaculous.js" type="text/javascript"></script>

</head>

<body>
<div id="contentspace"></div>

<span class="style7" id="adiv">Machine Strucutres</span><br />
Xilinx fpga vga + ps2 with ( semi ) working keyboard

<br /><br />
<span class="style7" id="adiv2">
Ruby on Rails</span><br />
RoR blog I'm playing with


 
<div id='togglething' style='display:none;'>
<?php
                $path = 'lab/'; // You may want to change this.
               
                $dir = opendir($path);
               
                while (($file = readdir($dir)) !== false)
                {
                         if (!in_array($file, array('.', '..')) )
                         {
                                  echo $file .'<br />'. "\n";
                         }
                }
               
                closedir($dir);
?>
</div>
<div id='togglething2' style='display:none;'>
<?php
                $path = 'photobooth/'; // You may want to change this.
               
                $dir = opendir($path);
               
                while (($file = readdir($dir)) !== false)
                {
                         if (!in_array($file, array('.', '..')) )
                         {
                                  echo $file .'<br />'. "\n";
                         }
                }
               
                closedir($dir);
?>
</div>
 
<script type="text/javascript">
$(document).observe("dom:loaded", function() {
   $('adiv').observe('mouseover', function(){ new Effect.BlindDown('togglething', {queue:'end'}); });
   $('adiv').observe('mouseout', function(){ new Effect.BlindUp('togglething', {queue:'front'}); });
})
</script>


<script type="text/javascript">
$(document).observe("dom:loaded", function() {
   $('adiv2').observe('mouseover', function(){ new Effect.BlindDown('togglething2', 'blind'); });
   $('adiv2').observe('mouseout', function(){ new Effect.BlindUp('togglething2', 'blind'); });
})
</script>




</body>
<!--questions are fine - one thing - quickly moving mouse over/off the text will get it confused (look in to using effect queues here)

15:37
or maybe use Effect.toggle() based on whether it is visible or not (but quick mouse moveements may still be a problem here)
15:37
what's in the list of files? any links at all?
-->
</html>