oh my god (whose god?)

cscweb.xsl

@@ -132,12 +132,31 @@
 </xsl:template>
 
 <xsl:template match="header" name="header">
+  <div id="vfeed"></div>
   <div class="webtitle"><div class="webtitle-inner">
   <table cellpadding="0" cellspacing="0" border="0" align="left"><tr>
     <td width="90">
       <a href="/"><img src="/logos/csc_80_35_white.png"/></a>
     </td><td>
       <a href="/"><img src="/logos/csc_title.png"/></a>
+    </td><td valign="top" align="right">
+      <script language="javascript">
+	var e = document.getElementById("vfeed");
+        function callvfeed() {
+	  e.innerHTML = "<div class=\"vfeedmon\">"
+	  	+ "<div id=\"rvf\">Connecting...</div>"
+		+ "<h2>Visual Feed from the Office</h2>";
+		+ "<div class=\"vfeed-cmds\">Refresh | "
+		+ "<a href=\"#\" onclick=\"stopvfeed()\">X</div>";
+	  	+ "</div>";
+	}
+	function stopvfeed() {
+	  e.innerHTML = "";
+	}
+
+	document.write("<a href=\"#vfeed\" onclick=\"callvfeed()\">Visual Feed</a>");
+      </script>
+      <noscript></noscript>
     </td>
   </tr></table>
   </div></div>
@@ -169,7 +188,7 @@
 </xsl:template>
 
 <xsl:template match="footer" name="footer">
- <hr />
+ <div class="footer">
  <xsl:call-template name="menu"/>
  <p>
   This page was generated on <xsl:value-of select="$date"/> at
@@ -186,6 +205,7 @@
    Please direct website comments to the <a
    href="mailto:www@csclub.uwaterloo.ca">Webmaster</a>.
  </p>
+ </div>
 </xsl:template>
 
 <xsl:template match="newsdefs">

default.css

@@ -91,3 +91,9 @@ p {
 	width:60px;
 	height:60px;
 }
+
+.footer {
+	border-top:1px dotted #ccc;
+	font-size:10px;
+	color:#666;
+}