fix #53: 'hide fork on github ribbon' in mobile view
diff --git a/_layouts/global.html b/_layouts/global.html
index 79ca51f..f857b12 100644
--- a/_layouts/global.html
+++ b/_layouts/global.html
@@ -60,6 +60,8 @@
               <li><a href="releases/latest/index.html">Latest Release ({{site.GEARPUMP_VERSION}})</a></li>
               <li><a href="usecases.html">Use Cases</a></li>
               <li><a href="roadmap.html">Roadmap</a></li>
+              <li class="divider"></li>
+              <li><a href="publications.html">Publications</a></li>
             </ul>
           </li>
 
@@ -75,18 +77,10 @@
             </ul>
           </li>
 
-          <li class="dropdown">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Publications<b class="caret"></b></a>
-            <ul class="dropdown-menu">
-              <!-- <li><a href="blogs.html">Blogs</a></li> -->
-              <li><a href="publications.html">Publications</a></li>
-            </ul>
-          </li>
-
           <li><a href="download.html">Download</a></li>
         </ul>
 
-<a href="//github.com/gearpump/gearpump"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /></a>
+<a class="ribbon hidden-xs" href="//github.com/gearpump/gearpump"><img src="img/forkme_right_red_aa0000.png" alt="Fork me on GitHub"/></a>
 
       </div>
     </div>
diff --git a/css/main.css b/css/main.css
index bf7c8fb..af70fb3 100644
--- a/css/main.css
+++ b/css/main.css
@@ -111,3 +111,13 @@
 img {
   max-width: 100%;
 }
+
+/** 
+ * Fork on GitHub Ribbon
+ */
+.ribbon {
+  position: absolute;
+  top: 0;
+  right: 0;
+  border: 0;
+}
diff --git a/img/forkme_right_red_aa0000.png b/img/forkme_right_red_aa0000.png
new file mode 100644
index 0000000..1e19c21
--- /dev/null
+++ b/img/forkme_right_red_aa0000.png
Binary files differ
diff --git a/overview.md b/overview.md
index f5c6e53..246b33a 100644
--- a/overview.md
+++ b/overview.md
@@ -4,7 +4,7 @@
 title: Overview 
 description: Gearpump GEARPUMP_VERSION documentation homepage
 ---
-[![Release](https://img.shields.io/badge/Latest%20Release-v{{ site.GEARPUMP_VERSION }}-blue.svg)](http://www.gearpump.io/download.html)   [Demo site](http://demo.gearpump.io/)
+[![Release](https://img.shields.io/badge/Latest%20Release-v{{ site.GEARPUMP_VERSION }}-blue.svg)](http://www.gearpump.io/download.html)   [![Demo site](https://img.shields.io/badge/Demo%20Site-online-green.svg)](http://demo.gearpump.io/login.html)
 
 Gearpump is a real-time big data streaming engine.
 It is inspired by recent advances in the [Akka](http://akka.io/) framework and a desire to improve on existing streaming frameworks.