From 0cb953e18d35aa2cb9d335e7c03bafe23043582b Mon Sep 17 00:00:00 2001
From: Mina Lee <minalee@nflabs.com>
Date: Fri, 3 Jun 2016 23:28:15 -0700
Subject: [PATCH 01/10] remove incubating tag

---
 docs/development/howtocontributewebsite.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/development/howtocontributewebsite.md b/docs/development/howtocontributewebsite.md
index 0d547dd97d0..c7b2b43e33b 100644
--- a/docs/development/howtocontributewebsite.md
+++ b/docs/development/howtocontributewebsite.md
@@ -8,7 +8,7 @@ group: development
 # Contributing to Apache Zeppelin ( Website )
 
 ## IMPORTANT
-Apache Zeppelin (incubating) is an [Apache2 License](http://www.apache.org/licenses/LICENSE-2.0.html) Software.
+Apache Zeppelin is an [Apache2 License](http://www.apache.org/licenses/LICENSE-2.0.html) Software.
 Any contribution to Zeppelin (Source code, Documents, Image, Website) means you agree license all your contributions as Apache2 License.
 
 
@@ -52,4 +52,4 @@ Zeppelin manages its issues in Jira. [https://issues.apache.org/jira/browse/ZEPP
 ## Stay involved
 Contributors should join the Zeppelin mailing lists.
 
-* [dev@zeppelin.apache.org](http://mail-archives.apache.org/mod_mbox/incubator-zeppelin-dev/) is for people who want to contribute code to Zeppelin. [subscribe](mailto:dev-subscribe@zeppelin.apache.org?subject=send this email to subscribe), [unsubscribe](mailto:dev-unsubscribe@zeppelin.apache.org?subject=send this email to unsubscribe), [archives](http://mail-archives.apache.org/mod_mbox/incubator-zeppelin-dev/)
+* [dev@zeppelin.apache.org](http://mail-archives.apache.org/mod_mbox/zeppelin-dev/) is for people who want to contribute code to Zeppelin. [subscribe](mailto:dev-subscribe@zeppelin.apache.org?subject=send this email to subscribe), [unsubscribe](mailto:dev-unsubscribe@zeppelin.apache.org?subject=send this email to unsubscribe), [archives](http://mail-archives.apache.org/mod_mbox/zeppelin-dev/)

From 8bc5a6e321dea569bc4c11825bb48d932c18a305 Mon Sep 17 00:00:00 2001
From: Mina Lee <minalee@nflabs.com>
Date: Sat, 4 Jun 2016 02:28:38 -0700
Subject: [PATCH 02/10] prettify document

---
 docs/_includes/themes/zeppelin/default.html   |   2 +-
 docs/assets/themes/zeppelin/css/style.css     | 448 ++++++++-------
 .../assets/themes/zeppelin/css/style.css.back | 522 ++++++++++++++++++
 docs/index.md                                 |   4 +-
 4 files changed, 780 insertions(+), 196 deletions(-)
 create mode 100644 docs/assets/themes/zeppelin/css/style.css.back

diff --git a/docs/_includes/themes/zeppelin/default.html b/docs/_includes/themes/zeppelin/default.html
index 9f1d6d58ca1..ff9c0d61542 100644
--- a/docs/_includes/themes/zeppelin/default.html
+++ b/docs/_includes/themes/zeppelin/default.html
@@ -42,7 +42,7 @@
     
     {% include themes/zeppelin/_navigation.html %}
 
-    <div class="container">
+    <div class="content">
       {{ content }}
       <hr>
       <footer>
diff --git a/docs/assets/themes/zeppelin/css/style.css b/docs/assets/themes/zeppelin/css/style.css
index 091d0bbc83b..e12c37fa2e0 100644
--- a/docs/assets/themes/zeppelin/css/style.css
+++ b/docs/assets/themes/zeppelin/css/style.css
@@ -1,13 +1,77 @@
 /* Move down content because we have a fixed navbar that is 50px tall */
 @import url(//fonts.googleapis.com/css?family=Patua+One);
+@import url(//fonts.googleapis.com/css?family=Open+Sans);
 
 body {
   padding-top: 50px;
   padding-bottom: 20px;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 1.6;
+  color: #4c555a;
+  letter-spacing: .2px;
 }
 
 .jumbotron {
-  background: #3071a9;
+  background-color: #3071a9;
+}
+
+.jumbotron h1,
+.jumbotron p {
+  color: #fff;
+}
+
+.jumbotron p {
+  font-size: 19px; 
+}
+
+.jumbotron .btn {
+  font-size: 16px;
+}
+
+.jumbotron .thumbnail {
+  margin-top: 0;
+}
+
+.jumbotron.small {
+  padding: 0 0 0 0;
+  color: #ffffff;
+}
+
+.jumbotron.small .title{
+  float: left;
+  font-weight: bold;
+  font-size: 20px;
+  height: 30px;
+  margin-right: 20px;
+}
+
+.jumbotron.small .subtitle{
+  font-size: 14px;
+  height: 30px;
+  vertical-align: text-bottom;
+  padding-top: 7px;
+}
+
+.jumbotron.small .description{
+  margin-top: 7px;
+}
+
+.jumbotron h1 {
+  font-family: 'Patua One', cursive;
+
+.jumbotron h1 {
+  font-family: 'Patua One', cursive;
+}
+
+.jumbotron small {
+  font-size: 60%;
+  color: #FFF;
+}
+}
+
+.jumbotron small {
+  font-size: 60%;
+  color: #FFF;
 }
 
 .navbar-brand {
@@ -147,222 +211,221 @@ body {
   }
 }
 
-.jumbotron h1,
-.jumbotron p  {
-  color: white;
+/* screenshot img inside of doc */
+.screenshot {
+  width: 800px;
 }
 
-.jumbotron .thumbnail {
-  margin-top: 0;
+.rotate270 {
+  width: 15px;
+  padding: 10px 0 0 0;
+  -webkit-transform: rotate(270deg);
+  -moz-transform: rotate(270deg);
+  -ms-transform: rotate(270deg);
+  -o-transform: rotate(270deg);
+  transform: rotate(270deg);
 }
 
-.jumbotron.small {
-  padding: 0 0 0 0;
-  color: white;
+/* Custom container */
+.content {
+  word-wrap: break-word;
 }
-
-.jumbotron.small .title{
-  float: left;
-  font-weight: bold;
-  font-size: 20px;
-  height: 30px;
-  margin-right: 20px;
+.content :first-child {
+  margin-top: 0;
 }
 
-.jumbotron.small .subtitle{
-  font-size: 14px;
-  height: 30px;
-  vertical-align:text-bottom;
-  padding-top:7px;
+@media screen and (min-width: 64em) {
+  .content {
+    max-width: 64em;
+    padding: 2rem 6rem;
+    margin: 0 auto;
+  }
 }
-
-.jumbotron.small .description{
-  margin-top: 7px;
+@media screen and (min-width: 42em) and (max-width: 64em) {
+  .content {
+    padding: 2rem 4rem;
+  }
 }
-
-/* screenshot img inside of doc */
-.screenshot {
-  width: 800px;
+@media screen and (max-width: 42em) {
+  .content {
+    padding: 2rem 1rem;
+  }
 }
 
-/* Table on the index page */
-.table-container {
-  position: absolute;
+/* <a> */
+.content a {
+  color: #4183C4;
 }
-
-.table-stack {
-  width: 200px;
-  padding: 5px;
+a.absent {
+  color: #cc0000;
 }
-
-.table-stack table {
-  width: 100%;
+a.anchor {
+  display: block;
+  padding-left: 30px;
+  margin-left: -30px;
+  cursor: pointer;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0; 
 }
 
-.table-stack tr td{
-  border: 1px solid white;
-  height: 40px;
-  background: #6371a9;
-  color: white;
+/* <hn> */
+.content h1, h2, h3, h4, h5, h6 {
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  margin-top: 3rem;
+  margin-bottom: 1rem;
+  font-weight: bold;
+  color: rgba(21,21,21,0.8);
 }
-
-.table-stack .gray {
-  background:#DDDDDD;
-  color:#777777;
+.content h1 {
+  font-size: 30px;
+  color: black;
 }
-
-/* Table for property */
-.table-configuration {
-    width : 100%;
-    border : 1px solid gray;
+.content h2 {
+  font-size: 28px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  border-bottom: 1px solid #E5E5E5;
 }
-.table-configuration tr td {
-  border: 1px solid gray;
-  padding: 5px;
+.content h3 {
+  font-size: 22px;
+  padding-top: 5px;
+  padding-bottom: 5px;
 }
-.table-configuration tr th {
-  border: 1px solid gray;
-  padding: 5px;
-  background: #B0C4DE;
+.content h4 {
+  font-size: 18px;
 }
-
-.rotate270 {
-  width: 15px;
-  padding: 10px 0 0 0;
-  -webkit-transform: rotate(270deg);
-  -moz-transform: rotate(270deg);
-  -ms-transform: rotate(270deg);
-  -o-transform: rotate(270deg);
-  transform: rotate(270deg);
+.content h5 {
+  font-size: 14px;
 }
-
-/* Custom container */
-/* <a> */
-.container a {
-    color: #4183C4; }
-a.absent {
-    color: #cc0000; }
-a.anchor {
-    display: block;
-    padding-left: 30px;
-    margin-left: -30px;
-    cursor: pointer;
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0; 
+.content h6 {
+  font-size: 14px;
+  color: #777777;
 }
 
-/* <hn> */
-.container h1, h2, h3, h4, h5, h6 {
-    margin: 20px 0 10px;
-    padding: 0;
-    font-weight: bold;
-    -webkit-font-smoothing: antialiased;
-    cursor: text;
-    position: relative; }
-.container h1 {
-    font-size: 30px;
-    color: black; }
-.container h2 {
-    font-size: 28px;
-    padding-top: 5px;
-    padding-bottom: 5px;
-    border-bottom: 1px solid #E5E5E5;}
-.container h3 {
-    font-size: 22px; 
-    padding-top: 5px;
-    padding-bottom: 5px;
-    border-bottom: 1px solid #E5E5E5;}
-.container h4 {
-    font-size: 18px; }
-.container h5 {
-    font-size: 14px; }
-.container h6 {
-    font-size: 14px; 
-    color: #777777;}
+.content img {
+  max-width: 100%;
+}
 
 /* <li, ul, ol> */
-.container li {
-    margin: 0; }
-.container li p.first {
-    display: inline-block;}
-.container ul :first-child, ol :first-child {
-    margin-top: 0; 
+.content li {
+  margin: 0;
+}
+.content li p.first {
+  display: inline-block;
+}
+.content ul :first-child, ol :first-child {
+  margin-top: 10px;
 }
 
-/* <table> */
-  .container table {
-    width : 100%;
-    padding: 0;
-    border-collapse: collapse; }
-.container table tr {
-    border-top: 1px solid #cccccc;
-    background-color: white;
-    margin: 0;
-    padding: 0; }
-.container table tr th {
-    text-align: center;
-    font-weight: bold;
-    border: 1px solid #cccccc;
-    margin: 0;
-    padding: 6px 13px; }
-.container table tr td {
-    border: 1px solid #cccccc;
-    margin: 0;
-    padding: 6px 13px; 
+.content p {
+  margin-bottom: 10px;
 }
 
 /* <code> */
-.container code{
-    color:#000000;
-    font-size: 90%;
-    font-family: "Menlo", "Lucida Console", monospace;
-    background-color: #f8f8f8;
-    border: 1px solid #cccccc;
+.content code {
+  padding: 2px 4px;
+  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  font-size: 90%;
+  color: #567482;
+  background-color: #f3f6fa;
+  border-radius: 0.3rem;
 }
 
 /* <pre> */
-.container pre {
-    background-color: #f8f8f8;
-    border: 1px solid #cccccc;
-    line-height: 19px;
-    overflow: auto;
-    padding: 6px 10px;
-    border-radius: 3px;}
-.container pre code {
-    font-size: 95%;
-    margin: 0;
-    padding: 0;
-    white-space: pre;
-    border: none;
-    background: transparent;
+.content pre {
+  padding: 0.8rem;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  font: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  font-size: 90%;
+  color: #567482;
+  word-wrap: normal;
+  background-color: #f3f6fa;
+  border: solid 1px #dce6f0;
+  border-radius: 0.3rem;
+}
+.content pre > code {
+  padding: 0;
+  margin: 0;
+  font-size: 95%;
+  color: #567482;
+  word-break: normal;
+  white-space: pre;
+  background: transparent;
+  border: 0;
 }
-
-/* <blockquote> */
-.container blockquote {
-    border-left: 4px solid #dddddd;
-    padding: 0 15px;
-    color: #777777; }
-.container   blockquote > :first-child {
-    margin-top: 0; }
-.container blockquote > :last-child {
-    margin-bottom: 0; }
-.container blockquote p{
-    font-size: 14px;
+.content .highlight {
+  margin-bottom: 1rem;
 }
-
-/* <p>, <blockquote>, <table>, <pre>, <img> margin */
-.container p, blockquote, table, pre, img {
-    margin: 12px 0; 
+.content .highlight pre {
+  margin-bottom: 0;
+  word-break: normal;
+}
+.content .highlight pre,
+.content pre {
+  padding: 0.8rem;
+  overflow: auto;
+  font-size: 90%;
+  line-height: 1.45;
+  border-radius: 0.3rem;
+  -webkit-overflow-scrolling: touch;
+}
+.content pre code,
+.content pre tt {
+  display: inline;
+  max-width: initial;
+  padding: 0;
+  margin: 0;
+  overflow: initial;
+  line-height: inherit;
+  word-wrap: normal;
+  background-color: transparent;
+  border: 0;
+}
+.content pre code:before, .main-content pre code:after,
+.content pre tt:before,
+.content pre tt:after {
+  content: normal;
+}
+
+/* <blockquotes> */
+.content blockquote {
+  padding: 0 1rem;
+  margin-left: 0;
+  color: #819198;
+  border-left: 0.3rem solid #dce6f0;
+}
+.content blockquote > :first-child {
+  margin-top: 0;
 }
-
-.container-narrow {
-  margin: 0 auto;
+.content blockquote > :last-child {
+  margin-bottom: 0;
+}
+.content blockquote p {
+  font-size: 14px;
 }
 
-.container-narrow > hr {
-  margin: 30px 0;
+/* <table> */
+.content table {
+  display: block;
+  width: 100%;
+  overflow: auto;
+  word-break: normal;
+  word-break: keep-all;
+  -webkit-overflow-scrolling: touch;
+  font-size: 90%;
+}
+.content table th {
+  font-weight: bold;
+  text-align: center;
+  background-color: rgba(91, 138, 179, 0.10);
+}
+.content table th,
+.content table td {
+  padding: 0.5rem 1rem;
+  border: 1px solid #e9ebec;
 }
 
 /* posts index */
@@ -432,15 +495,6 @@ a.anchor {
   color: white;
 }
 
-.jumbotron h1 {
-  font-family: 'Patua One', cursive;
-}
-
-.jumbotron small {
-  font-size: 60%;
-  color: white;
-}
-
 .navbar-brand {
   font-family: 'Patua One', cursive;
 }
@@ -455,9 +509,11 @@ a.anchor {
   max-height: 50px;
 }
 
-#apache .caret {
+.navbar-inverse .navbar-nav a .caret,
+.navbar-inverse .navbar-nav a:hover .caret {
   margin-left: 4px;
   border-top-color: white;
+  border-bottom-color: white;
 }
 
 .navbar-inverse .navbar-nav > .open > a,
@@ -472,7 +528,6 @@ a.anchor {
   .jumbotron h1 {
     display: none;
   }
-
   .navbar-brand small {
     display: none;
     color: white;
@@ -497,7 +552,7 @@ and (max-width: 1024px) {
   }
 }
 
-/* docs dropdown menu */
+/* master branch docs dropdown menu */
 #menu .dropdown-menu li span {
   padding: 3px 10px 10px 10px;
   font-size: 13px;
@@ -517,6 +572,13 @@ and (max-width: 1024px) {
   margin-right: 50px;
 }
 
-.row img {
-  max-width: 100%;
+/* gh-pages branch docs dropdown menu */
+#docs .dropdown-menu {
+  left: 0;
+  right: auto;
+}
+
+#docs .dropdown-menu li span {
+  padding: 3px 10px 10px 10px;
+  font-size: 13px;
 }
diff --git a/docs/assets/themes/zeppelin/css/style.css.back b/docs/assets/themes/zeppelin/css/style.css.back
new file mode 100644
index 00000000000..091d0bbc83b
--- /dev/null
+++ b/docs/assets/themes/zeppelin/css/style.css.back
@@ -0,0 +1,522 @@
+/* Move down content because we have a fixed navbar that is 50px tall */
+@import url(//fonts.googleapis.com/css?family=Patua+One);
+
+body {
+  padding-top: 50px;
+  padding-bottom: 20px;
+}
+
+.jumbotron {
+  background: #3071a9;
+}
+
+.navbar-brand {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.navbar-brand img {
+  margin: 0;
+}
+
+.navbar {
+  background: #3071a9;
+  border-bottom: 0px;
+  height: 50px;
+}
+
+.navbar-inverse .navbar-nav > li > a {
+  color: white;
+  background: #3071a9;
+}
+
+.navbar-inverse .navbar-nav > li > a:hover,
+.navbar-inverse .navbar-nav > li > a:focus {
+  color: white !important;
+  background: #2C6094 !important;
+}
+
+.navbar-inverse .navbar-collapse.in .navbar-nav .dropdown-menu > li > a:hover,
+.navbar-inverse .navbar-collapse.in .navbar-nav .dropdown-menu > li > a:focus {
+  color: white !important;
+  background: #2C6094 !important;
+}
+
+.navbar-inverse .navbar-collapse.in .navbar-nav .dropdown-menu > li > a {
+  color: white !important;
+}
+
+.navbar-inverse .navbar-collapse.in .navbar-nav .divider {
+  background: #286090;
+}
+
+.navbar-inverse .navbar-nav > li > a.active:hover,
+.navbar-inverse .navbar-nav > li > a.active:focus {
+  text-decoration: none;
+  background: #265380;
+}
+
+.navbar-inverse .navbar-nav > li > a.active {
+  background: #265380;
+}
+
+.navbar-inverse .navbar-brand {
+  color: white;
+  text-decoration: none;
+  font-size: 32px;
+}
+
+.navbar-inverse .navbar-collapse,
+.navbar-inverse .navbar-form {
+  border-color: #265380;
+  background: #3071a9;
+}
+
+@media (max-width: 768px) {
+  .navbar-collapse.in {
+    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
+  }
+
+  .bigFingerButton {
+    margin-top: 12px;
+    display: block;
+    margin-right: auto;
+    margin-left: auto;
+  }
+}
+
+.bigFingerButton {
+  margin-right: 10px;
+}
+
+.navbar-inverse .navbar-toggle {
+  border-color: #265380;
+}
+
+.navbar-inverse .navbar-toggle:hover,
+.navbar-inverse .navbar-toggle:focus {
+  border-color: #265380;
+  background: #265380;
+}
+
+.navbar-inverse .navbar-toggle:focus {
+  outline-width: 0;
+}
+
+/* CUSTOMIZE THE CAROUSEL
+-------------------------------------------------- */
+
+/* Carousel base class */
+.carousel {
+  height: 200px;
+  margin-bottom: 10px;
+}
+/* Since positioning the image, we need to help out the caption */
+.carousel-caption {
+  z-index: 10;
+}
+
+/* Declare heights because of positioning of img element */
+.carousel .item {
+  height: 300px;
+}
+
+.carousel-control {
+  background-image: none !important;
+}
+
+.carousel-inner > .item > img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  min-width: 100%;
+  height: 300px;
+}
+
+.carousel-indicators {
+  margin-top: 30px;
+  margin-bottom: 0;
+}
+
+@media screen and (min-width: 768px) {
+  .carousel-indicators {
+    margin-bottom: -60px;
+  }
+  .carousel-caption {
+    padding-bottom: 60px;
+  }
+}
+
+.jumbotron h1,
+.jumbotron p  {
+  color: white;
+}
+
+.jumbotron .thumbnail {
+  margin-top: 0;
+}
+
+.jumbotron.small {
+  padding: 0 0 0 0;
+  color: white;
+}
+
+.jumbotron.small .title{
+  float: left;
+  font-weight: bold;
+  font-size: 20px;
+  height: 30px;
+  margin-right: 20px;
+}
+
+.jumbotron.small .subtitle{
+  font-size: 14px;
+  height: 30px;
+  vertical-align:text-bottom;
+  padding-top:7px;
+}
+
+.jumbotron.small .description{
+  margin-top: 7px;
+}
+
+/* screenshot img inside of doc */
+.screenshot {
+  width: 800px;
+}
+
+/* Table on the index page */
+.table-container {
+  position: absolute;
+}
+
+.table-stack {
+  width: 200px;
+  padding: 5px;
+}
+
+.table-stack table {
+  width: 100%;
+}
+
+.table-stack tr td{
+  border: 1px solid white;
+  height: 40px;
+  background: #6371a9;
+  color: white;
+}
+
+.table-stack .gray {
+  background:#DDDDDD;
+  color:#777777;
+}
+
+/* Table for property */
+.table-configuration {
+    width : 100%;
+    border : 1px solid gray;
+}
+.table-configuration tr td {
+  border: 1px solid gray;
+  padding: 5px;
+}
+.table-configuration tr th {
+  border: 1px solid gray;
+  padding: 5px;
+  background: #B0C4DE;
+}
+
+.rotate270 {
+  width: 15px;
+  padding: 10px 0 0 0;
+  -webkit-transform: rotate(270deg);
+  -moz-transform: rotate(270deg);
+  -ms-transform: rotate(270deg);
+  -o-transform: rotate(270deg);
+  transform: rotate(270deg);
+}
+
+/* Custom container */
+/* <a> */
+.container a {
+    color: #4183C4; }
+a.absent {
+    color: #cc0000; }
+a.anchor {
+    display: block;
+    padding-left: 30px;
+    margin-left: -30px;
+    cursor: pointer;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0; 
+}
+
+/* <hn> */
+.container h1, h2, h3, h4, h5, h6 {
+    margin: 20px 0 10px;
+    padding: 0;
+    font-weight: bold;
+    -webkit-font-smoothing: antialiased;
+    cursor: text;
+    position: relative; }
+.container h1 {
+    font-size: 30px;
+    color: black; }
+.container h2 {
+    font-size: 28px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    border-bottom: 1px solid #E5E5E5;}
+.container h3 {
+    font-size: 22px; 
+    padding-top: 5px;
+    padding-bottom: 5px;
+    border-bottom: 1px solid #E5E5E5;}
+.container h4 {
+    font-size: 18px; }
+.container h5 {
+    font-size: 14px; }
+.container h6 {
+    font-size: 14px; 
+    color: #777777;}
+
+/* <li, ul, ol> */
+.container li {
+    margin: 0; }
+.container li p.first {
+    display: inline-block;}
+.container ul :first-child, ol :first-child {
+    margin-top: 0; 
+}
+
+/* <table> */
+  .container table {
+    width : 100%;
+    padding: 0;
+    border-collapse: collapse; }
+.container table tr {
+    border-top: 1px solid #cccccc;
+    background-color: white;
+    margin: 0;
+    padding: 0; }
+.container table tr th {
+    text-align: center;
+    font-weight: bold;
+    border: 1px solid #cccccc;
+    margin: 0;
+    padding: 6px 13px; }
+.container table tr td {
+    border: 1px solid #cccccc;
+    margin: 0;
+    padding: 6px 13px; 
+}
+
+/* <code> */
+.container code{
+    color:#000000;
+    font-size: 90%;
+    font-family: "Menlo", "Lucida Console", monospace;
+    background-color: #f8f8f8;
+    border: 1px solid #cccccc;
+}
+
+/* <pre> */
+.container pre {
+    background-color: #f8f8f8;
+    border: 1px solid #cccccc;
+    line-height: 19px;
+    overflow: auto;
+    padding: 6px 10px;
+    border-radius: 3px;}
+.container pre code {
+    font-size: 95%;
+    margin: 0;
+    padding: 0;
+    white-space: pre;
+    border: none;
+    background: transparent;
+}
+
+/* <blockquote> */
+.container blockquote {
+    border-left: 4px solid #dddddd;
+    padding: 0 15px;
+    color: #777777; }
+.container   blockquote > :first-child {
+    margin-top: 0; }
+.container blockquote > :last-child {
+    margin-bottom: 0; }
+.container blockquote p{
+    font-size: 14px;
+}
+
+/* <p>, <blockquote>, <table>, <pre>, <img> margin */
+.container p, blockquote, table, pre, img {
+    margin: 12px 0; 
+}
+
+.container-narrow {
+  margin: 0 auto;
+}
+
+.container-narrow > hr {
+  margin: 30px 0;
+}
+
+/* posts index */
+.post > h3.title {
+  position: relative;
+  padding-top: 10px;
+}
+
+.post > h3.title span.date {
+  position: absolute;
+  right: 0;
+  font-size: 0.9em;
+}
+
+.post > .more {
+  margin: 10px 0;
+  text-align: left;
+}
+
+/* post-full*/
+.post-full .date {
+  margin-bottom: 20px;
+  font-weight: bold;
+}
+
+/* tag_box */
+.tag_box {
+  list-style: none;
+  margin: 0;
+  overflow: hidden;
+}
+
+.tag_box li {
+  line-height: 28px;
+}
+
+.tag_box li i {
+  opacity: 0.9;
+}
+
+.tag_box.inline li {
+  float: left;
+}
+
+.tag_box a {
+  padding: 3px 6px;
+  margin: 2px;
+  background: #eee;
+  color: #555;
+  border-radius: 3px;
+  text-decoration: none;
+  border: 1px dashed #cccccc;
+}
+
+.tag_box a span {
+  vertical-align: super;
+  font-size: 0.8em;
+}
+
+.tag_box a:hover {
+  background: #e5e5e5;
+}
+
+.tag_box a.active {
+  background: #57A957;
+  border: 1px solid #4c964d;
+  color: white;
+}
+
+.jumbotron h1 {
+  font-family: 'Patua One', cursive;
+}
+
+.jumbotron small {
+  font-size: 60%;
+  color: white;
+}
+
+.navbar-brand {
+  font-family: 'Patua One', cursive;
+}
+
+.navbar-brand small {
+  font-size: 14px;
+  font-family: 'Helvetica Neue', Helvetica;
+  color: white;
+}
+
+.navbar-collapse.collapse {
+  max-height: 50px;
+}
+
+#apache .caret {
+  margin-left: 4px;
+  border-top-color: white;
+}
+
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .open > a:hover,
+.navbar-inverse .navbar-nav > .open > a:focus {
+  color: white;
+  background: #286090;
+}
+
+/* Custom, iPhone Retina */
+@media only screen and (max-width: 480px) {
+  .jumbotron h1 {
+    display: none;
+  }
+
+  .navbar-brand small {
+    display: none;
+    color: white;
+  }
+}
+
+@media only screen and (max-width: 768px) {
+  .navbar .navbar-brand {
+    padding-bottom: 0;
+  }
+}
+
+@media only screen
+and (min-width: 768px)
+and (max-width: 1024px) {
+  .navbar-brand small {
+    display: none;
+  }
+
+  .navbar-collapse.collapse {
+    padding-right: 0;
+  }
+}
+
+/* docs dropdown menu */
+#menu .dropdown-menu li span {
+  padding: 3px 10px 10px 10px;
+  font-size: 13px;
+}
+
+#menu .caret {
+  border-top-color: white;
+  border-bottom-color: white;
+}
+
+#menu .open .caret {
+  border-top-color: #428bca;
+  border-bottom-color: #428bca;
+}
+
+#menu .navbar-brand {
+  margin-right: 50px;
+}
+
+.row img {
+  max-width: 100%;
+}
diff --git a/docs/index.md b/docs/index.md
index fd58267f24b..19d9390cbfd 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -20,7 +20,7 @@ limitations under the License.
 {% include JB/setup %}
 <br />
 <div class="row">
- <div class="col-md-5">
+ <div class="col-md-6">
 <h2>Multi-purpose Notebook</h2>
 
 <p style="font-size:16px; color:#555555;font-style:italic;margin-bottom: 15px;">
@@ -34,7 +34,7 @@ limitations under the License.
 </ul>
 
  </div>
- <div class="col-md-7"><img class="img-responsive" style="border: 1px solid #ecf0f1;" height="auto" src="/assets/themes/zeppelin/img/notebook.png" /></div>
+ <div class="col-md-6"><img class="img-responsive" style="border: 1px solid #ecf0f1;" height="auto" src="/assets/themes/zeppelin/img/notebook.png" /></div>
 </div>
 
 <br />

From 5875066a1ef090591d331b8ed1d5a34f39bd0249 Mon Sep 17 00:00:00 2001
From: Mina Lee <minalee@nflabs.com>
Date: Sat, 4 Jun 2016 02:56:16 -0700
Subject: [PATCH 03/10] split display page into text and html

---
 .../themes/zeppelin/_navigation.html          |  4 +--
 docs/displaysystem/html.md                    | 25 +++++++++++++++++++
 docs/displaysystem/table.md                   |  3 +--
 docs/displaysystem/{display.md => text.md}    | 16 +-----------
 4 files changed, 29 insertions(+), 19 deletions(-)
 create mode 100644 docs/displaysystem/html.md
 rename docs/displaysystem/{display.md => text.md} (81%)

diff --git a/docs/_includes/themes/zeppelin/_navigation.html b/docs/_includes/themes/zeppelin/_navigation.html
index acaa89d908c..7e7f688b2c1 100644
--- a/docs/_includes/themes/zeppelin/_navigation.html
+++ b/docs/_includes/themes/zeppelin/_navigation.html
@@ -71,8 +71,8 @@
             <li>
               <a href="#" data-toggle="dropdown" class="dropdown-toggle">Display System <b class="caret"></b></a>
               <ul class="dropdown-menu">
-                <li><a href="{{BASE_PATH}}/displaysystem/display.html">Text</a></li>
-                <li><a href="{{BASE_PATH}}/displaysystem/display.html#html">Html</a></li>
+                <li><a href="{{BASE_PATH}}/displaysystem/text.html">Text</a></li>
+                <li><a href="{{BASE_PATH}}/displaysystem/html.html">Html</a></li>
                 <li><a href="{{BASE_PATH}}/displaysystem/table.html">Table</a></li>
                 <li><a href="{{BASE_PATH}}/displaysystem/back-end-angular.html">Angular (backend API)</a></li>
                 <li><a href="{{BASE_PATH}}/displaysystem/front-end-angular.html">Angular (frontend API)</a></li>
diff --git a/docs/displaysystem/html.md b/docs/displaysystem/html.md
new file mode 100644
index 00000000000..371017a59ad
--- /dev/null
+++ b/docs/displaysystem/html.md
@@ -0,0 +1,25 @@
+---
+layout: page
+title: "Text/Html Display System"
+description: ""
+group: display
+---
+<!--
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+{% include JB/setup %}
+## Html
+
+With '%html' directive, Zeppelin treats your output as html
+
+<img src="/assets/themes/zeppelin/img/screenshots/display_html.png" />
diff --git a/docs/displaysystem/table.md b/docs/displaysystem/table.md
index 085c8571f5a..c2aefde54b7 100644
--- a/docs/displaysystem/table.md
+++ b/docs/displaysystem/table.md
@@ -19,8 +19,7 @@ limitations under the License.
 -->
 {% include JB/setup %}
 
-
-### Table
+## Table
 
 If you have data that row seprated by '\n' (newline) and column separated by '\t' (tab) with first row as header row, for example
 
diff --git a/docs/displaysystem/display.md b/docs/displaysystem/text.md
similarity index 81%
rename from docs/displaysystem/display.md
rename to docs/displaysystem/text.md
index 63cc1a7308f..7c4384e00df 100644
--- a/docs/displaysystem/display.md
+++ b/docs/displaysystem/text.md
@@ -18,12 +18,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 -->
 {% include JB/setup %}
-
-
-<a name="text"> </a>
-<br />
-<br />
-### Text
+## Text
 
 Zeppelin prints output of language backend in text, by default.
 
@@ -34,12 +29,3 @@ You can explicitly say you're using text display system.
 <img src="/assets/themes/zeppelin/img/screenshots/display_text1.png" />
 
 Note that display system is backend independent.
-
-<a name="html"> </a>
-<br />
-<br />
-### Html
-
-With '%html' directive, Zeppelin treats your output as html
-
-<img src="/assets/themes/zeppelin/img/screenshots/display_html.png" />

From 4202208b33a79e3d56ca08545c2d01f7e74d858a Mon Sep 17 00:00:00 2001
From: Mina Lee <minalee@nflabs.com>
Date: Sat, 4 Jun 2016 20:15:59 -0700
Subject: [PATCH 04/10] Apply same format for rest api docs

---
 docs/rest-api/rest-configuration.md | 113 +++++-------
 docs/rest-api/rest-interpreter.md   |  55 ++----
 docs/rest-api/rest-notebook.md      | 275 ++++++++++++++--------------
 3 files changed, 197 insertions(+), 246 deletions(-)

diff --git a/docs/rest-api/rest-configuration.md b/docs/rest-api/rest-configuration.md
index 83fb9bf7157..4e43477ee7d 100644
--- a/docs/rest-api/rest-configuration.md
+++ b/docs/rest-api/rest-configuration.md
@@ -20,29 +20,23 @@ limitations under the License.
 {% include JB/setup %}
 
 ## Zeppelin REST API
- Zeppelin provides several REST API's for interaction and remote activation of zeppelin functionality.
+ Zeppelin provides several REST APIs for interaction and remote activation of zeppelin functionality.
 
- All REST API are available starting with the following endpoint ```http://[zeppelin-server]:[zeppelin-port]/api```
+ All REST APIs are available starting with the following endpoint `http://[zeppelin-server]:[zeppelin-port]/api`. Note that zeppelin REST APIs receive or return JSON objects, it is recommended for you to install some JSON viewers such as [JSONView](https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc).
 
- Note that Zeppelin REST API receive or return JSON objects, it it recommended you install some JSON viewers such as 
- [JSONView](https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc)
-
-
- If you work with zeppelin and find a need for an additional REST API please [file an issue or send us mail](../../community.html)
+ If you work with Zeppelin and find a need for an additional REST API, please [file an issue or send us mail](../../community.html).
 
  <br />
-### Configuration REST API list
 
+## Configuration REST API list
+
+### List Configurations
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>List configurations</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```GET``` method return all key/value pair of configurations on the server.<br/>
-      Note: For security reason, some pairs would not be shown.</td>
+       Note: For security reason, some pairs would not be shown.</td>
     </tr>
     <tr>
       <td>URL</td>
@@ -61,48 +55,43 @@ limitations under the License.
       </td>
       <td>
         <pre>
-{  
-   "status":"OK",
-   "message":"",
-   "body":{  
-      "zeppelin.war.tempdir":"webapps",
-      "zeppelin.notebook.homescreen.hide":"false",
-      "zeppelin.interpreter.remoterunner":"bin/interpreter.sh",
-      "zeppelin.notebook.s3.user":"user",
-      "zeppelin.server.port":"8089",
-      "zeppelin.dep.localrepo":"local-repo",
-      "zeppelin.ssl.truststore.type":"JKS",
-      "zeppelin.ssl.keystore.path":"keystore",
-      "zeppelin.notebook.s3.bucket":"zeppelin",
-      "zeppelin.server.addr":"0.0.0.0",
-      "zeppelin.ssl.client.auth":"false",
-      "zeppelin.server.context.path":"/",
-      "zeppelin.ssl.keystore.type":"JKS",
-      "zeppelin.ssl.truststore.path":"truststore",
-      "zeppelin.interpreters":"org.apache.zeppelin.spark.SparkInterpreter,org.apache.zeppelin.spark.PySparkInterpreter,org.apache.zeppelin.spark.SparkRInterpreter,org.apache.zeppelin.spark.SparkSqlInterpreter,org.apache.zeppelin.spark.DepInterpreter,org.apache.zeppelin.markdown.Markdown,org.apache.zeppelin.angular.AngularInterpreter,org.apache.zeppelin.shell.ShellInterpreter,org.apache.zeppelin.hive.HiveInterpreter,org.apache.zeppelin.tajo.TajoInterpreter,org.apache.zeppelin.flink.FlinkInterpreter,org.apache.zeppelin.lens.LensInterpreter,org.apache.zeppelin.ignite.IgniteInterpreter,org.apache.zeppelin.ignite.IgniteSqlInterpreter,org.apache.zeppelin.cassandra.CassandraInterpreter,org.apache.zeppelin.geode.GeodeOqlInterpreter,org.apache.zeppelin.postgresql.PostgreSqlInterpreter,org.apache.zeppelin.phoenix.PhoenixInterpreter,org.apache.zeppelin.kylin.KylinInterpreter,org.apache.zeppelin.elasticsearch.ElasticsearchInterpreter,org.apache.zeppelin.scalding.ScaldingInterpreter",
-      "zeppelin.ssl":"false",
-      "zeppelin.notebook.autoInterpreterBinding":"true",
-      "zeppelin.notebook.homescreen":"",
-      "zeppelin.notebook.storage":"org.apache.zeppelin.notebook.repo.VFSNotebookRepo",
-      "zeppelin.interpreter.connect.timeout":"30000",
-      "zeppelin.anonymous.allowed":"true",
-      "zeppelin.server.allowed.origins":"*",
-      "zeppelin.encoding":"UTF-8"
-   }
-}
-        </pre>
-      </td>
+{
+  "status": "OK",
+  "message": "",
+  "body": {
+    "zeppelin.war.tempdir": "webapps",
+    "zeppelin.notebook.homescreen.hide": "false",
+    "zeppelin.interpreter.remoterunner": "bin/interpreter.sh",
+    "zeppelin.notebook.s3.user": "user",
+    "zeppelin.server.port": "8089",
+    "zeppelin.dep.localrepo": "local-repo",
+    "zeppelin.ssl.truststore.type": "JKS",
+    "zeppelin.ssl.keystore.path": "keystore",
+    "zeppelin.notebook.s3.bucket": "zeppelin",
+    "zeppelin.server.addr": "0.0.0.0",
+    "zeppelin.ssl.client.auth": "false",
+    "zeppelin.server.context.path": "/",
+    "zeppelin.ssl.keystore.type": "JKS",
+    "zeppelin.ssl.truststore.path": "truststore",
+    "zeppelin.interpreters": "org.apache.zeppelin.spark.SparkInterpreter,org.apache.zeppelin.spark.PySparkInterpreter,org.apache.zeppelin.spark.SparkRInterpreter,org.apache.zeppelin.spark.SparkSqlInterpreter,org.apache.zeppelin.spark.DepInterpreter,org.apache.zeppelin.markdown.Markdown,org.apache.zeppelin.angular.AngularInterpreter,org.apache.zeppelin.shell.ShellInterpreter,org.apache.zeppelin.hive.HiveInterpreter,org.apache.zeppelin.tajo.TajoInterpreter,org.apache.zeppelin.flink.FlinkInterpreter,org.apache.zeppelin.lens.LensInterpreter,org.apache.zeppelin.ignite.IgniteInterpreter,org.apache.zeppelin.ignite.IgniteSqlInterpreter,org.apache.zeppelin.cassandra.CassandraInterpreter,org.apache.zeppelin.geode.GeodeOqlInterpreter,org.apache.zeppelin.postgresql.PostgreSqlInterpreter,org.apache.zeppelin.phoenix.PhoenixInterpreter,org.apache.zeppelin.kylin.KylinInterpreter,org.apache.zeppelin.elasticsearch.ElasticsearchInterpreter,org.apache.zeppelin.scalding.ScaldingInterpreter",
+    "zeppelin.ssl": "false",
+    "zeppelin.notebook.autoInterpreterBinding": "true",
+    "zeppelin.notebook.homescreen": "",
+    "zeppelin.notebook.storage": "org.apache.zeppelin.notebook.repo.VFSNotebookRepo",
+    "zeppelin.interpreter.connect.timeout": "30000",
+    "zeppelin.anonymous.allowed": "true",
+    "zeppelin.server.allowed.origins":"*",
+    "zeppelin.encoding": "UTF-8"
+  }
+}</pre></td>
     </tr>
   </table>
 
 <br/>
 
+### List Configurations(prefix match)
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>List configurations (prefix match)</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```GET``` method return all prefix matched key/value pair of configurations on the server.<br/>
@@ -123,21 +112,19 @@ limitations under the License.
     <tr>
       <td> sample JSON response
       </td>
-      <td>
-        <pre>
-{  
-   "status":"OK",
-   "message":"",
-   "body":{  
-      "zeppelin.ssl.keystore.type":"JKS",
-      "zeppelin.ssl.truststore.path":"truststore",
-      "zeppelin.ssl.truststore.type":"JKS",
-      "zeppelin.ssl.keystore.path":"keystore",
-      "zeppelin.ssl":"false",
-      "zeppelin.ssl.client.auth":"false"
-   }
-}
-        </pre>
+      <td><pre>
+{
+  "status": "OK",
+  "message": "",
+  "body": {
+    "zeppelin.ssl.keystore.type": "JKS",
+    "zeppelin.ssl.truststore.path": "truststore",
+    "zeppelin.ssl.truststore.type": "JKS",
+    "zeppelin.ssl.keystore.path": "keystore",
+    "zeppelin.ssl": "false",
+    "zeppelin.ssl.client.auth": "false"
+  }
+}</pre>
       </td>
     </tr>
   </table>
diff --git a/docs/rest-api/rest-interpreter.md b/docs/rest-api/rest-interpreter.md
index 87128fd7014..8a80b11d06c 100644
--- a/docs/rest-api/rest-interpreter.md
+++ b/docs/rest-api/rest-interpreter.md
@@ -20,27 +20,21 @@ limitations under the License.
 {% include JB/setup %}
 
 ## Zeppelin REST API
- Zeppelin provides several REST API's for interaction and remote activation of zeppelin functionality.
+ Zeppelin provides several REST APIs for interaction and remote activation of zeppelin functionality.
 
- All REST API are available starting with the following endpoint `http://[zeppelin-server]:[zeppelin-port]/api`.
- Note that Zeppelin REST API receive or return JSON objects, it it recommended you install some JSON viewers such as 
- [JSON View](https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc).
+ All REST APIs are available starting with the following endpoint `http://[zeppelin-server]:[zeppelin-port]/api`. Note that zeppelin REST APIs receive or return JSON objects, it is recommended for you to install some JSON viewers such as [JSONView](https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc).
 
- If you work with zeppelin and find a need for an additional REST API, please [file an issue or send us mail](http://zeppelin.apache.org/community.html).
+ If you work with Zeppelin and find a need for an additional REST API, please [file an issue or send us mail](http://zeppelin.apache.org/community.html).
 
  <br />
 ## Interpreter REST API List
 
   The role of registered interpreters, settings and interpreters group are described in [here](../manual/interpreters.html).
 
-### 1. List of Registered Interpreters & Interpreter Settings
+### List of Registered Interpreters
 
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>List of registered interpreters</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```GET``` method returns all the registered interpreters available on the server.</td>
@@ -109,12 +103,9 @@ limitations under the License.
 
 <br/>
 
+### List of Interpreter Settings
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>List of interpreters settings</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```GET``` method returns all the interpreters settings registered on the server.</td>
@@ -186,14 +177,10 @@ limitations under the License.
   </table>
 
 <br/>
-### 2. Create an Interpreter Setting  
+### Create an Interpreter Setting  
 
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Create an interpreter setting</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```POST``` method adds a new interpreter setting using a registered interpreter to the server.</td>
@@ -272,13 +259,9 @@ limitations under the License.
 
 <br/>
 
-### 3. Update an Interpreter Setting
+### Update an Interpreter Setting
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Update an interpreter setting</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```PUT``` method updates an interpreter setting with new properties.</td>
@@ -356,14 +339,10 @@ limitations under the License.
 
 
 <br/>
-### 4. Delete an Interpreter Setting
+### Delete an Interpreter Setting
 
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Delete an interpreter setting</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```DELETE``` method deletes an given interpreter setting.</td>
@@ -390,14 +369,10 @@ limitations under the License.
 
 
 <br/>
-### 5. Restart an Interpreter
+### Restart an Interpreter
 
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Restart an interpreter</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```PUT``` method restarts the given interpreter id.</td>
@@ -423,14 +398,10 @@ limitations under the License.
   </table>
 
 <br/>
-### 6. Add repository for dependency resolving
+### Add repository for dependency resolving
 
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Add new repository for dependency loader</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```POST``` method adds new repository.</td>
@@ -468,14 +439,10 @@ limitations under the License.
   </table>
 
 <br/>
-### 7. Delete repository for dependency resolving
+### Delete repository for dependency resolving
 
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Delete repository for dependency loader</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```DELETE``` method delete repository with given id.</td>
diff --git a/docs/rest-api/rest-notebook.md b/docs/rest-api/rest-notebook.md
index b06692c1e2d..c02b5295ba7 100644
--- a/docs/rest-api/rest-notebook.md
+++ b/docs/rest-api/rest-notebook.md
@@ -22,25 +22,19 @@ limitations under the License.
 ## Zeppelin REST API
  Zeppelin provides several REST APIs for interaction and remote activation of zeppelin functionality.
 
- All REST APIs are available starting with the following endpoint ```http://[zeppelin-server]:[zeppelin-port]/api```
+ All REST APIs are available starting with the following endpoint `http://[zeppelin-server]:[zeppelin-port]/api`. Note that zeppelin REST APIs receive or return JSON objects, it is recommended for you to install some JSON viewers such as [JSONView](https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc).
 
- Note that zeppelin REST APIs receive or return JSON objects, it is recommended for you to install some JSON viewers
-  such as [JSONView](https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc)
+ If you work with Zeppelin and find a need for an additional REST API, please [file an issue or send us mail](../../community.html).
 
+<br />
 
- If you work with zeppelin and find a need for an additional REST API please [file an issue or send us mail](../../community.html)
+## Notebook REST API List
 
- <br />
-### Notebook REST API list
-
-  Notebooks REST API supports the following operations: List, Create, Get, Delete, Clone, Run, Export, Import as detailed in the following table
+  Notebooks REST API supports the following operations: List, Create, Get, Delete, Clone, Run, Export, Import as detailed in the following tables.
 
+### List Notebooks
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>List notebooks</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```GET``` method lists the available notebooks on your server.
@@ -61,18 +55,29 @@ limitations under the License.
     </tr>
     <tr>
       <td> sample JSON response </td>
-      <td><pre>{"status":"OK","message":"","body":[{"name":"Homepage","id":"2AV4WUEMK"},{"name":"Zeppelin Tutorial","id":"2A94M5J1Z"}]}</pre></td>
+      <td><pre>
+{
+  "status": "OK",
+  "message": "",
+  "body": [
+    {
+      "name":"Homepage",
+      "id":"2AV4WUEMK"
+    },
+    {
+      "name":"Zeppelin Tutorial",
+      "id":"2A94M5J1Z"
+    }
+  ]
+}</pre></td>
     </tr>
   </table>
 
 <br/>
 
+### Create Notebook
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Create notebook</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```POST``` method creates a new notebook using the given name or default name if none given.
@@ -93,7 +98,7 @@ limitations under the License.
     </tr>
     <tr>
       <td> sample JSON input (without paragraphs) </td>
-      <td><pre>{ "name": "name of new notebook" }</pre></td>
+      <td><pre>{"name": "name of new notebook"}</pre></td>
     </tr>
     <tr>
       <td> sample JSON input (with initial paragraphs) </td>
@@ -110,23 +115,24 @@ limitations under the License.
       "text": "paragraph text2"
     }
   ]
-}
-      </pre></td>
+}</pre></td>
     </tr>
     <tr>
       <td> sample JSON response </td>
-      <td><pre>{"status": "CREATED","message": "","body": "2AZPHY918"}</pre></td>
+      <td><pre>
+{
+  "status": "CREATED",
+  "message": "",
+  "body": "2AZPHY918"
+}</pre></td>
     </tr>
   </table>
 
 <br/>
 
+### Get Notebook
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Get notebook</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```GET``` method retrieves an existing notebook's information using the given id.
@@ -194,8 +200,8 @@ limitations under the License.
           "params": {},
           "forms": {}
         },
-        "jobName": "paragraph_1423500782552_-1439281894",
-        "id": "20150210-015302_1492795503",
+        "jobName": "paragraph\_1423500782552\_-1439281894",
+        "id": "20150210-015302\_1492795503",
         "result": {
           "code": "SUCCESS",
           "type": "TABLE",
@@ -216,19 +222,15 @@ limitations under the License.
     },
     "info": {}
   }
-}
-      </pre></td>
+}</pre></td>
     </tr>
   </table>
 
 <br/>
 
+### Delete Notebook
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Delete notebook</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```DELETE``` method deletes a notebook by the given notebook id.
@@ -248,18 +250,15 @@ limitations under the License.
     </tr>
     <tr>
       <td> sample JSON response </td>
-      <td><pre>{"status":"OK","message":""}</pre></td>
+      <td><pre>{"status": "OK","message": ""}</pre></td>
     </tr>
   </table>
 
 <br/>
 
+### Clone Notebook
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Clone notebook</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```POST``` method clones a notebook by the given id and create a new notebook using the given name
@@ -285,18 +284,20 @@ limitations under the License.
     </tr>
     <tr>
       <td> sample JSON response </td>
-      <td><pre>{"status": "CREATED","message": "","body": "2AZPHY918"}</pre></td>
+      <td><pre>
+{
+  "status": "CREATED",
+  "message": "",
+  "body": "2AZPHY918"
+}</pre></td>
     </tr>
   </table>
 
 <br/>
 
+### Run Notebook Job
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Run notebook job</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```POST``` method runs all paragraph in the given notebook id.
@@ -316,18 +317,15 @@ limitations under the License.
     </tr>
     <tr>
       <td> sample JSON response </td>
-      <td><pre>{"status":"OK"}</pre></td>
+      <td><pre>{"status": "OK"}</pre></td>
     </tr>
   </table>
 
 <br/>
 
+### Stop Notebook Job
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Stop notebook job</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```DELETE``` method stops all paragraph in the given notebook id.
@@ -353,14 +351,9 @@ limitations under the License.
 
 <br/>
 
-<br/>
-
+### Get Notebook Job
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Get notebook job</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```GET``` method gets all paragraph status by the given notebook id.
@@ -381,18 +374,33 @@ limitations under the License.
     </tr>
     <tr>
       <td> sample JSON response </td>
-      <td><pre>{"status":"OK","body":[{"id":"20151121-212654_766735423","status":"FINISHED","finished":"Tue Nov 24 14:21:40 KST 2015","started":"Tue Nov 24 14:21:39 KST 2015"},{"progress":"1","id":"20151121-212657_730976687","status":"RUNNING","finished":"Tue Nov 24 14:21:35 KST 2015","started":"Tue Nov 24 14:21:40 KST 2015"}]}</pre></td>
+      <td><pre>
+{
+  "status": "OK",
+  "body": [
+    {
+      "id":"20151121-212654\_766735423",
+      "status":"FINISHED",
+      "finished":"Tue Nov 24 14:21:40 KST 2015",
+      "started":"Tue Nov 24 14:21:39 KST 2015"
+    },
+    {
+      "progress":"1",
+      "id":"20151121-212657\_730976687",
+      "status":"RUNNING",
+      "finished":"Tue Nov 24 14:21:35 KST 2015",
+      "started":"Tue Nov 24 14:21:40 KST 2015"
+    }
+  ]
+}</pre></td>
     </tr>
   </table>
 
 <br/>
 
+### Run Paragraph Job
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Run paragraph job</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```POST``` method runs the paragraph by given notebook and paragraph id.
@@ -419,23 +427,19 @@ limitations under the License.
     "formLabel1": "value1",
     "formLabel2": "value2"
   }
-}
-      </pre></td>
+}</pre></td>
     </tr>
     <tr>
       <td> sample JSON response </td>
-      <td><pre>{"status":"OK"}</pre></td>
+      <td><pre>{"status": "OK"}</pre></td>
     </tr>
   </table>
 
 <br/>
 
+### Stop Paragraph Job
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Stop paragraph job</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```DELETE``` method stops the paragraph by given notebook and paragraph id.
@@ -455,18 +459,15 @@ limitations under the License.
     </tr>
     <tr>
       <td> sample JSON response </td>
-      <td><pre>{"status":"OK"}</pre></td>
+      <td><pre>{"status": "OK"}</pre></td>
     </tr>
   </table>
 
 <br/>
 
+### Add Cron Job
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Add cron job</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```POST``` method adds cron job by the given notebook id.
@@ -490,18 +491,15 @@ limitations under the License.
     </tr>
     <tr>
       <td> sample JSON response </td>
-      <td><pre>{"status":"OK"}</pre></td>
+      <td><pre>{"status": "OK"}</pre></td>
     </tr>
   </table>
 
 <br/>
 
+### Remove Cron Job
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Remove cron job</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```DELETE``` method removes cron job by the given notebook id.
@@ -521,18 +519,15 @@ limitations under the License.
     </tr>
     <tr>
       <td> sample JSON response </td>
-      <td><pre>{"status":"OK"}</pre></td>
+      <td><pre>{"status": "OK"}</pre></td>
     </tr>
   </table>
 
 <br/>
 
+### Get Cron Job
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Get cron job</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```GET``` method gets cron job expression of given notebook id.
@@ -553,16 +548,15 @@ limitations under the License.
     </tr>
     <tr>
       <td> sample JSON response </td>
-      <td><pre>{"status":"OK","body":"* * * * * ?"}</pre></td>
+      <td><pre>{"status": "OK", "body": "* * * * * ?"}</pre></td>
     </tr>
   </table>
 
+<br />
+
+### Full Text Search Through the Paragraphs in All Notebooks
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Full-text search through the paragraphs in all notebooks</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>```GET``` request will return list of matching paragraphs
@@ -582,19 +576,26 @@ limitations under the License.
     </tr>
     <tr>
       <td>Sample JSON response </td>
-      <td><pre>{"status":"OK", body: [{"id":"<noteId>/paragraph/<paragraphId>", "name":"Notebook Name", "snippet":"", "text":""}]}</pre></td>
+      <td><pre>
+{
+  "status": "OK",
+  "body": [
+    {
+      "id": "<noteId>/paragraph/<paragraphId>",
+      "name":"Notebook Name", 
+      "snippet":"",
+      "text":""
+    }
+  ]
+}</pre></td>
     </tr>
   </table>
 
 <br/>
 
-
+### Create Paragraph
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Create paragraph</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```POST``` method create a new paragraph using JSON payload.
@@ -616,35 +617,36 @@ limitations under the License.
     <tr>
       <td> sample JSON input (add to the last) </td>
       <td><pre>
-  {
-    "title": "Paragraph insert revised",
-    "text": "%spark\nprintln(\"Paragraph insert revised\")"
-  }</pre></td>
+{
+  "title": "Paragraph insert revised",
+  "text": "%spark\nprintln(\"Paragraph insert revised\")"
+}</pre></td>
     </tr>
     <tr>
       <td> sample JSON input (add to specific index) </td>
       <td><pre>
-  {
-    "title": "Paragraph insert revised",
-    "text": "%spark\nprintln(\"Paragraph insert revised\")",
-    "index": 0
-  }
-      </pre></td>
+{
+  "title": "Paragraph insert revised",
+  "text": "%spark\nprintln(\"Paragraph insert revised\")",
+  "index": 0
+}</pre></td>
     </tr>
     <tr>
       <td> sample JSON response </td>
-      <td><pre>{"status": "CREATED","message": "","body": "20151218-100330_1754029574"}</pre></td>
+      <td><pre>
+{
+  "status": "CREATED",
+  "message": "",
+  "body": "20151218-100330\_1754029574"
+}</pre></td>
     </tr>
   </table>
 
 <br/>
 
+### Get Paragraph
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Get paragraph</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```GET``` method retrieves an existing paragraph's information using the given id.
@@ -692,8 +694,8 @@ limitations under the License.
       "params": {},
       "forms": {}
     },
-    "jobName": "paragraph_1450391574392_-1890856722",
-    "id": "20151218-073254_1105602047",
+    "jobName": "paragraph\_1450391574392\_-1890856722",
+    "id": "20151218-073254\_1105602047",
     "result": {
       "code": "SUCCESS",
       "type": "TEXT",
@@ -705,19 +707,15 @@ limitations under the License.
     "status": "FINISHED",
     "progressUpdateIntervalMs": 500
   }
-}
-      </pre></td>
+}</pre></td>
     </tr>
   </table>
 
 <br/>
 
+### Move Paragraph
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Move paragraph</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```POST``` method moves a paragraph to the specific index (order) from the notebook.
@@ -737,19 +735,16 @@ limitations under the License.
     </tr>
     <tr>
       <td> sample JSON response </td>
-      <td><pre>{"status":"OK","message":""}</pre></td>
+      <td><pre>{"status": "OK","message": ""}</pre></td>
     </tr>
   </table>
 
 
 <br/>
 
+### Delete Paragraph
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Delete paragraph</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```DELETE``` method deletes a paragraph by the given notebook and paragraph id.
@@ -769,18 +764,15 @@ limitations under the License.
     </tr>
     <tr>
       <td> sample JSON response </td>
-      <td><pre>{"status":"OK","message":""}</pre></td>
+      <td><pre>{"status": "OK","message": ""}</pre></td>
     </tr>
   </table>
 
+<br />
 
-
+### Export Notebook
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Export notebook</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```GET``` method exports a notebook by the given id and gernerates a JSON
@@ -811,8 +803,8 @@ limitations under the License.
         "params": {},
         "forms": {}
       },
-      "jobName": "paragraph_1452300578795_1196072540",
-      "id": "20160108-164938_1685162144",
+      "jobName": "paragraph\_1452300578795\_1196072540",
+      "id": "20160108-164938\_1685162144",
       "dateCreated": "Jan 8, 2016 4:49:38 PM",
       "status": "READY",
       "progressUpdateIntervalMs": 500
@@ -827,12 +819,11 @@ limitations under the License.
     </tr>
   </table>
 
+<br />
+
+### Import Notebook
   <table class="table-configuration">
     <col width="200">
-    <tr>
-      <th>Export notebook</th>
-      <th></th>
-    </tr>
     <tr>
       <td>Description</td>
       <td>This ```POST``` method imports a notebook from the notebook JSON input
@@ -850,8 +841,9 @@ limitations under the License.
       <td> Fail code</td>
       <td> 500 </td>
     </tr>
-    <td> sample JSON input </td>
-      <td><pre>{
+    <td>sample JSON input</td>
+      <td><pre>
+{
   "paragraphs": [
     {
       "text": "%md This is my new paragraph in my new note",
@@ -863,8 +855,8 @@ limitations under the License.
         "params": {},
         "forms": {}
       },
-      "jobName": "paragraph_1452300578795_1196072540",
-      "id": "20160108-164938_1685162144",
+      "jobName": "paragraph\_1452300578795\_1196072540",
+      "id": "20160108-164938\_1685162144",
       "dateCreated": "Jan 8, 2016 4:49:38 PM",
       "status": "READY",
       "progressUpdateIntervalMs": 500
@@ -876,9 +868,14 @@ limitations under the License.
   "config": {},
   "info": {}
 }</pre></td>
-<tr>
-      <td> sample JSON response </td>
-      <td><pre>"status": "CREATED","message": "","body": "2AZPHY918"}</pre></td>
+    <tr>
+      <td>sample JSON response</td>
+      <td><pre>
+{
+  "status": "CREATED",
+  "message": "",
+  "body": "2AZPHY918"
+}</pre></td>
     </tr>
     </tr>
   </table>

From 72f8ec370210445d8b5795808ecbe415582589b7 Mon Sep 17 00:00:00 2001
From: Mina Lee <minalee@nflabs.com>
Date: Sat, 4 Jun 2016 21:02:49 -0700
Subject: [PATCH 05/10] change storage doc layout and fix pre block

---
 docs/storage/storage.md | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/docs/storage/storage.md b/docs/storage/storage.md
index 25c62bb429b..ae2edc3c37c 100644
--- a/docs/storage/storage.md
+++ b/docs/storage/storage.md
@@ -17,7 +17,7 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 -->
-### Notebook Storage
+## Notebook Storage
 
 Zeppelin has a pluggable notebook storage mechanism controlled by `zeppelin.notebook.storage` configuration option with multiple implementations.
 There are few Notebook storage systems available for a use out of the box:
@@ -31,7 +31,7 @@ By default, only first two of them will be automatically kept in sync by Zeppeli
 
 </br>
 
-#### Notebook Storage in local Git repository <a name="Git"></a>
+## Notebook Storage in local Git repository <a name="Git"></a>
 
 To enable versioning for all your local notebooks though a standard Git repository - uncomment the next property in `zeppelin-site.xml` in order to use GitNotebookRepo class:
 
@@ -45,7 +45,7 @@ To enable versioning for all your local notebooks though a standard Git reposito
 
 </br>
 
-#### Notebook Storage in S3  <a name="S3"></a>
+## Notebook Storage in S3 <a name="S3"></a>
 
 Notebooks may be stored in S3, and optionally encrypted.  The [``DefaultAWSCredentialsProviderChain``](https://docs.aws.amazon.com/AWSJavaSDK/latest/javadoc/com/amazonaws/auth/DefaultAWSCredentialsProviderChain.html) credentials provider is used for credentials and checks the following:
 
@@ -69,7 +69,6 @@ export ZEPPELIN_NOTEBOOK_S3_USER = username
 ```
 
 Or using the file **zeppelin-site.xml** uncomment and complete the S3 settings:
-
 ```
 <property>
   <name>zeppelin.notebook.s3.bucket</name>
@@ -103,9 +102,9 @@ Comment out the next property to disable local notebook storage (the default):
 </property>
 ```
 
-#### Data Encryption in S3
+### Data Encryption in S3
 
-##### AWS KMS encryption keys
+#### AWS KMS encryption keys
 
 To use an [AWS KMS](https://aws.amazon.com/kms/) encryption key to encrypt notebooks, set the following environment variable in the file **zeppelin-env.sh**:
 
@@ -114,6 +113,7 @@ export ZEPPELIN_NOTEBOOK_S3_KMS_KEY_ID = kms-key-id
 ```
 
 Or using the following setting in **zeppelin-site.xml**:
+
 ```
 <property>
   <name>zeppelin.notebook.s3.kmsKeyID</name>
@@ -122,7 +122,7 @@ Or using the following setting in **zeppelin-site.xml**:
 </property>
 ```
 
-##### Custom Encryption Materials Provider class
+#### Custom Encryption Materials Provider class
 
 You may use a custom [``EncryptionMaterialsProvider``](https://docs.aws.amazon.com/AWSJavaSDK/latest/javadoc/com/amazonaws/services/s3/model/EncryptionMaterialsProvider.html) class as long as it is available in the classpath and able to initialize itself from system properties or another mechanism.  To use this, set the following environment variable in the file **zeppelin-env.sh**:
 
@@ -132,6 +132,7 @@ export ZEPPELIN_NOTEBOOK_S3_EMP = class-name
 ```
 
 Or using the following setting in **zeppelin-site.xml**:
+
 ```
 <property>
   <name>zeppelin.notebook.s3.encryptionMaterialsProvider</name>
@@ -140,7 +141,7 @@ Or using the following setting in **zeppelin-site.xml**:
 ```   
 
 </br>
-#### Notebook Storage  in Azure <a name="Azure"></a>
+## Notebook Storage  in Azure <a name="Azure"></a>
 
 Using `AzureNotebookRepo` you can connect your Zeppelin with your Azure account for notebook storage.
 
@@ -203,7 +204,7 @@ Optionally, you can specify Azure folder structure name in the file **zeppelin-s
 ```
 
 </br>
-#### Notebook Storage in ZeppelinHub  <a name="ZeppelinHub"></a>
+## Storage in ZeppelinHub  <a name="ZeppelinHub"></a>
 
 ZeppelinHub storage layer allows out of the box connection of Zeppelin instance with your ZeppelinHub account. First of all, you need to either comment out the following  property in **zeppelin-site.xml**:
 

From eb821f11a428b6c276dce00d1a7f510064fd6dd3 Mon Sep 17 00:00:00 2001
From: Mina Lee <minalee@nflabs.com>
Date: Sat, 4 Jun 2016 21:35:12 -0700
Subject: [PATCH 06/10] Change file location and rename file

---
 docs/_includes/themes/zeppelin/_navigation.html      |  7 ++-----
 docs/assets/themes/zeppelin/css/style.css            |  4 ++--
 docs/manual/dynamicform.md                           | 12 ++++++------
 .../explorezeppelinui.md}                            |  8 ++++----
 docs/{tutorial => quickstart}/tutorial.md            |  0
 5 files changed, 14 insertions(+), 17 deletions(-)
 rename docs/{ui_layout/zeppelin_layout.md => quickstart/explorezeppelinui.md} (97%)
 rename docs/{tutorial => quickstart}/tutorial.md (100%)

diff --git a/docs/_includes/themes/zeppelin/_navigation.html b/docs/_includes/themes/zeppelin/_navigation.html
index 7e7f688b2c1..0351a9328b3 100644
--- a/docs/_includes/themes/zeppelin/_navigation.html
+++ b/docs/_includes/themes/zeppelin/_navigation.html
@@ -20,6 +20,8 @@
               <ul class="dropdown-menu">
                 <!-- li><span><b>Overview</b><span></li -->
                 <li><a href="{{BASE_PATH}}/index.html">Overview</a></li>
+                <li><a href="{{BASE_PATH}}/quickstart/explorezeppelinui.html">Explore Zeppelin UI</a></li>
+                <li><a href="{{BASE_PATH}}/quickstart/tutorial.html">Tutorial</a></li>
                 <li role="separator" class="divider"></li>
                 <!-- li><span><b>Install</b><span></li -->
                 <li><a href="{{BASE_PATH}}/install/install.html">Install</a></li>
@@ -28,11 +30,6 @@
                 <li role="separator" class="divider"></li>
                 <li><a href="{{BASE_PATH}}/install/upgrade.html">Upgrade Version</a></li>
                 <li role="separator" class="divider"></li>
-                <!-- li><span><b>Tutorial</b><span></li -->
-                <li><a href="{{BASE_PATH}}/tutorial/tutorial.html">Tutorial</a></li>
-                <li role="separator" class="divider"></li>
-                <li><a href="{{BASE_PATH}}/ui_layout/zeppelin_layout.html">UI Layout</a></li>
-                <li role="separator" class="divider"></li>
                 <!-- li><span><b>Guide</b><span></li -->
                 <li><a href="{{BASE_PATH}}/manual/dynamicform.html">Dynamic Form</a></li>
                 <li><a href="{{BASE_PATH}}/manual/publish.html">Publish your Paragraph</a></li>
diff --git a/docs/assets/themes/zeppelin/css/style.css b/docs/assets/themes/zeppelin/css/style.css
index e12c37fa2e0..e318805651d 100644
--- a/docs/assets/themes/zeppelin/css/style.css
+++ b/docs/assets/themes/zeppelin/css/style.css
@@ -316,10 +316,10 @@ a.anchor {
   display: inline-block;
 }
 .content ul :first-child, ol :first-child {
-  margin-top: 10px;
+  margin-top: 0px;
 }
 
-.content p {
+.content .nav-tabs {
   margin-bottom: 10px;
 }
 
diff --git a/docs/manual/dynamicform.md b/docs/manual/dynamicform.md
index d879b8bf2f0..5bca4d2a720 100644
--- a/docs/manual/dynamicform.md
+++ b/docs/manual/dynamicform.md
@@ -30,37 +30,37 @@ This mode creates form using simple template language. It's simple and easy to u
 
 #### Text input form
 
-To create text input form, use _${formName}_ templates.
+To create text input form, use `${formName}` templates.
 
 for example
 
 <img src="../assets/themes/zeppelin/img/screenshots/form_input.png" />
 
 
-Also you can provide default value, using _${formName=defaultValue}_.
+Also you can provide default value, using `${formName=defaultValue}`.
 
 <img src="../assets/themes/zeppelin/img/screenshots/form_input_default.png" />
 
 
 #### Select form
 
-To create select form, use _${formName=defaultValue,option1|option2...}_
+To create select form, use `${formName=defaultValue,option1|option2...}`
 
 for example
 
 <img src="../assets/themes/zeppelin/img/screenshots/form_select.png" />
 
-Also you can separate option's display name and value, using _${formName=defaultValue,option1(DisplayName)|option2(DisplayName)...}_
+Also you can separate option's display name and value, using `${formName=defaultValue,option1(DisplayName)|option2(DisplayName)...}`
 
 <img src="../assets/themes/zeppelin/img/screenshots/form_select_displayname.png" />
 
 #### Checkbox form
 
-For multi-selection, you can create a checkbox form using _${checkbox:formName=defaultValue1|defaultValue2...,option1|option2...}_. The variable will be substituted by a comma-separated string based on the selected items. For example:
+For multi-selection, you can create a checkbox form using `${checkbox:formName=defaultValue1|defaultValue2...,option1|option2...}`. The variable will be substituted by a comma-separated string based on the selected items. For example:
 
 <img src="../assets/themes/zeppelin/img/screenshots/form_checkbox.png">
 
-Besides, you can specify the delimiter using _${checkbox(delimiter):formName=...}_:
+Besides, you can specify the delimiter using `${checkbox(delimiter):formName=...}`:
 
 <img src="../assets/themes/zeppelin/img/screenshots/form_checkbox_delimiter.png">
 
diff --git a/docs/ui_layout/zeppelin_layout.md b/docs/quickstart/explorezeppelinui.md
similarity index 97%
rename from docs/ui_layout/zeppelin_layout.md
rename to docs/quickstart/explorezeppelinui.md
index 61c93145b85..ef4fd30ab2c 100644
--- a/docs/ui_layout/zeppelin_layout.md
+++ b/docs/quickstart/explorezeppelinui.md
@@ -26,7 +26,7 @@ The first time you connect to Zeppelin, you'll land at the main page similar to
 On the left of the page are listed all existing notes. Those notes are stored by default in the `$ZEPPELIN_HOME/notebook` folder.
 
 You can filter them by name using the input text form. You can also create an new note, refresh the list of existing notes
-(in case you manually copy them into the `$ZEPPELIN_HOME/notebook` folder) and import a note
+(in case you manually copy them into the `$ZEPPELIN_HOME/notebook` folder) and import a note.
 
 <img src="../assets/themes/zeppelin/img/ui-img/notes_management.png" />
 
@@ -35,7 +35,7 @@ if you provide the URL.
 
 <img src="../assets/themes/zeppelin/img/ui-img/note_import_dialog.png" />
 
-By default, the name of the imported note is the same as the original note but you can override it by providing a new name
+By default, the name of the imported note is the same as the original note but you can override it by providing a new name.
 
 <br />
 ## Menus
@@ -106,11 +106,11 @@ From this dialog, you can (in descending order):
 
 ### Note toolbar
 
-At the top of the note, you can find a toolbar which exposes command buttons as well as configuration, security and display options
+At the top of the note, you can find a toolbar which exposes command buttons as well as configuration, security and display options.
 
 <img src="../assets/themes/zeppelin/img/ui-img/note_toolbar.png" />
 
-On the far right is displayed the note name, just click on it to reveal the input form and update it
+On the far right is displayed the note name, just click on it to reveal the input form and update it.
 
 In the middle of the toolbar you can find the command buttons:
 
diff --git a/docs/tutorial/tutorial.md b/docs/quickstart/tutorial.md
similarity index 100%
rename from docs/tutorial/tutorial.md
rename to docs/quickstart/tutorial.md

From 27ca869ce97dd704eb737bf83ed83e09ee544931 Mon Sep 17 00:00:00 2001
From: Mina Lee <minalee@nflabs.com>
Date: Sat, 4 Jun 2016 21:37:19 -0700
Subject: [PATCH 07/10] use code block for file location in spark.md

---
 docs/interpreter/spark.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/interpreter/spark.md b/docs/interpreter/spark.md
index f209c26de5b..30da219ac03 100644
--- a/docs/interpreter/spark.md
+++ b/docs/interpreter/spark.md
@@ -9,7 +9,7 @@ group: manual
 
 ## Spark Interpreter for Apache Zeppelin
 [Apache Spark](http://spark.apache.org) is supported in Zeppelin with
-Spark Interpreter group, which consisted of 4 interpreters.
+Spark Interpreter group, which consists of five interpreters.
 
 <table class="table-configuration">
   <tr>
@@ -354,14 +354,14 @@ Logical setup with Zeppelin, Kerberos Key Distribution Center (KDC), and Spark o
 1. On the server that Zeppelin is installed, install Kerberos client modules and configuration, krb5.conf.
 This is to make the server communicate with KDC.
 
-2. Set SPARK\_HOME in [ZEPPELIN\_HOME]/conf/zeppelin-env.sh to use spark-submit
-( Additionally, you might have to set “export HADOOP\_CONF\_DIR=/etc/hadoop/conf” )
+2. Set SPARK\_HOME in `[ZEPPELIN\_HOME]/conf/zeppelin-env.sh` to use spark-submit
+(Additionally, you might have to set `export HADOOP\_CONF\_DIR=/etc/hadoop/conf`)
 
-3. Add the two properties below to spark configuration ( [SPARK_HOME]/conf/spark-defaults.conf ):
+3. Add the two properties below to spark configuration (`[SPARK_HOME]/conf/spark-defaults.conf`):
 
         spark.yarn.principal
         spark.yarn.keytab
 
   > **NOTE:** If you do not have access to the above spark-defaults.conf file, optionally, you may add the lines to the Spark Interpreter through the Interpreter tab in the Zeppelin UI.
 
-4. That's it. Play with Zeppelin !
+4. That's it. Play with Zeppelin!

From 495a07467e5ee89fe5afb636af2cf3d0c9eca401 Mon Sep 17 00:00:00 2001
From: Mina Lee <minalee@nflabs.com>
Date: Sat, 4 Jun 2016 21:44:40 -0700
Subject: [PATCH 08/10] remove old style.css

---
 .../assets/themes/zeppelin/css/style.css.back | 522 ------------------
 1 file changed, 522 deletions(-)
 delete mode 100644 docs/assets/themes/zeppelin/css/style.css.back

diff --git a/docs/assets/themes/zeppelin/css/style.css.back b/docs/assets/themes/zeppelin/css/style.css.back
deleted file mode 100644
index 091d0bbc83b..00000000000
--- a/docs/assets/themes/zeppelin/css/style.css.back
+++ /dev/null
@@ -1,522 +0,0 @@
-/* Move down content because we have a fixed navbar that is 50px tall */
-@import url(//fonts.googleapis.com/css?family=Patua+One);
-
-body {
-  padding-top: 50px;
-  padding-bottom: 20px;
-}
-
-.jumbotron {
-  background: #3071a9;
-}
-
-.navbar-brand {
-  padding-top: 10px;
-  padding-bottom: 10px;
-}
-
-.navbar-brand img {
-  margin: 0;
-}
-
-.navbar {
-  background: #3071a9;
-  border-bottom: 0px;
-  height: 50px;
-}
-
-.navbar-inverse .navbar-nav > li > a {
-  color: white;
-  background: #3071a9;
-}
-
-.navbar-inverse .navbar-nav > li > a:hover,
-.navbar-inverse .navbar-nav > li > a:focus {
-  color: white !important;
-  background: #2C6094 !important;
-}
-
-.navbar-inverse .navbar-collapse.in .navbar-nav .dropdown-menu > li > a:hover,
-.navbar-inverse .navbar-collapse.in .navbar-nav .dropdown-menu > li > a:focus {
-  color: white !important;
-  background: #2C6094 !important;
-}
-
-.navbar-inverse .navbar-collapse.in .navbar-nav .dropdown-menu > li > a {
-  color: white !important;
-}
-
-.navbar-inverse .navbar-collapse.in .navbar-nav .divider {
-  background: #286090;
-}
-
-.navbar-inverse .navbar-nav > li > a.active:hover,
-.navbar-inverse .navbar-nav > li > a.active:focus {
-  text-decoration: none;
-  background: #265380;
-}
-
-.navbar-inverse .navbar-nav > li > a.active {
-  background: #265380;
-}
-
-.navbar-inverse .navbar-brand {
-  color: white;
-  text-decoration: none;
-  font-size: 32px;
-}
-
-.navbar-inverse .navbar-collapse,
-.navbar-inverse .navbar-form {
-  border-color: #265380;
-  background: #3071a9;
-}
-
-@media (max-width: 768px) {
-  .navbar-collapse.in {
-    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
-  }
-
-  .bigFingerButton {
-    margin-top: 12px;
-    display: block;
-    margin-right: auto;
-    margin-left: auto;
-  }
-}
-
-.bigFingerButton {
-  margin-right: 10px;
-}
-
-.navbar-inverse .navbar-toggle {
-  border-color: #265380;
-}
-
-.navbar-inverse .navbar-toggle:hover,
-.navbar-inverse .navbar-toggle:focus {
-  border-color: #265380;
-  background: #265380;
-}
-
-.navbar-inverse .navbar-toggle:focus {
-  outline-width: 0;
-}
-
-/* CUSTOMIZE THE CAROUSEL
--------------------------------------------------- */
-
-/* Carousel base class */
-.carousel {
-  height: 200px;
-  margin-bottom: 10px;
-}
-/* Since positioning the image, we need to help out the caption */
-.carousel-caption {
-  z-index: 10;
-}
-
-/* Declare heights because of positioning of img element */
-.carousel .item {
-  height: 300px;
-}
-
-.carousel-control {
-  background-image: none !important;
-}
-
-.carousel-inner > .item > img {
-  position: absolute;
-  top: 0;
-  left: 0;
-  min-width: 100%;
-  height: 300px;
-}
-
-.carousel-indicators {
-  margin-top: 30px;
-  margin-bottom: 0;
-}
-
-@media screen and (min-width: 768px) {
-  .carousel-indicators {
-    margin-bottom: -60px;
-  }
-  .carousel-caption {
-    padding-bottom: 60px;
-  }
-}
-
-.jumbotron h1,
-.jumbotron p  {
-  color: white;
-}
-
-.jumbotron .thumbnail {
-  margin-top: 0;
-}
-
-.jumbotron.small {
-  padding: 0 0 0 0;
-  color: white;
-}
-
-.jumbotron.small .title{
-  float: left;
-  font-weight: bold;
-  font-size: 20px;
-  height: 30px;
-  margin-right: 20px;
-}
-
-.jumbotron.small .subtitle{
-  font-size: 14px;
-  height: 30px;
-  vertical-align:text-bottom;
-  padding-top:7px;
-}
-
-.jumbotron.small .description{
-  margin-top: 7px;
-}
-
-/* screenshot img inside of doc */
-.screenshot {
-  width: 800px;
-}
-
-/* Table on the index page */
-.table-container {
-  position: absolute;
-}
-
-.table-stack {
-  width: 200px;
-  padding: 5px;
-}
-
-.table-stack table {
-  width: 100%;
-}
-
-.table-stack tr td{
-  border: 1px solid white;
-  height: 40px;
-  background: #6371a9;
-  color: white;
-}
-
-.table-stack .gray {
-  background:#DDDDDD;
-  color:#777777;
-}
-
-/* Table for property */
-.table-configuration {
-    width : 100%;
-    border : 1px solid gray;
-}
-.table-configuration tr td {
-  border: 1px solid gray;
-  padding: 5px;
-}
-.table-configuration tr th {
-  border: 1px solid gray;
-  padding: 5px;
-  background: #B0C4DE;
-}
-
-.rotate270 {
-  width: 15px;
-  padding: 10px 0 0 0;
-  -webkit-transform: rotate(270deg);
-  -moz-transform: rotate(270deg);
-  -ms-transform: rotate(270deg);
-  -o-transform: rotate(270deg);
-  transform: rotate(270deg);
-}
-
-/* Custom container */
-/* <a> */
-.container a {
-    color: #4183C4; }
-a.absent {
-    color: #cc0000; }
-a.anchor {
-    display: block;
-    padding-left: 30px;
-    margin-left: -30px;
-    cursor: pointer;
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0; 
-}
-
-/* <hn> */
-.container h1, h2, h3, h4, h5, h6 {
-    margin: 20px 0 10px;
-    padding: 0;
-    font-weight: bold;
-    -webkit-font-smoothing: antialiased;
-    cursor: text;
-    position: relative; }
-.container h1 {
-    font-size: 30px;
-    color: black; }
-.container h2 {
-    font-size: 28px;
-    padding-top: 5px;
-    padding-bottom: 5px;
-    border-bottom: 1px solid #E5E5E5;}
-.container h3 {
-    font-size: 22px; 
-    padding-top: 5px;
-    padding-bottom: 5px;
-    border-bottom: 1px solid #E5E5E5;}
-.container h4 {
-    font-size: 18px; }
-.container h5 {
-    font-size: 14px; }
-.container h6 {
-    font-size: 14px; 
-    color: #777777;}
-
-/* <li, ul, ol> */
-.container li {
-    margin: 0; }
-.container li p.first {
-    display: inline-block;}
-.container ul :first-child, ol :first-child {
-    margin-top: 0; 
-}
-
-/* <table> */
-  .container table {
-    width : 100%;
-    padding: 0;
-    border-collapse: collapse; }
-.container table tr {
-    border-top: 1px solid #cccccc;
-    background-color: white;
-    margin: 0;
-    padding: 0; }
-.container table tr th {
-    text-align: center;
-    font-weight: bold;
-    border: 1px solid #cccccc;
-    margin: 0;
-    padding: 6px 13px; }
-.container table tr td {
-    border: 1px solid #cccccc;
-    margin: 0;
-    padding: 6px 13px; 
-}
-
-/* <code> */
-.container code{
-    color:#000000;
-    font-size: 90%;
-    font-family: "Menlo", "Lucida Console", monospace;
-    background-color: #f8f8f8;
-    border: 1px solid #cccccc;
-}
-
-/* <pre> */
-.container pre {
-    background-color: #f8f8f8;
-    border: 1px solid #cccccc;
-    line-height: 19px;
-    overflow: auto;
-    padding: 6px 10px;
-    border-radius: 3px;}
-.container pre code {
-    font-size: 95%;
-    margin: 0;
-    padding: 0;
-    white-space: pre;
-    border: none;
-    background: transparent;
-}
-
-/* <blockquote> */
-.container blockquote {
-    border-left: 4px solid #dddddd;
-    padding: 0 15px;
-    color: #777777; }
-.container   blockquote > :first-child {
-    margin-top: 0; }
-.container blockquote > :last-child {
-    margin-bottom: 0; }
-.container blockquote p{
-    font-size: 14px;
-}
-
-/* <p>, <blockquote>, <table>, <pre>, <img> margin */
-.container p, blockquote, table, pre, img {
-    margin: 12px 0; 
-}
-
-.container-narrow {
-  margin: 0 auto;
-}
-
-.container-narrow > hr {
-  margin: 30px 0;
-}
-
-/* posts index */
-.post > h3.title {
-  position: relative;
-  padding-top: 10px;
-}
-
-.post > h3.title span.date {
-  position: absolute;
-  right: 0;
-  font-size: 0.9em;
-}
-
-.post > .more {
-  margin: 10px 0;
-  text-align: left;
-}
-
-/* post-full*/
-.post-full .date {
-  margin-bottom: 20px;
-  font-weight: bold;
-}
-
-/* tag_box */
-.tag_box {
-  list-style: none;
-  margin: 0;
-  overflow: hidden;
-}
-
-.tag_box li {
-  line-height: 28px;
-}
-
-.tag_box li i {
-  opacity: 0.9;
-}
-
-.tag_box.inline li {
-  float: left;
-}
-
-.tag_box a {
-  padding: 3px 6px;
-  margin: 2px;
-  background: #eee;
-  color: #555;
-  border-radius: 3px;
-  text-decoration: none;
-  border: 1px dashed #cccccc;
-}
-
-.tag_box a span {
-  vertical-align: super;
-  font-size: 0.8em;
-}
-
-.tag_box a:hover {
-  background: #e5e5e5;
-}
-
-.tag_box a.active {
-  background: #57A957;
-  border: 1px solid #4c964d;
-  color: white;
-}
-
-.jumbotron h1 {
-  font-family: 'Patua One', cursive;
-}
-
-.jumbotron small {
-  font-size: 60%;
-  color: white;
-}
-
-.navbar-brand {
-  font-family: 'Patua One', cursive;
-}
-
-.navbar-brand small {
-  font-size: 14px;
-  font-family: 'Helvetica Neue', Helvetica;
-  color: white;
-}
-
-.navbar-collapse.collapse {
-  max-height: 50px;
-}
-
-#apache .caret {
-  margin-left: 4px;
-  border-top-color: white;
-}
-
-.navbar-inverse .navbar-nav > .open > a,
-.navbar-inverse .navbar-nav > .open > a:hover,
-.navbar-inverse .navbar-nav > .open > a:focus {
-  color: white;
-  background: #286090;
-}
-
-/* Custom, iPhone Retina */
-@media only screen and (max-width: 480px) {
-  .jumbotron h1 {
-    display: none;
-  }
-
-  .navbar-brand small {
-    display: none;
-    color: white;
-  }
-}
-
-@media only screen and (max-width: 768px) {
-  .navbar .navbar-brand {
-    padding-bottom: 0;
-  }
-}
-
-@media only screen
-and (min-width: 768px)
-and (max-width: 1024px) {
-  .navbar-brand small {
-    display: none;
-  }
-
-  .navbar-collapse.collapse {
-    padding-right: 0;
-  }
-}
-
-/* docs dropdown menu */
-#menu .dropdown-menu li span {
-  padding: 3px 10px 10px 10px;
-  font-size: 13px;
-}
-
-#menu .caret {
-  border-top-color: white;
-  border-bottom-color: white;
-}
-
-#menu .open .caret {
-  border-top-color: #428bca;
-  border-bottom-color: #428bca;
-}
-
-#menu .navbar-brand {
-  margin-right: 50px;
-}
-
-.row img {
-  max-width: 100%;
-}

From 72481bdfc3f13a235ab46b1d9683400a445b0144 Mon Sep 17 00:00:00 2001
From: Mina Lee <minalee@nflabs.com>
Date: Sat, 4 Jun 2016 21:51:03 -0700
Subject: [PATCH 09/10] Update doc titles

---
 docs/displaysystem/html.md           | 2 +-
 docs/displaysystem/text.md           | 2 +-
 docs/quickstart/explorezeppelinui.md | 4 ++--
 docs/quickstart/tutorial.md          | 2 +-
 docs/storage/storage.md              | 1 +
 5 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/docs/displaysystem/html.md b/docs/displaysystem/html.md
index 371017a59ad..c92924182d1 100644
--- a/docs/displaysystem/html.md
+++ b/docs/displaysystem/html.md
@@ -1,6 +1,6 @@
 ---
 layout: page
-title: "Text/Html Display System"
+title: "Html Display System"
 description: ""
 group: display
 ---
diff --git a/docs/displaysystem/text.md b/docs/displaysystem/text.md
index 7c4384e00df..e843f19735d 100644
--- a/docs/displaysystem/text.md
+++ b/docs/displaysystem/text.md
@@ -1,6 +1,6 @@
 ---
 layout: page
-title: "Text/Html Display System"
+title: "Text Display System"
 description: ""
 group: display
 ---
diff --git a/docs/quickstart/explorezeppelinui.md b/docs/quickstart/explorezeppelinui.md
index ef4fd30ab2c..b1235d118da 100644
--- a/docs/quickstart/explorezeppelinui.md
+++ b/docs/quickstart/explorezeppelinui.md
@@ -1,8 +1,8 @@
 ---
 layout: page
-title: "Zeppelin UI Layout"
+title: "Explore Zeppelin UI"
 description: "Description of Zeppelin UI Layout"
-group: ui_layout
+group: quickstart
 ---
 <!--
 Licensed under the Apache License, Version 2.0 (the "License");
diff --git a/docs/quickstart/tutorial.md b/docs/quickstart/tutorial.md
index 2192c220dba..7506b7442b6 100644
--- a/docs/quickstart/tutorial.md
+++ b/docs/quickstart/tutorial.md
@@ -2,7 +2,7 @@
 layout: page
 title: "Tutorial"
 description: "Tutorial is valid for Spark 1.3 and higher"
-group: tutorial
+group: quickstart
 ---
 <!--
 Licensed under the Apache License, Version 2.0 (the "License");
diff --git a/docs/storage/storage.md b/docs/storage/storage.md
index ae2edc3c37c..36aae501c20 100644
--- a/docs/storage/storage.md
+++ b/docs/storage/storage.md
@@ -69,6 +69,7 @@ export ZEPPELIN_NOTEBOOK_S3_USER = username
 ```
 
 Or using the file **zeppelin-site.xml** uncomment and complete the S3 settings:
+
 ```
 <property>
   <name>zeppelin.notebook.s3.bucket</name>

From f9bee9187933c586988a04be4a8d92233c07e173 Mon Sep 17 00:00:00 2001
From: Mina Lee <minalee@nflabs.com>
Date: Sat, 4 Jun 2016 21:54:02 -0700
Subject: [PATCH 10/10] Capitalize hawq

---
 docs/_includes/themes/zeppelin/_navigation.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/_includes/themes/zeppelin/_navigation.html b/docs/_includes/themes/zeppelin/_navigation.html
index 0351a9328b3..179ede8ae1b 100644
--- a/docs/_includes/themes/zeppelin/_navigation.html
+++ b/docs/_includes/themes/zeppelin/_navigation.html
@@ -54,7 +54,7 @@
                 <li><a href="{{BASE_PATH}}/interpreter/livy.html">Livy</a></li>
                 <li><a href="{{BASE_PATH}}/interpreter/markdown.html">Markdown</a></li>
                 <li><a href="{{BASE_PATH}}/interpreter/python.html">Python</a></li>
-                <li><a href="{{BASE_PATH}}/interpreter/postgresql.html">Postgresql, hawq</a></li>
+                <li><a href="{{BASE_PATH}}/interpreter/postgresql.html">Postgresql, HAWQ</a></li>
                 <li><a href="{{BASE_PATH}}/interpreter/r.html">R</a></li>
                 <li><a href="{{BASE_PATH}}/interpreter/scalding.html">Scalding</a></li>
                 <li><a href="{{BASE_PATH}}/pleasecontribute.html">Shell</a></li>