You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@zeppelin.apache.org by bz...@apache.org on 2015/02/09 03:36:57 UTC

svn commit: r1658292 - in /incubator/zeppelin/site: ./ assets/themes/zeppelin/css/ docs/ docs/development/ docs/install/ docs/tutorial/

Author: bzz
Date: Mon Feb  9 02:36:57 2015
New Revision: 1658292

URL: http://svn.apache.org/r1658292
Log:
Zeppelin project website update: asf info, syntax highlight, responsiveness fix

Added:
    incubator/zeppelin/site/assets/themes/zeppelin/css/syntax.css
Modified:
    incubator/zeppelin/site/assets/themes/zeppelin/css/style.css
    incubator/zeppelin/site/atom.xml
    incubator/zeppelin/site/community.html
    incubator/zeppelin/site/docs/development/howtocontribute.html
    incubator/zeppelin/site/docs/development/writingzeppelininterpreter.html
    incubator/zeppelin/site/docs/display.html
    incubator/zeppelin/site/docs/dynamicform.html
    incubator/zeppelin/site/docs/index.html
    incubator/zeppelin/site/docs/install/install.html
    incubator/zeppelin/site/docs/tutorial/tutorial.html
    incubator/zeppelin/site/docs/zeppelincontext.html
    incubator/zeppelin/site/download.html
    incubator/zeppelin/site/index.html
    incubator/zeppelin/site/rss.xml
    incubator/zeppelin/site/screenshots.html

Modified: incubator/zeppelin/site/assets/themes/zeppelin/css/style.css
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/assets/themes/zeppelin/css/style.css?rev=1658292&r1=1658291&r2=1658292&view=diff
==============================================================================
--- incubator/zeppelin/site/assets/themes/zeppelin/css/style.css (original)
+++ incubator/zeppelin/site/assets/themes/zeppelin/css/style.css Mon Feb  9 02:36:57 2015
@@ -10,6 +10,12 @@ body {
     background-color: #3071a9;
 }
 
