diff --git a/test/wild.sh b/test/wild.sh
diff --git a/test/wild_report.py b/test/wild_report.py
diff --git a/web/osh-to-oil.html b/web/osh-to-oil.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>

 <!--
@@ -36,7 +37,7 @@
 <body onload="onLoad(location.hash, globals, kStatusElem);"
      onhashchange="onHashChange(location.hash, globals, kStatusElem);">

-<p>Back to <a href="FILES.html">file list</a></p>
+<p>Up to <a href="listing.html">WILD/</a></p>

 <p id="status"></p>

@@ -52,7 +53,13 @@ <h2 id="title"></h2>
 -->

 <p>
-<i>(Widen your browser until osh and oil code appears side by side)</i>
+<i>(Widen your browser until OSH and Oil code appears side by side)</i>
+</p>
+
+<p>Single Page:
+<a id="link-orig" href="">Shell</a> /
+<a id="link-oil" href="">Oil</a> /
+<a id="link-ast" href="">AST</a>
 </p>

 <!-- src filled in from URL hash -->
diff --git a/web/osh-to-oil.js b/web/osh-to-oil.js
@@ -46,8 +46,13 @@ function loadSource(sourceName, statusElem) {
  document.getElementById('title').innerHTML = sourceName;

  document.getElementById('orig').src = sourceName + '.txt';
-  document.getElementById('oil').src = sourceName + '.oil.txt';
-  document.getElementById('ast').src = sourceName + '-AST.html';
+  document.getElementById('oil').src = sourceName + '__oil.txt';
+  document.getElementById('ast').src = sourceName + '__ast.html';
+
+  document.getElementById('link-orig').href = sourceName + '.txt';
+  document.getElementById('link-oil').href = sourceName + '__oil.txt';
+  document.getElementById('link-ast').href = sourceName + '__ast.html';
+
  // NOTE: There is no error checking here.  They will just see a 404 in the
  // iframe pane.
  // http://stackoverflow.com/questions/16499117/how-to-detect-an-error-404-in-an-iframe
diff --git a/web/wild.css b/web/wild.css
@@ -0,0 +1,57 @@
+/* For the wild-dir.html, etc. */
+
+#status {
+  text-align: center;
+  font-size: x-large;
+  color: darkred;
+}
+
+body {
+  margin: 0 auto;
+  width: 80em;
+}
+
+table {
+  padding: 10px;  /* Padding makes it look nicer. */
+  border-collapse: collapse;  /* this is like old cellpadding */
+}
+
+thead {
+  font-weight: bold;
+  /*text-align: center;*/
+}
+
+/* like cellspacing? */
+td {
+  padding: 5px;
+  text-align: right;
+}
+
+.name { text-align: left; }
+tbody .name { font-family: monospace; }
+
+h2 {
+  /*text-align: center;*/
+}
+
+/* Adaptedfrom spec-tests.css */
+.ok   { color: darkgreen; }
+.fail { color: darkred; }
+
+/* Copied from spec-tests.css */
+tbody tr:hover {
+  background-color: #eee;
+}
+#stderr td {
+  vertical-align: top;  /* so the #anchor goes to top of cell */
+  text-align: left;
+  border-top: solid 1px;
+  border-color: lightgrey;
+}
+
+#nav {
+  /* background-color: #eee; */
+  padding: 1em;
+  font-size: large;
+  font-family: monospace;
+}