Much-needed facelift for the docs.

1 files changed, 73 insertions, 28 deletions

diff --git a/doc-src/_layout.html b/doc-src/_layout.html
index d7637194..1ea11bf2 100644
--- a/doc-src/_layout.html
+++ b/doc-src/_layout.html
@@ -1,30 +1,75 @@
-<div id="doc">
-    <div style="" id="hd" class="doc">
-        <!--(block nav)-->
-        <div id="nav">
-            <!--(block pb)-->
-            <a href="@!urlTo(previous)!@">prev</a>
-            <!--(end)-->
-            <!--(block nb)-->
-            <a href="@!urlTo(next)!@">next</a>
-            <!--(end)-->
-            $!pb if previous else "prev"!$ |
-            <a href="@!urlTo('/index.html')!@">index</a> |
-            $!nb if next else "next"!$
-        </div>
-        <!--(end)-->
-        $!nav if this.title!="docs" else ""!$
-        <h1><a href="@!urlTo("/index.html")!@">mitmproxy 0.9 docs</a></h1>
-    </div>
-    <div id="bd">
-        <div id="yui-main">
-            <div style="" class="yui-b">
-                $!title if this.title!="docs" else ""!$
-                $!body!$
-            </div>
-        </div>
-    </div>
-    <div style="" id="ft" class="doc">
-        <p>@!copyright!@</p>
+<div class="navbar">
+  <div class="navbar-inner">
+    <div class="container-fluid">
+      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </a>
+      <a class="brand" href="@!urlTo("/index.html")!@">mitmproxy 0.9 docs</a>
+      </div><!--/.nav-collapse -->
     </div>
+  </div>
 </div>
+
+<div class="container-fluid">
+  <div class="row-fluid">
+    <div class="span3">
+      <div class="well sidebar-nav">
+
+
+<ul class="nav nav-list">
+    <li><a href="@!urlTo("intro.html")!@">Introduction</a></li>
+    <li><a href="@!urlTo("install.html")!@">Installation</a></li>
+    <li><a href="@!urlTo("mitmproxy.html")!@">mitmproxy</a></li>
+    <li><a href="@!urlTo("mitmdump.html")!@">mitmdump</a></li>
+    <li><a href="@!urlTo("faq.html")!@">FAQ</a></li>
+
+    <li class="nav-header">Features</li>
+            <li><a href="@!urlTo("clientreplay.html")!@">Client-side replay</a></li>
+            <li><a href="@!urlTo("serverreplay.html")!@">Server-side replay</a></li>
+            <li><a href="@!urlTo("sticky.html")!@">Sticky cookies and auth</a></li>
+            <li><a href="@!urlTo("reverseproxy.html")!@">Reverse proxy mode</a></li>
+            <li><a href="@!urlTo("upstreamcerts.html")!@">Upstream Certs</a></li>
+            <li><a href="@!urlTo("replacements.html")!@">Replacements</a></li>
+            <li><a href="@!urlTo("anticache.html")!@">Anticache</a></li>
+            <li><a href="@!urlTo("filters.html")!@">Filter expressions</a></li>
+
+    <li class="nav-header">Scripting mitmproxy</li>
+            <li><a href="@!urlTo("scripting/inlinescripts.html")!@">Inline Scripts</a></li>
+            <li><a href="@!urlTo("scripting/libmproxy.html")!@">libmproxy</a></li>
+
+    <li class="nav-header">SSL interception</li>
+            <li><a href="@!urlTo("ssl.html")!@">Overview</a></li>
+            <li><a href="@!urlTo("certinstall/firefox.html")!@">Firefox</a></li>
+            <li><a href="@!urlTo("certinstall/osx.html")!@">OSX</a></li>
+            <li><a href="@!urlTo("certinstall/windows7.html")!@">Windows 7</a></li>
+            <li><a href="@!urlTo("certinstall/ios.html")!@">iPhone/iPad</a></li>
+            <li><a href="@!urlTo("certinstall/android.html")!@">Android</a></li>
+
+    <li class="nav-header">Transparent Proxying</li>
+            <li><a href="@!urlTo("transparent.html")!@">Overview</a></li>
+            <li><a href="@!urlTo("transparent/linux.html")!@">Linux</a></li>
+            <li><a href="@!urlTo("transparent/osx.html")!@">OSX</a></li>
+
+     <li class="nav-header">Tutorials</li>
+            <li> <a href="@!urlTo("tutorials/30second.html")!@">Client replay: a 30 second example</a> </li>
+            <li> <a href="@!urlTo("tutorials/gamecenter.html")!@">Setting highscores on Apple's GameCenter</a> </li>
+
+</ul>
+
+
+      </div><!--/.well -->
+    </div><!--/span-->
+    <div class="span9">
+        $!body!$
+    </div><!--/span-->
+  </div><!--/row-->
+
+  <hr>
+
+  <footer>
+    <p>@!copyright!@</p>
+  </footer>
+
+</div><!--/.fluid-container-->