+.navbar-brand {
+  padding: 12px 12px;
+  padding-top: 15px;
+  padding-bottom: 10px;
+}
+
 .navbar {
  background-color:#3071a9;
  border-bottom:0px;
@@ -23,16 +29,17 @@ body {
 
 .navbar-inverse .navbar-nav > li > a:hover, 
 .navbar-inverse .navbar-nav > li > a:focus {
-  text-decoration: underline;
+  color: #ffffff;
+  background-color: #2C6094;
 }
 .navbar-inverse .navbar-nav > li > a.active:hover, 
 .navbar-inverse .navbar-nav > li > a.active:focus {
   text-decoration: none;
-  background-color:#123456;
+  background-color: #265380;
 }
 
 .navbar-inverse .navbar-nav > li > a.active {
-  background-color:#123456;
+  background-color: #265380;
 }
 
 .navbar-inverse .navbar-brand:hover,
@@ -45,6 +52,43 @@ body {
   font-size: 32px;
 }
 
+.navbar-inverse .navbar-collapse,
+.navbar-inverse .navbar-form {
+  border-color: #265380;
+  background-color: #3071a9;
+}
+
+@media (max-width: 768px) {
+  .navbar-collapse.in {
+    box-shadow: 0px 2px 5px 0px 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-color: #265380;
+}
+
+.navbar-inverse .navbar-toggle:focus {
+  outline-width: 0px;
+}
+
 
 /* CUSTOMIZE THE CAROUSEL
 -------------------------------------------------- */
@@ -246,4 +290,63 @@ body {
 .tag_box a.active {
   background: #57A957;
   border: 1px solid #4c964d;
-  color: #FFF; }
\ No newline at end of file
+  color: #FFF; }
+
+
+.jumbotron h1 {
+  font-family: 'Patua One', cursive; }
+
+.jumbotron small {
+    font-size: 60%;
+    color: #FFF;}
+
+.navbar-brand {
+    font-family: 'Patua One', cursive;
+}
+
+.navbar-brand small {
+    font-size: 60%;
+    color: #FFF; }
+
+.navbar-collapse.collapse {
+    max-height: 50px;}
+
+#apache .caret {
+    margin-left: 4px;
+    border-top-color: #FFF;
+}
+
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .open > a:hover,
+.navbar-inverse .navbar-nav > .open > a:focus {
+  color: #ffffff;
+  background-color: #286090;
+}
+
+/* Custom, iPhone Retina */ 
+@media only screen and (max-width : 480px) {
+  .jumbotron h1 {
+    display: none;
+  }
+  .navbar-brand small {
+      display: none;
+      color: #FFF;
+  }
+}
+
+@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;
+  }
+}

Added: incubator/zeppelin/site/assets/themes/zeppelin/css/syntax.css
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/assets/themes/zeppelin/css/syntax.css?rev=1658292&view=auto
==============================================================================
--- incubator/zeppelin/site/assets/themes/zeppelin/css/syntax.css (added)
+++ incubator/zeppelin/site/assets/themes/zeppelin/css/syntax.css Mon Feb  9 02:36:57 2015
@@ -0,0 +1,60 @@
+.highlight  { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
\ No newline at end of file

Modified: incubator/zeppelin/site/atom.xml
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/atom.xml?rev=1658292&r1=1658291&r2=1658292&view=diff
==============================================================================
--- incubator/zeppelin/site/atom.xml (original)
+++ incubator/zeppelin/site/atom.xml Mon Feb  9 02:36:57 2015
@@ -4,7 +4,7 @@
  <title>Zeppelin</title>
  <link href="http://zeppelin-project.org/" rel="self"/>
  <link href="http://zeppelin-project.org"/>
- <updated>2015-01-10T11:28:59+09:00</updated>
+ <updated>2015-02-09T11:30:34+09:00</updated>
  <id>http://zeppelin-project.org</id>
  <author>
    <name>The Apache Software Foundation</name>

Modified: incubator/zeppelin/site/community.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/community.html?rev=1658292&r1=1658291&r2=1658292&view=diff
==============================================================================
--- incubator/zeppelin/site/community.html (original)
+++ incubator/zeppelin/site/community.html Mon Feb  9 02:36:57 2015
@@ -18,7 +18,7 @@
     <!-- Le styles -->
     <link href="/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
     <link href="/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
-
+    <link href="/assets/themes/zeppelin/css/syntax.css" rel="stylesheet"  type="text/css" media="screen" /> 
     <!-- Le fav and touch icons -->
     <!-- Update these with your own images
     <link rel="shortcut icon" href="images/favicon.ico">
@@ -43,7 +43,10 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" style="font-family: 'Patua One', cursive;" href="/"><img style="margin-top: -7px;s" src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin"> Zeppelin</a>
+          <a class="navbar-brand" href="/">
+            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+            Apache Zeppelin <small>(incubating)</small>
+          </a>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -200,12 +203,23 @@
 
 
             <li><a href="https://github.com/NFLabs/zeppelin">GitHub</a></li>
+            <li id="apache">
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a>
+               <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache Software Foundation</a></li>
+                <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
+                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+            </ul>
+            </li>
           </ul>
         </nav><!--/.navbar-collapse -->
       </div>
     </div>
 
 
+
+
     <div class="container">
       
 <!--<div class="hero-unit Community">
@@ -222,11 +236,12 @@
 <ul>
 <li><a href="http://mail-archives.apache.org/mod_mbox/incubator-zeppelin-users/">users@zeppelin.incubator.apache.org</a> is for usage questions, help, and announcements. <a href="mailto:users-subscribe@zeppelin.incubator.apache.org?subject=send%20this%20email%20to%20subscribe">subscribe</a>,     <a href="mailto:users-unsubscribe@zeppelin.incubator.apache.org?subject=send%20this%20email%20to%20unsubscribe">unsubscribe</a>, <a href="http://mail-archives.apache.org/mod_mbox/incubator-zeppelin-users/">archives</a></li>
 <li><a href="http://mail-archives.apache.org/mod_mbox/incubator-zeppelin-dev/">dev@zeppelin.incubator.apache.org</a> is for people who want to contribute code to Zeppelin. <a href="mailto:dev-subscribe@zeppelin.incubator.apache.org?subject=send%20this%20email%20to%20subscribe">subscribe</a>, <a href="mailto:dev-unsubscribe@zeppelin.incubator.apache.org?subject=send%20this%20email%20to%20unsubscribe">unsubscribe</a>, <a href="http://mail-archives.apache.org/mod_mbox/incubator-zeppelin-dev/">archives</a></li>
+<li><a href="http://mail-archives.apache.org/mod_mbox/incubator-zeppelin-commits/">commits@zeppelin.incubator.apache.org</a> is for commit messages and patches to Zeppelin. <a href="mailto:commits-subscribe@zeppelin.incubator.apache.org?subject=send%20this%20email%20to%20subscribe">subscribe</a>, <a href="mailto:commits-unsubscribe@zeppelin.incubator.apache.org?subject=send%20this%20email%20to%20unsubscribe">unsubscribe</a>, <a href="http://mail-archives.apache.org/mod_mbox/incubator-zeppelin-commits/">archives</a></li>
 </ul>
 
 <h3>Issue tracker</h3>
 
-<p><a href="https://zeppelin-project.atlassian.net/browse/ZEPPELIN">https://zeppelin-project.atlassian.net/browse/ZEPPELIN</a></p>
+<p><a href="https://issues.apache.org/jira/browse/ZEPPELIN">https://issues.apache.org/jira/browse/ZEPPELIN</a></p>
 
   </div>
 </div>
@@ -234,7 +249,7 @@
 
       <hr>
       <footer>
-        <p>&copy; 2015 The Apache Software Foundation</p>
+        <!-- <p>&copy; 2015 The Apache Software Foundation</p>-->
       </footer>
     </div>
 

Modified: incubator/zeppelin/site/docs/development/howtocontribute.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/development/howtocontribute.html?rev=1658292&r1=1658291&r2=1658292&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/development/howtocontribute.html (original)
+++ incubator/zeppelin/site/docs/development/howtocontribute.html Mon Feb  9 02:36:57 2015
@@ -18,7 +18,7 @@
     <!-- Le styles -->
     <link href="/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
     <link href="/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
-
+    <link href="/assets/themes/zeppelin/css/syntax.css" rel="stylesheet"  type="text/css" media="screen" /> 
     <!-- Le fav and touch icons -->
     <!-- Update these with your own images
     <link rel="shortcut icon" href="images/favicon.ico">
@@ -43,7 +43,10 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" style="font-family: 'Patua One', cursive;" href="/"><img style="margin-top: -7px;s" src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin"> Zeppelin</a>
+          <a class="navbar-brand" href="/">
+            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+            Apache Zeppelin <small>(incubating)</small>
+          </a>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -200,12 +203,23 @@
 
 
             <li><a href="https://github.com/NFLabs/zeppelin">GitHub</a></li>
+            <li id="apache">
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a>
+               <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache Software Foundation</a></li>
+                <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
+                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+            </ul>
+            </li>
           </ul>
         </nav><!--/.navbar-collapse -->
       </div>
     </div>
 
 
+
+
     <div class="container">
       
 <!--<div class="hero-unit How to contribute">
@@ -217,8 +231,8 @@
   <div class="col-md-12">
     <h2>IMPORTANT</h2>
 
-<p>Zeppelin is <a href="http://www.apache.org/licenses/LICENSE-2.0.html">Apache2 License</a> Software.
-Contribute to Zeppelin (Source code, Documents, Image, Website) means you agree license all your contributions as Apache2 License.</p>
+<p>Apache Zeppelin (incubating) is an <a href="http://www.apache.org/licenses/LICENSE-2.0.html">Apache2 License</a> Software.
+Any contribution to Zeppelin (Source code, Documents, Image, Website) means you agree license all your contributions as Apache2 License.</p>
 
 <h3>Setting up</h3>
 
@@ -274,7 +288,7 @@ HADOOP_HOME=YOUR_HADOOP_HOME JAVA_HOME=Y
 
 <h3>JIRA</h3>
 
-<p>Zeppelin manages it&#39;s issues in Jira. <a href="https://zeppelin-project.atlassian.net/browse/ZEPPELIN">https://zeppelin-project.atlassian.net/browse/ZEPPELIN</a></p>
+<p>Zeppelin manages it&#39;s issues in Jira. <a href="https://issues.apache.org/jira/browse/ZEPPELIN">https://issues.apache.org/jira/browse/ZEPPELIN</a></p>
 
 <h3>Stay involved</h3>
 
@@ -290,7 +304,7 @@ HADOOP_HOME=YOUR_HADOOP_HOME JAVA_HOME=Y
 
       <hr>
       <footer>
-        <p>&copy; 2015 The Apache Software Foundation</p>
+        <!-- <p>&copy; 2015 The Apache Software Foundation</p>-->
       </footer>
     </div>
 

Modified: incubator/zeppelin/site/docs/development/writingzeppelininterpreter.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/development/writingzeppelininterpreter.html?rev=1658292&r1=1658291&r2=1658292&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/development/writingzeppelininterpreter.html (original)
+++ incubator/zeppelin/site/docs/development/writingzeppelininterpreter.html Mon Feb  9 02:36:57 2015
@@ -18,7 +18,7 @@
     <!-- Le styles -->
     <link href="/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
     <link href="/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
-
+    <link href="/assets/themes/zeppelin/css/syntax.css" rel="stylesheet"  type="text/css" media="screen" /> 
     <!-- Le fav and touch icons -->
     <!-- Update these with your own images
     <link rel="shortcut icon" href="images/favicon.ico">
@@ -43,7 +43,10 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" style="font-family: 'Patua One', cursive;" href="/"><img style="margin-top: -7px;s" src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin"> Zeppelin</a>
+          <a class="navbar-brand" href="/">
+            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+            Apache Zeppelin <small>(incubating)</small>
+          </a>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -200,12 +203,23 @@
 
 
             <li><a href="https://github.com/NFLabs/zeppelin">GitHub</a></li>
+            <li id="apache">
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a>
+               <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache Software Foundation</a></li>
+                <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
+                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+            </ul>
+            </li>
           </ul>
         </nav><!--/.navbar-collapse -->
       </div>
     </div>
 
 
+
+
     <div class="container">
       
 <!--<div class="hero-unit Writing Zeppelin Interpreter">
@@ -268,7 +282,7 @@ println(a)
 
       <hr>
       <footer>
-        <p>&copy; 2015 The Apache Software Foundation</p>
+        <!-- <p>&copy; 2015 The Apache Software Foundation</p>-->
       </footer>
     </div>
 

Modified: incubator/zeppelin/site/docs/display.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/display.html?rev=1658292&r1=1658291&r2=1658292&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/display.html (original)
+++ incubator/zeppelin/site/docs/display.html Mon Feb  9 02:36:57 2015
@@ -18,7 +18,7 @@
     <!-- Le styles -->
     <link href="/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
     <link href="/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
-
+    <link href="/assets/themes/zeppelin/css/syntax.css" rel="stylesheet"  type="text/css" media="screen" /> 
     <!-- Le fav and touch icons -->
     <!-- Update these with your own images
     <link rel="shortcut icon" href="images/favicon.ico">
@@ -43,7 +43,10 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" style="font-family: 'Patua One', cursive;" href="/"><img style="margin-top: -7px;s" src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin"> Zeppelin</a>
+          <a class="navbar-brand" href="/">
+            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+            Apache Zeppelin <small>(incubating)</small>
+          </a>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -200,12 +203,23 @@
 
 
             <li><a href="https://github.com/NFLabs/zeppelin">GitHub</a></li>
+            <li id="apache">
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a>
+               <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache Software Foundation</a></li>
+                <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
+                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+            </ul>
+            </li>
           </ul>
         </nav><!--/.navbar-collapse -->
       </div>
     </div>
 
 
+
+
     <div class="container">
       
 <!--<div class="hero-unit Display">
@@ -264,7 +278,7 @@ However, if output contains some magic k
 
       <hr>
       <footer>
-        <p>&copy; 2015 The Apache Software Foundation</p>
+        <!-- <p>&copy; 2015 The Apache Software Foundation</p>-->
       </footer>
     </div>
 

Modified: incubator/zeppelin/site/docs/dynamicform.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/dynamicform.html?rev=1658292&r1=1658291&r2=1658292&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/dynamicform.html (original)
+++ incubator/zeppelin/site/docs/dynamicform.html Mon Feb  9 02:36:57 2015
@@ -18,7 +18,7 @@
     <!-- Le styles -->
     <link href="/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
     <link href="/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
-
+    <link href="/assets/themes/zeppelin/css/syntax.css" rel="stylesheet"  type="text/css" media="screen" /> 
     <!-- Le fav and touch icons -->
     <!-- Update these with your own images
     <link rel="shortcut icon" href="images/favicon.ico">
@@ -43,7 +43,10 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" style="font-family: 'Patua One', cursive;" href="/"><img style="margin-top: -7px;s" src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin"> Zeppelin</a>
+          <a class="navbar-brand" href="/">
+            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+            Apache Zeppelin <small>(incubating)</small>
+          </a>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -200,12 +203,23 @@
 
 
             <li><a href="https://github.com/NFLabs/zeppelin">GitHub</a></li>
+            <li id="apache">
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a>
+               <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache Software Foundation</a></li>
+                <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
+                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+            </ul>
+            </li>
           </ul>
         </nav><!--/.navbar-collapse -->
       </div>
     </div>
 
 
+
+
     <div class="container">
       
 <!--<div class="hero-unit Dynamic Form">
@@ -280,7 +294,7 @@ Custom lanaugage backend can select whic
 
       <hr>
       <footer>
-        <p>&copy; 2015 The Apache Software Foundation</p>
+        <!-- <p>&copy; 2015 The Apache Software Foundation</p>-->
       </footer>
     </div>
 

Modified: incubator/zeppelin/site/docs/index.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/index.html?rev=1658292&r1=1658291&r2=1658292&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/index.html (original)
+++ incubator/zeppelin/site/docs/index.html Mon Feb  9 02:36:57 2015
@@ -18,7 +18,7 @@
     <!-- Le styles -->
     <link href="/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
     <link href="/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
-
+    <link href="/assets/themes/zeppelin/css/syntax.css" rel="stylesheet"  type="text/css" media="screen" /> 
     <!-- Le fav and touch icons -->
     <!-- Update these with your own images
     <link rel="shortcut icon" href="images/favicon.ico">
@@ -43,7 +43,10 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" style="font-family: 'Patua One', cursive;" href="/"><img style="margin-top: -7px;s" src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin"> Zeppelin</a>
+          <a class="navbar-brand" href="/">
+            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+            Apache Zeppelin <small>(incubating)</small>
+          </a>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -200,12 +203,23 @@
 
 
             <li><a href="https://github.com/NFLabs/zeppelin">GitHub</a></li>
+            <li id="apache">
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a>
+               <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache Software Foundation</a></li>
+                <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
+                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+            </ul>
+            </li>
           </ul>
         </nav><!--/.navbar-collapse -->
       </div>
     </div>
 
 
+
+
     <div class="container">
       
 <!--<div class="hero-unit Docs">
@@ -248,7 +262,7 @@
 
       <hr>
       <footer>
-        <p>&copy; 2015 The Apache Software Foundation</p>
+        <!-- <p>&copy; 2015 The Apache Software Foundation</p>-->
       </footer>
     </div>
 

Modified: incubator/zeppelin/site/docs/install/install.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/install/install.html?rev=1658292&r1=1658291&r2=1658292&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/install/install.html (original)
+++ incubator/zeppelin/site/docs/install/install.html Mon Feb  9 02:36:57 2015
@@ -18,7 +18,7 @@
     <!-- Le styles -->
     <link href="/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
     <link href="/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
-
+    <link href="/assets/themes/zeppelin/css/syntax.css" rel="stylesheet"  type="text/css" media="screen" /> 
     <!-- Le fav and touch icons -->
     <!-- Update these with your own images
     <link rel="shortcut icon" href="images/favicon.ico">
@@ -43,7 +43,10 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" style="font-family: 'Patua One', cursive;" href="/"><img style="margin-top: -7px;s" src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin"> Zeppelin</a>
+          <a class="navbar-brand" href="/">
+            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+            Apache Zeppelin <small>(incubating)</small>
+          </a>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -200,12 +203,23 @@
 
 
             <li><a href="https://github.com/NFLabs/zeppelin">GitHub</a></li>
+            <li id="apache">
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a>
+               <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache Software Foundation</a></li>
+                <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
+                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+            </ul>
+            </li>
           </ul>
         </nav><!--/.navbar-collapse -->
       </div>
     </div>
 
 
+
+
     <div class="container">
       
 <!--<div class="hero-unit Install Zeppelin">
@@ -319,7 +333,7 @@ Note that port <strong>8081</strong> als
 
       <hr>
       <footer>
-        <p>&copy; 2015 The Apache Software Foundation</p>
+        <!-- <p>&copy; 2015 The Apache Software Foundation</p>-->
       </footer>
     </div>
 

Modified: incubator/zeppelin/site/docs/tutorial/tutorial.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/tutorial/tutorial.html?rev=1658292&r1=1658291&r2=1658292&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/tutorial/tutorial.html (original)
+++ incubator/zeppelin/site/docs/tutorial/tutorial.html Mon Feb  9 02:36:57 2015
@@ -18,7 +18,7 @@
     <!-- Le styles -->
     <link href="/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
     <link href="/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
-
+    <link href="/assets/themes/zeppelin/css/syntax.css" rel="stylesheet"  type="text/css" media="screen" /> 
     <!-- Le fav and touch icons -->
     <!-- Update these with your own images
     <link rel="shortcut icon" href="images/favicon.ico">
@@ -43,7 +43,10 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" style="font-family: 'Patua One', cursive;" href="/"><img style="margin-top: -7px;s" src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin"> Zeppelin</a>
+          <a class="navbar-brand" href="/">
+            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+            Apache Zeppelin <small>(incubating)</small>
+          </a>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -200,12 +203,23 @@
 
 
             <li><a href="https://github.com/NFLabs/zeppelin">GitHub</a></li>
+            <li id="apache">
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a>
+               <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache Software Foundation</a></li>
+                <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
+                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+            </ul>
+            </li>
           </ul>
         </nav><!--/.navbar-collapse -->
       </div>
     </div>
 
 
+
+
     <div class="container">
       
 <!--<div class="hero-unit Tutorial">
@@ -230,33 +244,33 @@
 <p>Before you start Zeppelin tutorial, you will need to download <a href="http://archive.ics.uci.edu/ml/machine-learning-databases/00222/bank.zip">bank.zip</a>. </p>
 
 <p>First, to transform data from csv format into RDD of <code>Bank</code> objects, run following script. This will also remove header using <code>filter</code> function.</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">val bankText = sc.textFile(&quot;/Users/mina/Zeppelin/bank/bank-full.csv&quot;)
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="k">val</span> <span class="n">bankText</span> <span class="k">=</span> <span class="n">sc</span><span class="o">.</span><span class="n">textFile</span><span class="o">(</span><span class="s">&quot;/Users/mina/Zeppelin/bank/bank-full.csv&quot;</span><span class="o">)</span>
 
-case class Bank(age:Integer, job:String, marital : String, education : String, balance : Integer)
+<span class="k">case</span> <span class="k">class</span> <span class="nc">Bank</span><span class="o">(</span><span class="n">age</span><span class="k">:</span><span class="kt">Integer</span><span class="o">,</span> <span class="n">job</span><span class="k">:</span><span class="kt">String</span><span class="o">,</span> <span class="n">marital</span> <span class="k">:</span> <span class="kt">String</span><span class="o">,</span> <span class="n">education</span> <span class="k">:</span> <span class="kt">String</span><span class="o">,</span> <span class="n">balance</span> <span class="k">:</span> <span class="kt">Integer</span><span class="o">)</span>
 
-val bank = bankText.map(s=&gt;s.split(&quot;;&quot;)).filter(s=&gt;s(0)!=&quot;\&quot;age\&quot;&quot;).map(
-    s=&gt;Bank(s(0).toInt, 
-            s(1).replaceAll(&quot;\&quot;&quot;, &quot;&quot;),
-            s(2).replaceAll(&quot;\&quot;&quot;, &quot;&quot;),
-            s(3).replaceAll(&quot;\&quot;&quot;, &quot;&quot;),
-            s(5).replaceAll(&quot;\&quot;&quot;, &quot;&quot;).toInt
-        )
-)
+<span class="k">val</span> <span class="n">bank</span> <span class="k">=</span> <span class="n">bankText</span><span class="o">.</span><span class="n">map</span><span class="o">(</span><span class="n">s</span><span class="k">=&gt;</span><span class="n">s</span><span class="o">.</span><span class="n">split</span><span class="o">(</span><span class="s">&quot;;&quot;</span><span class="o">)).</span><span class="n">filter</span><span class="o">(</span><span class="n">s</span><span class="k">=&gt;</span><span class="n">s</span><span class="o">(</span><span class="mi">0</span><span class="o">)!=</span><span class="s">&quot;\&quot;age\&quot;&quot;</span><span class="o">).</span><span class="n">map</span><span class="o">(</span>
+    <span class="n">s</span><span class="k">=&gt;</span><span class="nc">Bank</span><span class="o">(</span><span class="n">s</span><span class="o">(</span><span class="mi">0</span><span class="o">).</span><span class="n">toInt</span><span class="o">,</span> 
+            <span class="n">s</span><span class="o">(</span><span class="mi">1</span><span class="o">).</span><span class="n">replaceAll</span><span class="o">(</span><span class="s">&quot;\&quot;&quot;</span><span class="o">,</span> <span class="s">&quot;&quot;</span><span class="o">),</span>
+            <span class="n">s</span><span class="o">(</span><span class="mi">2</span><span class="o">).</span><span class="n">replaceAll</span><span class="o">(</span><span class="s">&quot;\&quot;&quot;</span><span class="o">,</span> <span class="s">&quot;&quot;</span><span class="o">),</span>
+            <span class="n">s</span><span class="o">(</span><span class="mi">3</span><span class="o">).</span><span class="n">replaceAll</span><span class="o">(</span><span class="s">&quot;\&quot;&quot;</span><span class="o">,</span> <span class="s">&quot;&quot;</span><span class="o">),</span>
+            <span class="n">s</span><span class="o">(</span><span class="mi">5</span><span class="o">).</span><span class="n">replaceAll</span><span class="o">(</span><span class="s">&quot;\&quot;&quot;</span><span class="o">,</span> <span class="s">&quot;&quot;</span><span class="o">).</span><span class="n">toInt</span>
+        <span class="o">)</span>
+<span class="o">)</span>
 
-bank.registerTempTable(&quot;bank&quot;)
+<span class="n">bank</span><span class="o">.</span><span class="n">registerTempTable</span><span class="o">(</span><span class="s">&quot;bank&quot;</span><span class="o">)</span>
 </code></pre></div>
 <p><br /></p>
 
 <h4>Data Retrieval</h4>
 
 <p>Suppose we want to see age distribution from <code>bank</code>. To do this, run:</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">%sql select age, count(1) from bank where age &lt; 30 group by age order by age
+<div class="highlight"><pre><code class="sql language-sql" data-lang="sql"><span class="o">%</span><span class="k">sql</span> <span class="k">select</span> <span class="n">age</span><span class="p">,</span> <span class="k">count</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span> <span class="k">from</span> <span class="n">bank</span> <span class="k">where</span> <span class="n">age</span> <span class="o">&lt;</span> <span class="mi">30</span> <span class="k">group</span> <span class="k">by</span> <span class="n">age</span> <span class="k">order</span> <span class="k">by</span> <span class="n">age</span>
 </code></pre></div>
 <p>You can make input box for setting age condition by replacing <code>30</code> with <code>${maxAge=30}</code>.</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">%sql select age, count(1) from bank where age &lt; ${maxAge=30} group by age order by age
+<div class="highlight"><pre><code class="sql language-sql" data-lang="sql"><span class="o">%</span><span class="k">sql</span> <span class="k">select</span> <span class="n">age</span><span class="p">,</span> <span class="k">count</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span> <span class="k">from</span> <span class="n">bank</span> <span class="k">where</span> <span class="n">age</span> <span class="o">&lt;</span> <span class="err">${</span><span class="n">maxAge</span><span class="o">=</span><span class="mi">30</span><span class="err">}</span> <span class="k">group</span> <span class="k">by</span> <span class="n">age</span> <span class="k">order</span> <span class="k">by</span> <span class="n">age</span>
 </code></pre></div>
 <p>Now we want to see age distribution with certain marital status and add combo box to select marital status. Run:</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">%sql select age, count(1) from bank where marital=&quot;${marital=single,single|divorced|married}&quot; group by age order by age
+<div class="highlight"><pre><code class="sql language-sql" data-lang="sql"><span class="o">%</span><span class="k">sql</span> <span class="k">select</span> <span class="n">age</span><span class="p">,</span> <span class="k">count</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span> <span class="k">from</span> <span class="n">bank</span> <span class="k">where</span> <span class="n">marital</span><span class="o">=</span><span class="ss">&quot;${marital=single,single|divorced|married}&quot;</span> <span class="k">group</span> <span class="k">by</span> <span class="n">age</span> <span class="k">order</span> <span class="k">by</span> <span class="n">age</span>
 </code></pre></div>
 <p><br /></p>
 
@@ -269,54 +283,54 @@ bank.registerTempTable(&quot;bank&quot;)
 <p>In case you run Zeppelin server using IDE not through command-line, make sure that you set JVM arguments as <code>-XX:PermSize=512m -XX:MaxPermSize=512m -Xms256m -Xmx1024m</code> to prevent out of memory exception.</p>
 
 <p>This will create a RDD of <code>Tweet</code> objects and register these stream data as a table:</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">import org.apache.spark.streaming._
-import org.apache.spark.streaming.twitter._
-import org.apache.spark.storage.StorageLevel
-import scala.io.Source
-import scala.collection.mutable.HashMap
-import java.io.File
-import org.apache.log4j.Logger
-import org.apache.log4j.Level
-import sys.process.stringSeqToProcess
-
-/** Configures the Oauth Credentials for accessing Twitter */
-def configureTwitterCredentials(apiKey: String, apiSecret: String, accessToken: String, accessTokenSecret: String) {
-  val configs = new HashMap[String, String] ++= Seq(
-    &quot;apiKey&quot; -&gt; apiKey, &quot;apiSecret&quot; -&gt; apiSecret, &quot;accessToken&quot; -&gt; accessToken, &quot;accessTokenSecret&quot; -&gt; accessTokenSecret)
-  println(&quot;Configuring Twitter OAuth&quot;)
-  configs.foreach{ case(key, value) =&gt;
-    if (value.trim.isEmpty) {
-      throw new Exception(&quot;Error setting authentication - value for &quot; + key + &quot; not set&quot;)
-    }
-    val fullKey = &quot;twitter4j.oauth.&quot; + key.replace(&quot;api&quot;, &quot;consumer&quot;)
-    System.setProperty(fullKey, value.trim)
-    println(&quot;\tProperty &quot; + fullKey + &quot; set as [&quot; + value.trim + &quot;]&quot;)
-  }
-  println()
-}
-
-// Configure Twitter credentials
-val apiKey = &quot;xxxxxxxxxxxxxxxxxxxxxxxxx&quot;
-val apiSecret = &quot;xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&quot;
-val accessToken = &quot;xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&quot;
-val accessTokenSecret = &quot;xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&quot;
-configureTwitterCredentials(apiKey, apiSecret, accessToken, accessTokenSecret)
-
-import org.apache.spark.streaming.twitter._
-val ssc = new StreamingContext(sc, Seconds(2))
-val tweets = TwitterUtils.createStream(ssc, None)
-val twt = tweets.window(Seconds(60))
-
-case class Tweet(createdAt:Long, text:String)
-twt.map(status=&gt;
-  Tweet(status.getCreatedAt().getTime()/1000, status.getText())
-).foreachRDD(rdd=&gt;
-  rdd.registerAsTable(&quot;tweets&quot;)
-)
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="k">import</span> <span class="nn">org.apache.spark.streaming._</span>
+<span class="k">import</span> <span class="nn">org.apache.spark.streaming.twitter._</span>
+<span class="k">import</span> <span class="nn">org.apache.spark.storage.StorageLevel</span>
+<span class="k">import</span> <span class="nn">scala.io.Source</span>
+<span class="k">import</span> <span class="nn">scala.collection.mutable.HashMap</span>
+<span class="k">import</span> <span class="nn">java.io.File</span>
+<span class="k">import</span> <span class="nn">org.apache.log4j.Logger</span>
+<span class="k">import</span> <span class="nn">org.apache.log4j.Level</span>
+<span class="k">import</span> <span class="nn">sys.process.stringSeqToProcess</span>
+
+<span class="cm">/** Configures the Oauth Credentials for accessing Twitter */</span>
+<span class="k">def</span> <span class="n">configureTwitterCredentials</span><span class="o">(</span><span class="n">apiKey</span><span class="k">:</span> <span class="kt">String</span><span class="o">,</span> <span class="n">apiSecret</span><span class="k">:</span> <span class="kt">String</span><span class="o">,</span> <span class="n">accessToken</span><span class="k">:</span> <span class="kt">String</span><span class="o">,</span> <span class="n">accessTokenSecret</span><span class="k">:</span> <span class="kt">String</span><span class="o">)</span> <span class="o">{</span>
+  <span class="k">val</span> <span class="n">configs</span> <span class="k">=</span> <span class="k">new</span> <span class="nc">HashMap</span><span class="o">[</span><span class="kt">String</span>, <span class="kt">String</span><span class="o">]</span> <span class="o">++=</span> <span class="nc">Seq</span><span class="o">(</span>
+    <span class="s">&quot;apiKey&quot;</span> <span class="o">-&gt;</span> <span class="n">apiKey</span><span class="o">,</span> <span class="s">&quot;apiSecret&quot;</span> <span class="o">-&gt;</span> <span class="n">apiSecret</span><span class="o">,</span> <span class="s">&quot;accessToken&quot;</span> <span class="o">-&gt;</span> <span class="n">accessToken</span><span class="o">,</span> <span class="s">&quot;accessTokenSecret&quot;</span> <span class="o">-&gt;</span> <span class="n">accessTokenSecret</span><span class="o">)</span>
+  <span class="n">println</span><span class="o">(</span><span class="s">&quot;Configuring Twitter OAuth&quot;</span><span class="o">)</span>
+  <span class="n">configs</span><span class="o">.</span><span class="n">foreach</span><span class="o">{</span> <span class="k">case</span><span class="o">(</span><span class="n">key</span><span class="o">,</span> <span class="n">value</span><span class="o">)</span> <span class="k">=&gt;</span>
+    <span class="k">if</span> <span class="o">(</span><span class="n">value</span><span class="o">.</span><span class="n">trim</span><span class="o">.</span><span class="n">isEmpty</span><span class="o">)</span> <span class="o">{</span>
+      <span class="k">throw</span> <span class="k">new</span> <span class="nc">Exception</span><span class="o">(</span><span class="s">&quot;Error setting authentication - value for &quot;</span> <span class="o">+</span> <span class="n">key</span> <span class="o">+</span> <span class="s">&quot; not set&quot;</span><span class="o">)</span>
+    <span class="o">}</span>
+    <span class="k">val</span> <span class="n">fullKey</span> <span class="k">=</span> <span class="s">&quot;twitter4j.oauth.&quot;</span> <span class="o">+</span> <span class="n">key</span><span class="o">.</span><span class="n">replace</span><span class="o">(</span><span class="s">&quot;api&quot;</span><span class="o">,</span> <span class="s">&quot;consumer&quot;</span><span class="o">)</span>
+    <span class="nc">System</span><span class="o">.</span><span class="n">setProperty</span><span class="o">(</span><span class="n">fullKey</span><span class="o">,</span> <span class="n">value</span><span class="o">.</span><span class="n">trim</span><span class="o">)</span>
+    <span class="n">println</span><span class="o">(</span><span class="s">&quot;\tProperty &quot;</span> <span class="o">+</span> <span class="n">fullKey</span> <span class="o">+</span> <span class="s">&quot; set as [&quot;</span> <span class="o">+</span> <span class="n">value</span><span class="o">.</span><span class="n">trim</span> <span class="o">+</span> <span class="s">&quot;]&quot;</span><span class="o">)</span>
+  <span class="o">}</span>
+  <span class="n">println</span><span class="o">()</span>
+<span class="o">}</span>
+
+<span class="c1">// Configure Twitter credentials</span>
+<span class="k">val</span> <span class="n">apiKey</span> <span class="k">=</span> <span class="s">&quot;xxxxxxxxxxxxxxxxxxxxxxxxx&quot;</span>
+<span class="k">val</span> <span class="n">apiSecret</span> <span class="k">=</span> <span class="s">&quot;xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&quot;</span>
+<span class="k">val</span> <span class="n">accessToken</span> <span class="k">=</span> <span class="s">&quot;xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&quot;</span>
+<span class="k">val</span> <span class="n">accessTokenSecret</span> <span class="k">=</span> <span class="s">&quot;xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&quot;</span>
+<span class="n">configureTwitterCredentials</span><span class="o">(</span><span class="n">apiKey</span><span class="o">,</span> <span class="n">apiSecret</span><span class="o">,</span> <span class="n">accessToken</span><span class="o">,</span> <span class="n">accessTokenSecret</span><span class="o">)</span>
+
+<span class="k">import</span> <span class="nn">org.apache.spark.streaming.twitter._</span>
+<span class="k">val</span> <span class="n">ssc</span> <span class="k">=</span> <span class="k">new</span> <span class="nc">StreamingContext</span><span class="o">(</span><span class="n">sc</span><span class="o">,</span> <span class="nc">Seconds</span><span class="o">(</span><span class="mi">2</span><span class="o">))</span>
+<span class="k">val</span> <span class="n">tweets</span> <span class="k">=</span> <span class="nc">TwitterUtils</span><span class="o">.</span><span class="n">createStream</span><span class="o">(</span><span class="n">ssc</span><span class="o">,</span> <span class="nc">None</span><span class="o">)</span>
+<span class="k">val</span> <span class="n">twt</span> <span class="k">=</span> <span class="n">tweets</span><span class="o">.</span><span class="n">window</span><span class="o">(</span><span class="nc">Seconds</span><span class="o">(</span><span class="mi">60</span><span class="o">))</span>
+
+<span class="k">case</span> <span class="k">class</span> <span class="nc">Tweet</span><span class="o">(</span><span class="n">createdAt</span><span class="k">:</span><span class="kt">Long</span><span class="o">,</span> <span class="n">text</span><span class="k">:</span><span class="kt">String</span><span class="o">)</span>
+<span class="n">twt</span><span class="o">.</span><span class="n">map</span><span class="o">(</span><span class="n">status</span><span class="k">=&gt;</span>
+  <span class="nc">Tweet</span><span class="o">(</span><span class="n">status</span><span class="o">.</span><span class="n">getCreatedAt</span><span class="o">().</span><span class="n">getTime</span><span class="o">()/</span><span class="mi">1000</span><span class="o">,</span> <span class="n">status</span><span class="o">.</span><span class="n">getText</span><span class="o">())</span>
+<span class="o">).</span><span class="n">foreachRDD</span><span class="o">(</span><span class="n">rdd</span><span class="k">=&gt;</span>
+  <span class="n">rdd</span><span class="o">.</span><span class="n">registerAsTable</span><span class="o">(</span><span class="s">&quot;tweets&quot;</span><span class="o">)</span>
+<span class="o">)</span>
 
-twt.print
+<span class="n">twt</span><span class="o">.</span><span class="n">print</span>
 
-ssc.start()
+<span class="n">ssc</span><span class="o">.</span><span class="n">start</span><span class="o">()</span>
 </code></pre></div>
 <p><br /></p>
 
@@ -325,41 +339,41 @@ ssc.start()
 <p>For each following script, every time you click run button you will see different result since it is based on real-time data.</p>
 
 <p>Let&#39;s begin by extracting maximum 10 tweets which contain the word &quot;girl&quot;.</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">%sql select * from tweets where text like &#39;%girl%&#39; limit 10
+<div class="highlight"><pre><code class="sql language-sql" data-lang="sql"><span class="o">%</span><span class="k">sql</span> <span class="k">select</span> <span class="o">*</span> <span class="k">from</span> <span class="n">tweets</span> <span class="k">where</span> <span class="nb">text</span> <span class="k">like</span> <span class="s1">&#39;%girl%&#39;</span> <span class="k">limit</span> <span class="mi">10</span>
 </code></pre></div>
 <p>This time suppose we want to see how many tweets have been created per sec during last 60 sec. To do this, run:</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">%sql select createdAt, count(1) from tweets group by createdAt order by createdAt
+<div class="highlight"><pre><code class="sql language-sql" data-lang="sql"><span class="o">%</span><span class="k">sql</span> <span class="k">select</span> <span class="n">createdAt</span><span class="p">,</span> <span class="k">count</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span> <span class="k">from</span> <span class="n">tweets</span> <span class="k">group</span> <span class="k">by</span> <span class="n">createdAt</span> <span class="k">order</span> <span class="k">by</span> <span class="n">createdAt</span>
 </code></pre></div>
 <p>You can make user-defined function and use it in Spark SQL. Let&#39;s try it by making function named <code>sentiment</code>. This function will return one of the three attitudes(positive, negative, neutral) towards the parameter.</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">def sentiment(s:String) : String = {
-    val positive = Array(&quot;like&quot;, &quot;love&quot;, &quot;good&quot;, &quot;great&quot;, &quot;happy&quot;, &quot;cool&quot;, &quot;the&quot;, &quot;one&quot;, &quot;that&quot;)
-    val negative = Array(&quot;hate&quot;, &quot;bad&quot;, &quot;stupid&quot;, &quot;is&quot;)
-
-    var st = 0;
-
-    val words = s.split(&quot; &quot;)    
-    positive.foreach(p =&gt;
-        words.foreach(w =&gt;
-            if(p==w) st = st+1
-        )
-    )
-
-    negative.foreach(p=&gt;
-        words.foreach(w=&gt;
-            if(p==w) st = st-1
-        )
-    )
-    if(st&gt;0)
-        &quot;positivie&quot;
-    else if(st&lt;0)
-        &quot;negative&quot;
-    else
-        &quot;neutral&quot;
-}
-sqlc.registerFunction(&quot;sentiment&quot;, sentiment _)
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="k">def</span> <span class="n">sentiment</span><span class="o">(</span><span class="n">s</span><span class="k">:</span><span class="kt">String</span><span class="o">)</span> <span class="k">:</span> <span class="kt">String</span> <span class="o">=</span> <span class="o">{</span>
+    <span class="k">val</span> <span class="n">positive</span> <span class="k">=</span> <span class="nc">Array</span><span class="o">(</span><span class="s">&quot;like&quot;</span><span class="o">,</span> <span class="s">&quot;love&quot;</span><span class="o">,</span> <span class="s">&quot;good&quot;</span><span class="o">,</span> <span class="s">&quot;great&quot;</span><span class="o">,</span> <span class="s">&quot;happy&quot;</span><span class="o">,</span> <span class="s">&quot;cool&quot;</span><span class="o">,</span> <span class="s">&quot;the&quot;</span><span class="o">,</span> <span class="s">&quot;one&quot;</span><span class="o">,</span> <span class="s">&quot;that&quot;</span><span class="o">)</span>
+    <span class="k">val</span> <span class="n">negative</span> <span class="k">=</span> <span class="nc">Array</span><span class="o">(</span><span class="s">&quot;hate&quot;</span><span class="o">,</span> <span class="s">&quot;bad&quot;</span><span class="o">,</span> <span class="s">&quot;stupid&quot;</span><span class="o">,</span> <span class="s">&quot;is&quot;</span><span class="o">)</span>
+
+    <span class="k">var</span> <span class="n">st</span> <span class="k">=</span> <span class="mi">0</span><span class="o">;</span>
+
+    <span class="k">val</span> <span class="n">words</span> <span class="k">=</span> <span class="n">s</span><span class="o">.</span><span class="n">split</span><span class="o">(</span><span class="s">&quot; &quot;</span><span class="o">)</span>    
+    <span class="n">positive</span><span class="o">.</span><span class="n">foreach</span><span class="o">(</span><span class="n">p</span> <span class="k">=&gt;</span>
+        <span class="n">words</span><span class="o">.</span><span class="n">foreach</span><span class="o">(</span><span class="n">w</span> <span class="k">=&gt;</span>
+            <span class="k">if</span><span class="o">(</span><span class="n">p</span><span class="o">==</span><span class="n">w</span><span class="o">)</span> <span class="n">st</span> <span class="k">=</span> <span class="n">st</span><span class="o">+</span><span class="mi">1</span>
+        <span class="o">)</span>
+    <span class="o">)</span>
+
+    <span class="n">negative</span><span class="o">.</span><span class="n">foreach</span><span class="o">(</span><span class="n">p</span><span class="k">=&gt;</span>
+        <span class="n">words</span><span class="o">.</span><span class="n">foreach</span><span class="o">(</span><span class="n">w</span><span class="k">=&gt;</span>
+            <span class="k">if</span><span class="o">(</span><span class="n">p</span><span class="o">==</span><span class="n">w</span><span class="o">)</span> <span class="n">st</span> <span class="k">=</span> <span class="n">st</span><span class="o">-</span><span class="mi">1</span>
+        <span class="o">)</span>
+    <span class="o">)</span>
+    <span class="k">if</span><span class="o">(</span><span class="n">st</span><span class="o">&gt;</span><span class="mi">0</span><span class="o">)</span>
+        <span class="s">&quot;positivie&quot;</span>
+    <span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="n">st</span><span class="o">&lt;</span><span class="mi">0</span><span class="o">)</span>
+        <span class="s">&quot;negative&quot;</span>
+    <span class="k">else</span>
+        <span class="s">&quot;neutral&quot;</span>
+<span class="o">}</span>
+<span class="n">sqlc</span><span class="o">.</span><span class="n">registerFunction</span><span class="o">(</span><span class="s">&quot;sentiment&quot;</span><span class="o">,</span> <span class="n">sentiment</span> <span class="k">_</span><span class="o">)</span>
 </code></pre></div>
 <p>To check how people think about girls using <code>sentiment</code> function we&#39;ve made above, run this:</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">%sql select sentiment(text), count(1) from tweets where text like &#39;%girl%&#39; group by sentiment(text)
+<div class="highlight"><pre><code class="sql language-sql" data-lang="sql"><span class="o">%</span><span class="k">sql</span> <span class="k">select</span> <span class="n">sentiment</span><span class="p">(</span><span class="nb">text</span><span class="p">),</span> <span class="k">count</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span> <span class="k">from</span> <span class="n">tweets</span> <span class="k">where</span> <span class="nb">text</span> <span class="k">like</span> <span class="s1">&#39;%girl%&#39;</span> <span class="k">group</span> <span class="k">by</span> <span class="n">sentiment</span><span class="p">(</span><span class="nb">text</span><span class="p">)</span>
 </code></pre></div>
   </div>
 </div>
@@ -367,7 +381,7 @@ sqlc.registerFunction(&quot;sentiment&qu
 
       <hr>
       <footer>
-        <p>&copy; 2015 The Apache Software Foundation</p>
+        <!-- <p>&copy; 2015 The Apache Software Foundation</p>-->
       </footer>
     </div>
 

Modified: incubator/zeppelin/site/docs/zeppelincontext.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/zeppelincontext.html?rev=1658292&r1=1658291&r2=1658292&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/zeppelincontext.html (original)
+++ incubator/zeppelin/site/docs/zeppelincontext.html Mon Feb  9 02:36:57 2015
@@ -18,7 +18,7 @@
     <!-- Le styles -->
     <link href="/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
     <link href="/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
-
+    <link href="/assets/themes/zeppelin/css/syntax.css" rel="stylesheet"  type="text/css" media="screen" /> 
     <!-- Le fav and touch icons -->
     <!-- Update these with your own images
     <link rel="shortcut icon" href="images/favicon.ico">
@@ -43,7 +43,10 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" style="font-family: 'Patua One', cursive;" href="/"><img style="margin-top: -7px;s" src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin"> Zeppelin</a>
+          <a class="navbar-brand" href="/">
+            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+            Apache Zeppelin <small>(incubating)</small>
+          </a>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -200,12 +203,23 @@
 
 
             <li><a href="https://github.com/NFLabs/zeppelin">GitHub</a></li>
+            <li id="apache">
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a>
+               <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache Software Foundation</a></li>
+                <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
+                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+            </ul>
+            </li>
           </ul>
         </nav><!--/.navbar-collapse -->
       </div>
     </div>
 
 
+
+
     <div class="container">
       
 <!--<div class="hero-unit ZeppelinContext">
@@ -225,56 +239,56 @@ It provies following function and refere
 <h4>SparkContext, SQLContext</h4>
 
 <p>ZeppelinContext provides reference to SparkContext and SQLContext with some shortcut function.</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">/* reference to SparkContext */
-z.sc
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="cm">/* reference to SparkContext */</span>
+<span class="n">z</span><span class="o">.</span><span class="n">sc</span>
 
-/* reference to SQLContext */
-z.sqlContext
+<span class="cm">/* reference to SQLContext */</span>
+<span class="n">z</span><span class="o">.</span><span class="n">sqlContext</span>
 
-/* Shortcut to z.sqlContext.sql() */
-z.sql(&quot;select * from ...&quot;)
+<span class="cm">/* Shortcut to z.sqlContext.sql() */</span>
+<span class="n">z</span><span class="o">.</span><span class="n">sql</span><span class="o">(</span><span class="s">&quot;select * from ...&quot;</span><span class="o">)</span>
 </code></pre></div>
 <p><br /></p>
 
 <h4>Dependency loader (Experimental)</h4>
 
 <p>ZeppelinContext provides series of functions that loads jar library from local FS or Remote Maven repository. Loaded library is automatically added into Scala interpreter and SparkContext.</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">/* Load a library from local FS */
-z.load(&quot;/path/to/your.jar&quot;)
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="cm">/* Load a library from local FS */</span>
+<span class="n">z</span><span class="o">.</span><span class="n">load</span><span class="o">(</span><span class="s">&quot;/path/to/your.jar&quot;</span><span class="o">)</span>
 
-/* Load a library from Maven repository */
-z.load(&quot;groupId:artifactId:version&quot;)
+<span class="cm">/* Load a library from Maven repository */</span>
+<span class="n">z</span><span class="o">.</span><span class="n">load</span><span class="o">(</span><span class="s">&quot;groupId:artifactId:version&quot;</span><span class="o">)</span>
 
-/* Load library from Maven repository with dependencies */
-z.load(&quot;groupId:artifactId:version&quot;, true)
+<span class="cm">/* Load library from Maven repository with dependencies */</span>
+<span class="n">z</span><span class="o">.</span><span class="n">load</span><span class="o">(</span><span class="s">&quot;groupId:artifactId:version&quot;</span><span class="o">,</span> <span class="kc">true</span><span class="o">)</span>
 
-/* Load a library from Local FS and add it into SparkContext */
-z.loadAndDist(&quot;/path/to/your.jar&quot;)
+<span class="cm">/* Load a library from Local FS and add it into SparkContext */</span>
+<span class="n">z</span><span class="o">.</span><span class="n">loadAndDist</span><span class="o">(</span><span class="s">&quot;/path/to/your.jar&quot;</span><span class="o">)</span>
 
-/* Load a library with dependencies from Maven repository and add it into SparkContext*/
-z.loadAndDist(&quot;groupId:artifactId:version&quot;)
+<span class="cm">/* Load a library with dependencies from Maven repository and add it into SparkContext*/</span>
+<span class="n">z</span><span class="o">.</span><span class="n">loadAndDist</span><span class="o">(</span><span class="s">&quot;groupId:artifactId:version&quot;</span><span class="o">)</span>
 
-/* Load library with dependencies from maven repository and add it into SparkContext*/
-z.loadAndDist(&quot;groupId:artifactId:version&quot;, true)
+<span class="cm">/* Load library with dependencies from maven repository and add it into SparkContext*/</span>
+<span class="n">z</span><span class="o">.</span><span class="n">loadAndDist</span><span class="o">(</span><span class="s">&quot;groupId:artifactId:version&quot;</span><span class="o">,</span> <span class="kc">true</span><span class="o">)</span>
 </code></pre></div>
 <p><br /></p>
 
 <h4>Form creation</h4>
 
 <p>ZeppelinContext also provides functions for creating forms. To learn more about dynamic form, checkout <a href="./dynamicform.html">Dynamic Form</a>.</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">/* Create text input form */
-z.input(&quot;formName&quot;)
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="cm">/* Create text input form */</span>
+<span class="n">z</span><span class="o">.</span><span class="n">input</span><span class="o">(</span><span class="s">&quot;formName&quot;</span><span class="o">)</span>
 
-/* Create text input form with default value */
-z.input(&quot;formName&quot;, &quot;defaultValue&quot;)
+<span class="cm">/* Create text input form with default value */</span>
+<span class="n">z</span><span class="o">.</span><span class="n">input</span><span class="o">(</span><span class="s">&quot;formName&quot;</span><span class="o">,</span> <span class="s">&quot;defaultValue&quot;</span><span class="o">)</span>
 
-/* Create select form */
-z.select(&quot;formName&quot;, Seq((&quot;option1&quot;, &quot;option1DisplayName&quot;),
-                         (&quot;option2&quot;, &quot;option2DisplayName&quot;)))
-
-/* Create select form with default value*/
-z.select(&quot;formName&quot;, &quot;option1&quot;, Seq((&quot;option1&quot;, &quot;option1DisplayName&quot;),
-                                    (&quot;option2&quot;, &quot;option2DisplayName&quot;)))
+<span class="cm">/* Create select form */</span>
+<span class="n">z</span><span class="o">.</span><span class="n">select</span><span class="o">(</span><span class="s">&quot;formName&quot;</span><span class="o">,</span> <span class="nc">Seq</span><span class="o">((</span><span class="s">&quot;option1&quot;</span><span class="o">,</span> <span class="s">&quot;option1DisplayName&quot;</span><span class="o">),</span>
+                         <span class="o">(</span><span class="s">&quot;option2&quot;</span><span class="o">,</span> <span class="s">&quot;option2DisplayName&quot;</span><span class="o">)))</span>
+
+<span class="cm">/* Create select form with default value*/</span>
+<span class="n">z</span><span class="o">.</span><span class="n">select</span><span class="o">(</span><span class="s">&quot;formName&quot;</span><span class="o">,</span> <span class="s">&quot;option1&quot;</span><span class="o">,</span> <span class="nc">Seq</span><span class="o">((</span><span class="s">&quot;option1&quot;</span><span class="o">,</span> <span class="s">&quot;option1DisplayName&quot;</span><span class="o">),</span>
+                                    <span class="o">(</span><span class="s">&quot;option2&quot;</span><span class="o">,</span> <span class="s">&quot;option2DisplayName&quot;</span><span class="o">)))</span>
 </code></pre></div>
   </div>
 </div>
@@ -282,7 +296,7 @@ z.select(&quot;formName&quot;, &quot;opt
 
       <hr>
       <footer>
-        <p>&copy; 2015 The Apache Software Foundation</p>
+        <!-- <p>&copy; 2015 The Apache Software Foundation</p>-->
       </footer>
     </div>
 

Modified: incubator/zeppelin/site/download.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/download.html?rev=1658292&r1=1658291&r2=1658292&view=diff
==============================================================================
--- incubator/zeppelin/site/download.html (original)
+++ incubator/zeppelin/site/download.html Mon Feb  9 02:36:57 2015
@@ -18,7 +18,7 @@
     <!-- Le styles -->
     <link href="/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
     <link href="/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
-
+    <link href="/assets/themes/zeppelin/css/syntax.css" rel="stylesheet"  type="text/css" media="screen" /> 
     <!-- Le fav and touch icons -->
     <!-- Update these with your own images
     <link rel="shortcut icon" href="images/favicon.ico">
@@ -43,7 +43,10 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" style="font-family: 'Patua One', cursive;" href="/"><img style="margin-top: -7px;s" src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin"> Zeppelin</a>
+          <a class="navbar-brand" href="/">
+            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+            Apache Zeppelin <small>(incubating)</small>
+          </a>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -200,12 +203,23 @@
 
 
             <li><a href="https://github.com/NFLabs/zeppelin">GitHub</a></li>
+            <li id="apache">
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a>
+               <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache Software Foundation</a></li>
+                <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
+                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+            </ul>
+            </li>
           </ul>
         </nav><!--/.navbar-collapse -->
       </div>
     </div>
 
 
+
+
     <div class="container">
       
 <!--<div class="hero-unit Download">
@@ -258,7 +272,7 @@ Download Download <a onclick="ga('send',
 
       <hr>
       <footer>
-        <p>&copy; 2015 The Apache Software Foundation</p>
+        <!-- <p>&copy; 2015 The Apache Software Foundation</p>-->
       </footer>
     </div>
 

Modified: incubator/zeppelin/site/index.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/index.html?rev=1658292&r1=1658291&r2=1658292&view=diff
==============================================================================
--- incubator/zeppelin/site/index.html (original)
+++ incubator/zeppelin/site/index.html Mon Feb  9 02:36:57 2015
@@ -18,7 +18,7 @@
     <!-- Le styles -->
     <link href="/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
     <link href="/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
-
+    <link href="/assets/themes/zeppelin/css/syntax.css" rel="stylesheet"  type="text/css" media="screen" /> 
     <!-- Le fav and touch icons -->
     <!-- Update these with your own images
     <link rel="shortcut icon" href="images/favicon.ico">
@@ -43,7 +43,10 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" style="font-family: 'Patua One', cursive;" href="/"><img style="margin-top: -7px;s" src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin"> Zeppelin</a>
+          <a class="navbar-brand" href="/">
+            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+            Apache Zeppelin <small>(incubating)</small>
+          </a>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -200,23 +203,35 @@
 
 
             <li><a href="https://github.com/NFLabs/zeppelin">GitHub</a></li>
+            <li id="apache">
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a>
+               <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache Software Foundation</a></li>
+                <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
+                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+            </ul>
+            </li>
           </ul>
         </nav><!--/.navbar-collapse -->
       </div>
     </div>
 
+
 <div class="jumbotron">
   <div class="container">
-    <h1 style="font-family: 'Patua One', cursive;">Zeppelin</h1>
-    <p> A web-based notebook that enables interactive data analytics. <br />
+    <h1>Apache Zeppelin <small>(incubating)</small></h1>
+    <p>A web-based notebook that enables interactive data analytics. <br/>
       You can make beautiful data-driven, interactive and collaborative documents with SQL, Scala and more.
     </p>
-    <p><a href="http://youtu.be/_PQbVH_aO5E" target="_zeppelinVideo" class="btn btn-primary btn-lg" role="button">Watch the video</a> 
-       <a href="./download.html" class="btn btn-primary btn-lg" role="button">Get Zeppelin</a></p>
+    <p><a href="http://youtu.be/_PQbVH_aO5E" target="_zeppelinVideo" class="btn btn-primary btn-lg bigFingerButton" role="button">Watch the video</a>
+
+       <a href="./download.html" class="btn btn-primary btn-lg bigFingerButton" role="button">Get Zeppelin</a></p>
   </div>
 </div>
 
 
+
     <div class="container">
       
 <!--<div class="hero-unit Zeppelin">
@@ -230,7 +245,9 @@
  <div class="col-md-5">
 <h2>Multi-purpose Notebook</h2>
 
-<p style="font-size:16px; color:#555555;font-style:italic;margin-bottom: 15px;">The Notebook is the place for all your needs</p>
+<p style="font-size:16px; color:#555555;font-style:italic;margin-bottom: 15px;">
+  The Notebook is the place for all your needs
+</p>
 <ul style="list-style-type: none;padding-left:10px;" >
   <li style="font-size:20px; margin: 5px;"><span class="glyphicon glyphicon-import"></span> Data Ingestion</li>
   <li style="font-size:20px; margin: 5px;"><span class="glyphicon glyphicon-eye-open"></span> Data Discovery</li>
@@ -249,7 +266,7 @@
 <p>Zeppelin interpreter concept allows any language/data-processing-backend to be plugged into Zeppelin.
 Current languages included in the Zeppelin interpreter are: Scala(with Apache Spark), SparkSQL, Markdown and Shell.</p>
 
-<p><img src="assets/themes/zeppelin/img/screenshots/multiple_language_backend.png" /></p>
+<p><img class="img-responsive" src="assets/themes/zeppelin/img/screenshots/multiple_language_backend.png" /></p>
 
 <p>Adding new language-backend is really simple. Learn <a href="./docs/development/writingzeppelininterpreter.html">how to write a zeppelin interpreter</a>.</p>
 
@@ -292,7 +309,7 @@ Current languages included in the Zeppel
 
 <p>Zeppelin can dynamically create some input forms into your notebook.</p>
 
-<p><img src="./assets/themes/zeppelin/img/screenshots/form_input.png" /></p>
+<p><img class="img-responsive" src="./assets/themes/zeppelin/img/screenshots/form_input.png" /></p>
 
 <p>Learn more about <a href="./docs/dynamicform.html">Dynamic Forms</a>.</p>
 
@@ -311,18 +328,18 @@ Current languages included in the Zeppel
 <p>Zeppelin provides an URL to display the result only, that page does not include Zeppelin's menu and buttons.
 This way, you can easily embed it as an iframe inside of your website.</p>
 
-<div style="margin:auto;text-align:center;">
-  <img src="./assets/themes/zeppelin/img/screenshots/publish.png" />
+<div class="row">
+  <img class="img-responsive center-block" src="./assets/themes/zeppelin/img/screenshots/publish.png" />
 </div>
 
 <p><br /></p>
 
 <h3>100% Opensource</h3>
 
-<p>Zeppelin is Apache2 Licensed software. Checkout the <a href="https://github.com/NFLabs/zeppelin">source repository</a> and <a href="./docs/development/howtocontribute.html">How to contribute</a></p>
+<p>Apache Zeppelin (incubating) is Apache2 Licensed software. Please check out the <a href="https://github.com/NFLabs/zeppelin">source repository</a> and <a href="./docs/development/howtocontribute.html">How to contribute</a></p>
 
 <p>Zeppelin has a very active development community.
-Join the <a href="./community.html">Mailing list</a> and report issues on our <a href="https://zeppelin-project.atlassian.net/browse/ZEPPELIN">Issue tracker</a>.</p>
+Join the <a href="./community.html">Mailing list</a> and report issues on our <a href="https://issues.apache.org/jira/browse/ZEPPELIN">Issue tracker</a>.</p>
 
   </div>
 </div>
@@ -330,7 +347,7 @@ Join the <a href="./community.html">Mail
 
       <hr>
       <footer>
-        <p>&copy; 2015 The Apache Software Foundation</p>
+        <!-- <p>&copy; 2015 The Apache Software Foundation</p>-->
       </footer>
     </div>
 

Modified: incubator/zeppelin/site/rss.xml
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/rss.xml?rev=1658292&r1=1658291&r2=1658292&view=diff
==============================================================================
--- incubator/zeppelin/site/rss.xml (original)
+++ incubator/zeppelin/site/rss.xml Mon Feb  9 02:36:57 2015
@@ -5,8 +5,8 @@
         <description>Zeppelin - The Apache Software Foundation</description>
         <link>http://zeppelin-project.org</link>
         <link>http://zeppelin-project.org</link>
-        <lastBuildDate>2015-01-10T11:28:59+09:00</lastBuildDate>
-        <pubDate>2015-01-10T11:28:59+09:00</pubDate>
+        <lastBuildDate>2015-02-09T11:30:34+09:00</lastBuildDate>
+        <pubDate>2015-02-09T11:30:34+09:00</pubDate>
         <ttl>1800</ttl>
 
 

Modified: incubator/zeppelin/site/screenshots.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/screenshots.html?rev=1658292&r1=1658291&r2=1658292&view=diff
==============================================================================
--- incubator/zeppelin/site/screenshots.html (original)
+++ incubator/zeppelin/site/screenshots.html Mon Feb  9 02:36:57 2015
@@ -18,7 +18,7 @@
     <!-- Le styles -->
     <link href="/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
     <link href="/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
-
+    <link href="/assets/themes/zeppelin/css/syntax.css" rel="stylesheet"  type="text/css" media="screen" /> 
     <!-- Le fav and touch icons -->
     <!-- Update these with your own images
     <link rel="shortcut icon" href="images/favicon.ico">
@@ -43,7 +43,10 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" style="font-family: 'Patua One', cursive;" href="/"><img style="margin-top: -7px;s" src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin"> Zeppelin</a>
+          <a class="navbar-brand" href="/">
+            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+            Apache Zeppelin <small>(incubating)</small>
+          </a>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -200,12 +203,23 @@
 
 
             <li><a href="https://github.com/NFLabs/zeppelin">GitHub</a></li>
+            <li id="apache">
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a>
+               <ul class="dropdown-menu">
+                <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache Software Foundation</a></li>
+                <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
+                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+                <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+            </ul>
+            </li>
           </ul>
         </nav><!--/.navbar-collapse -->
       </div>
     </div>
 
 
+
+
     <div class="container">
       
 <!--<div class="hero-unit Screenshots">
@@ -248,7 +262,7 @@
 
       <hr>
       <footer>
-        <p>&copy; 2015 The Apache Software Foundation</p>
+        <!-- <p>&copy; 2015 The Apache Software Foundation</p>-->
       </footer>
     </div>