Make room for a table of contents

ben · ben · commit 9fd85530785b · 2013-11-20T10:17:22.000-08:00
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -47,7 +47,7 @@
       <script src="/js/jquery.defaultvalue.js?body=1" type="text/javascript"></script>
       <script src="/js/session.min.js?body=1" type="text/javascript"></script>
       <script src="/js/site.js?body=1" type="text/javascript"></script>
+      <script src="/js/toc.js?body=1" type="text/javascript"></script>
     </div>
   </body>
 </html>
-
diff --git a/_layouts/toc.html b/_layouts/toc.html
@@ -0,0 +1,10 @@
+---
+layout: default
+---
+<div id="toc">
+  <ul><li>Item one</li></ul>
+</div>
+
+<div id="primary">
+  {{ content }}
+</div>
diff --git a/css/libgit2.css b/css/libgit2.css
@@ -1986,3 +1986,20 @@ th, td {
 img {
   max-width: 100%;
 }
+
+/* Table of contents */
+
+#primary {
+  width: 750px;
+}
+
+#toc {
+  width: 190px;
+  float: right;
+  background-color: #fff;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+}
diff --git a/docs/guides/101-samples/index.md b/docs/guides/101-samples/index.md
@@ -1,5 +1,23 @@
 ---
-layout: default
+layout: toc
 ---
 
 # 101 Libgit2 Samples
+
+## Diff
+
+### One
+
+### Two
+
+### Three
+
+
+
+## Walking History
+
+### Won
+
+### Two
+
+### Free
diff --git a/js/toc.js b/js/toc.js
@@ -0,0 +1,7 @@
+$(window).scroll(function(){
+  $("#toc")
+    .stop()
+    .animate({"marginTop": ($(window).scrollTop()) + "px",
+              "marginLeft":($(window).scrollLeft()) + "px"},
+             "fast");
+});
