diff --git a/blog.html b/blog.html
index f2853044..83085f5e 100644
--- a/blog.html
+++ b/blog.html
@@ -43,6 +43,7 @@
         div.navbar-wrapper {
             background-color:#07508E;
             border-bottom: 3px solid #ffffff;
+            font-size:16px;
         }
 
         div.center {
@@ -51,7 +52,7 @@
             margin-right:auto;
         }
 
-        div.container {
+        div.container.small{
             max-width:970px;
         }
 
@@ -173,7 +174,7 @@
 </div>
 
 <a href="https://github.com/almende/vis" class="hidden-xs hidden-sm hidden-md"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
-<div class="container full">
+<div class="container full small">
     <div class="center">
         <img src="./images/wallHeader.png">
     </div>
diff --git a/css/examples.css b/css/examples.css
index 80cdb6ea..6f99ca6b 100644
--- a/css/examples.css
+++ b/css/examples.css
@@ -6,12 +6,10 @@ body {
 div.contentWrapper {
     padding:10px;
 }
-div.container {
-    max-width:970px;
-}
 div.navbar-wrapper {
     background-color:#07508E;
     border-bottom: 3px solid #ffffff;
+    font-size:16px;
 }
 
 
diff --git a/featureRequests.html b/featureRequests.html
index 6af83029..c27c7dcf 100644
--- a/featureRequests.html
+++ b/featureRequests.html
@@ -8,7 +8,7 @@
     <link rel="icon" HREF="favicon.ico">
 
     <!-- Bootstrap -->
-    <link href="css/bootstrap.min.css" rel="stylesheet">
+    <link href="css/bootstrap.css" rel="stylesheet">
 
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@@ -19,10 +19,19 @@
 
 
     <style>
+
         body {
-            padding:10px;
             font-family: Lustria,Georgia,Times,"Times New Roman",serif !important;
         }
+        div.navbar-wrapper {
+            background-color:#07508E;
+            border-bottom: 3px solid #ffffff;
+            font-size:16px;
+            font-weight:normal;
+        }
+        div.contentWrapper {
+            padding:20px;
+        }
 
         div.textHTMLContent {
             display:block;
@@ -57,13 +66,45 @@
             max-width:900px;
         }
 
-        a {
-            font-weight:bold;
-        }
     </style>
 
 </head>
 <body>
+
+
+
+<div class="navbar-wrapper">
+    <div class="container">
+        <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
+            <div class="container">
+                <div class="navbar-header">
+                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+                        <span class="sr-only">Toggle navigation</span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                    </button>
+                    <a class="navbar-brand hidden-sm" href="./index.html">vis.js</a>
+                </div>
+                <div id="navbar" class="navbar-collapse collapse">
+                    <ul class="nav navbar-nav">
+                        <li><a href="./index.html#modules">Modules</a></li>
+                        <li><a href="./docs/index.html" target="_blank">Documentation <img class="icon" src="./images/external-link-icons/external-link-icon-white.png"></a></li>
+                        <li><a href="./blog.html">Blog</a></li>
+                        <li><a href="./index.html#download_install">Download</a></li>
+                        <li><a href="./showcase/index.html">Showcase</a></li>
+                        <li><a href="./index.html#contribute">Contribute</a></li>
+                        <li class="active"><a href="./featureRequests.html">Feature requests</a></li>
+                        <li><a href="./index.html#licenses">License</a></li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+
+    </div>
+</div>
+
+<div class="contentWrapper">
 <h1>Feature requests</h1>
 <hr class="featurette-divider">
 <div class="textHTMLContent">
@@ -157,7 +198,7 @@ Legend:
 <ul>
     <li class="normal">(<a href="https://github.com/almende/vis/issues/339" target="_blank">339</a>) Dynamically update the filter of a DataView.</li>
 </ul>
-
+</div>
 
 <br /><br /><br /><br />
 
diff --git a/showcase/images/antworks_1.png.crdownload b/showcase/images/antworks_1.png.crdownload
deleted file mode 100644
index e69de29b..00000000
diff --git a/showcase/images/tiddlywiki.png b/showcase/images/tiddlywiki.png
new file mode 100644
index 00000000..b7315e66
Binary files /dev/null and b/showcase/images/tiddlywiki.png differ
diff --git a/showcase/index.html b/showcase/index.html
index 5d04122f..a50b8aac 100644
--- a/showcase/index.html
+++ b/showcase/index.html
@@ -7,7 +7,7 @@
     <title>vis.js showcase</title>
     <link rel="icon" HREF="favicon.ico">
     <!-- Bootstrap -->
-    <link href="../css/bootstrap.min.css" rel="stylesheet">
+    <link href="../css/bootstrap.css" rel="stylesheet">
 
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@@ -20,7 +20,14 @@
     <style>
         body {
             font-family: Lustria,Georgia,Times,"Times New Roman",serif !important;
-            padding:10px;
+        }
+        div.navbar-wrapper {
+            background-color:#07508E;
+            border-bottom: 3px solid #ffffff;
+            font-size:16px;
+        }
+        div.contentWrapper {
+            padding:20px;
         }
 
         a:link {color: #8bb9fb;}
@@ -67,8 +74,41 @@
 
 </head>
 <body>
-<h1>Showcase projects</h1>
 
+
+<div class="navbar-wrapper">
+    <div class="container">
+        <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
+            <div class="container">
+                <div class="navbar-header">
+                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+                        <span class="sr-only">Toggle navigation</span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                    </button>
+                    <a class="navbar-brand hidden-sm" href="../index.html">vis.js</a>
+                </div>
+                <div id="navbar" class="navbar-collapse collapse">
+                    <ul class="nav navbar-nav">
+                        <li><a href="../index.html#modules">Modules</a></li>
+                        <li><a href="../docs/index.html" target="_blank">Documentation <img class="icon" src="../images/external-link-icons/external-link-icon-white.png"></a></li>
+                        <li><a href="../blog.html">Blog</a></li>
+                        <li><a href="../index.html#download_install">Download</a></li>
+                        <li class="active"><a href="">Showcase</a></li>
+                        <li><a href="../index.html#contribute">Contribute</a></li>
+                        <li><a href="../featureRequests.html">Feature requests</a></li>
+                        <li><a href="../index.html#licenses">License</a></li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+
+    </div>
+</div>
+
+<div class="contentWrapper">
+    <h1>Showcase projects</h1>
 <div class="container-fluid">
     These are projects we made using vis, or ones we received from the community. If you'd like your project to be featured here, please <a href="https://github.com/almende/vis/issues" target="_blank">post an issue on our Git page</a>.
     <div class="row">
@@ -167,8 +207,27 @@
             </div>
         </div>
     </div>
-</div>
 
+    <div class="row">
+        <div class="col-md-12 col-lg-6">
+            <a href="http://felixhayashi.github.io/TW5-TiddlyMap/index.html">
+                <img src="./images/tiddlywiki.png" class="showcase img-responsive">
+            </a>
+            <div class="description">
+                <div class="descriptionHeader">
+                    <a href="http://tiddlywiki.com/"> TiddlyWiki</a>
+                </div>
+                <div class="descriptionContent">
+                    The vis graphs are neatly embedded in the overall wiki content and can support the text at any place. Also, since vis allows click events on nodes,
+                    articles can comfortably opened from any graph, which helps the user in quickly jumping between topics.
+                    Thus, a graph-wiki-hybrid is created which makes it incredibly easy to integrate, link and visualize ideas and topics.
+                </div>
+            </div>
+        </div>
+
+    </div>
+</div>
+</div>
 <br /><br /><br /><br />
 
 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
