stuff. i'm tired.

diff --git a/gallery/gallery.css b/gallery/gallery.css
index 92d240c..d5b4358 100644 (file)
--- a/gallery/gallery.css
+++ b/gallery/gallery.css
@@ -13,11 +13,18 @@ aside {
   vertical-align: top;
   width: 200px;
 }
+#gap {
+  style="width:0.5em;"
+}
 
-#rhs {
+#rhs, #lhs {
   vertical-align: top;
 }
 
+#subtitle a:visited {
+  color: blue;  
+}
+
 #workarea {
   border-style: solid;
   border-color: #ddd;

diff --git a/gallery/gallery.js b/gallery/gallery.js
index bdf2386..dec3cb3 100644 (file)
--- a/gallery/gallery.js
+++ b/gallery/gallery.js
@@ -20,9 +20,12 @@ Gallery.start = function() {
   Gallery.toc = document.getElementById("toc");
   Gallery.workarea = document.getElementById("workarea");
   Gallery.subtitle = Gallery.create("div", Gallery.workarea);
+  Gallery.subtitle.id = "subtitle";
   Gallery.workareaChild = Gallery.create("div", Gallery.workarea);
   Gallery.title = document.getElementById("title");
   Gallery.textarea = new TextArea();
+  Gallery.textarea.width = 600;
+  Gallery.textarea.height = 400;
 
   for (var idx in Gallery.entryOrder) {
     var id = Gallery.entryOrder[idx];

diff --git a/gallery/index.html b/gallery/index.html
index b284d50..360bdec 100644 (file)
--- a/gallery/index.html
+++ b/gallery/index.html
@@ -57,8 +57,12 @@
         <td id="title"></td>
       </tr>
       <tr>
-        <td id="toc"></td>
-        <td style="width:0.5em;"></td>
+        <td id='lhs'>
+        <div id="toc"></div>
+        <hr/>
+        <a href="../index.html">Back to Dygraphs.</a>
+        </td>
+        <td id='gap'></td>
         <td id="rhs">
           <div id="workarea"></div>
         </td>

diff --git a/gallery/interaction.js b/gallery/interaction.js
index 69a812c..fd50def 100644 (file)
--- a/gallery/interaction.js
+++ b/gallery/interaction.js
@@ -5,7 +5,7 @@ Gallery.register(
     title: 'title',
     setup: function(parent) {
       parent.innerHTML = [
-          "<h2>Default interaction model</h2>",
+          "<h3>Default interaction model</h3>",
           "<div style='width:600px;'>",
           "  <p style='text-align:center;'>",
           "    Zoom: click-drag, Pan: shift-click-drag, Restore: double-click",
@@ -13,7 +13,7 @@ Gallery.register(
           "  <div id='div_g' style='width:600px; height:300px;'></div>",
           "</div>",
           "",
-          "<h2>Empty interaction model</h2>",
+          "<h3>Empty interaction model</h3>",
           "<div style='width:600px;'>",
           "  <p style='text-align:center;'>",
           "    Click and drag all you like, it won't do anything!",
@@ -22,7 +22,7 @@ Gallery.register(
           "</div>",
           "<div id='g2_console'></div>", // what is this?
           "",
-          "<h2>Custom interaction model</h2>",
+          "<h3>Custom interaction model</h3>",
           "<div style='width:600px;'>",
           "  <p style='text-align:center;'>",
           "    Zoom in: double-click, scroll wheel<br/>",
@@ -34,7 +34,7 @@ Gallery.register(
           "  <button id='restore3'>Restore position</button>",
           "  <div id='div_g3' style='width:600px; height:300px;'></div>",
           "</div>",
-          "<h2>Fun model!</h2>",
+          "<h3>Fun model!</h3>",
           "<div style='width:600px;'>",
           "  <p style='text-align:center;'>",
           "    Keep the mouse button pressed, and hover over all points",