You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@zeppelin.apache.org by ah...@apache.org on 2017/02/16 01:31:52 UTC

svn commit: r1783165 [1/3] - in /zeppelin/site/docs/0.8.0-SNAPSHOT: ./ assets/themes/zeppelin/css/ assets/themes/zeppelin/img/docs-img/ development/ displaysystem/ install/ interpreter/ manual/ quickstart/ rest-api/ security/ storage/

Author: ahyoungryu
Date: Thu Feb 16 01:31:50 2017
New Revision: 1783165

URL: http://svn.apache.org/viewvc?rev=1783165&view=rev
Log: (empty)

Added:
    zeppelin/site/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/img/docs-img/writing_spell_registered.png   (with props)
    zeppelin/site/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/img/docs-img/writing_spell_using.gif   (with props)
    zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html
Modified:
    zeppelin/site/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/css/style.css
    zeppelin/site/docs/0.8.0-SNAPSHOT/atom.xml
    zeppelin/site/docs/0.8.0-SNAPSHOT/development/howtocontribute.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/development/howtocontributewebsite.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/displaysystem/back-end-angular.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/displaysystem/basicdisplaysystem.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/displaysystem/front-end-angular.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/index.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/install/build.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/install/cdh.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/install/configuration.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/install/docker.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/install/install.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/install/spark_cluster_mode.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/install/upgrade.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/install/virtual_machine.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/install/yarn_install.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/alluxio.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/beam.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/bigquery.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/cassandra.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/elasticsearch.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/flink.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/geode.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/hbase.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/hdfs.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/hive.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/ignite.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/jdbc.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/kylin.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/lens.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/livy.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/mahout.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/markdown.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/pig.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/postgresql.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/python.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/r.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/scalding.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/scio.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/shell.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/spark.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/manual/dependencymanagement.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/manual/dynamicform.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/manual/dynamicinterpreterload.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/manual/interpreterexechooks.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/manual/interpreterinstallation.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/manual/interpreters.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/manual/notebookashomepage.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/manual/publish.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/manual/userimpersonation.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/pleasecontribute.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/quickstart/explorezeppelinui.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/quickstart/install_with_flink_and_spark_cluster.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/quickstart/tutorial.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/rest-api/rest-configuration.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/rest-api/rest-credential.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/rest-api/rest-helium.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/rest-api/rest-interpreter.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/rest-api/rest-notebook.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/rss.xml
    zeppelin/site/docs/0.8.0-SNAPSHOT/screenshots.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/search.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/search_data.json
    zeppelin/site/docs/0.8.0-SNAPSHOT/security/authentication.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/security/datasource_authorization.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/security/notebook_authorization.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/security/shiroauthentication.html
    zeppelin/site/docs/0.8.0-SNAPSHOT/sitemap.txt
    zeppelin/site/docs/0.8.0-SNAPSHOT/storage/storage.html

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/css/style.css
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/css/style.css?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/css/style.css (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/css/style.css Thu Feb 16 01:31:50 2017
@@ -79,7 +79,7 @@ body {
   padding-bottom: 10px;
 }
 
-.navbar-brand img {
+.navbar-brand-main img {
   margin: 0;
 }
 
@@ -124,7 +124,7 @@ body {
   background: #265380;
 }
 
-.navbar-inverse .navbar-brand {
+.navbar-inverse .navbar-brand-main {
   color: white;
   text-decoration: none;
   font-size: 32px;
@@ -452,10 +452,19 @@ a.anchor {
 }
 .content table th,
 .content table td {
-  padding: 0.5rem 1rem;
+  padding: 0.7rem 1rem;
   border: 1px solid #e9ebec;
 }
 
+.properties {
+  font-size: 12.5px !important;
+  font-weight: normal;
+  color: #4c555a !important;
+  margin-bottom: 0px;
+}
+
+
+
 /* posts index */
 .post > h3.title {
   position: relative;
@@ -523,17 +532,10 @@ a.anchor {
   color: white;
 }
 
-.navbar-brand {
+.navbar-brand-main {
   font-family: 'Patua One', cursive;
 }
 
-.navbar-brand small {
-  font-size: 14px;
-  font-family: 'Open Sans', 'Helvetica Neue', Helvetica;
-  color: white;
-  vertical-align: bottom;
-}
-
 .navbar-collapse.collapse {
   max-height: 50px;
 }
@@ -597,14 +599,14 @@ a.anchorjs-link:hover { text-decoration:
   .jumbotron h1 {
     display: none;
   }
-  .navbar-brand small {
+  .navbar-brand-version small {
     display: none;
     color: white;
   }
 }
 
 @media only screen and (max-width: 768px) {
-  .navbar .navbar-brand {
+  .navbar .navbar-brand-main {
     padding-bottom: 0;
   }
 }
@@ -612,7 +614,7 @@ a.anchorjs-link:hover { text-decoration:
 @media only screen
 and (min-width: 768px)
 and (max-width: 1024px) {
-  .navbar-brand small {
+  .navbar-brand-version small {
     display: none;
   }
 
@@ -646,8 +648,21 @@ and (max-width: 1024px) {
   border-bottom-color: #428bca;
 }
 
-#menu .navbar-brand {
+#menu .navbar-brand-version {
   margin-right: 50px;
+  text-decoration: none !important;
+}
+
+#menu .navbar-brand-version span {
+  float: none;
+  display: inline-block;
+  vertical-align: bottom;
+}
+
+#menu .navbar-brand-version small {
+  font-size: 14px;
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica;
+  color: white;
 }
 
 /* gh-pages branch docs dropdown menu */

Added: zeppelin/site/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/img/docs-img/writing_spell_registered.png
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/img/docs-img/writing_spell_registered.png?rev=1783165&view=auto
==============================================================================
Binary file - no diff available.

Propchange: zeppelin/site/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/img/docs-img/writing_spell_registered.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: zeppelin/site/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/img/docs-img/writing_spell_using.gif
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/img/docs-img/writing_spell_using.gif?rev=1783165&view=auto
==============================================================================
Binary file - no diff available.

Propchange: zeppelin/site/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/img/docs-img/writing_spell_using.gif
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/atom.xml
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/atom.xml?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/atom.xml (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/atom.xml Thu Feb 16 01:31:50 2017
@@ -4,7 +4,7 @@
  <title>Apache Zeppelin</title>
  <link href="http://zeppelin.apache.org/" rel="self"/>
  <link href="http://zeppelin.apache.org"/>
- <updated>2017-02-07T14:01:50+09:00</updated>
+ <updated>2017-02-16T10:27:21+09:00</updated>
  <id>http://zeppelin.apache.org</id>
  <author>
    <name>The Apache Software Foundation</name>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/development/howtocontribute.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/development/howtocontribute.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/development/howtocontribute.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/development/howtocontribute.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/development/howtocontributewebsite.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/development/howtocontributewebsite.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/development/howtocontributewebsite.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/development/howtocontributewebsite.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Added: zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html?rev=1783165&view=auto
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html (added)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html Thu Feb 16 01:31:50 2017
@@ -0,0 +1,433 @@
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Apache Zeppelin 0.8.0-SNAPSHOT Documentation: Writing a new Spell(Experimental)</title>
+    <meta name="description" content="Spell is a kind of interpreter that runs on browser not on backend. So, technically it's the frontend interpreter. ">
+    <meta name="author" content="The Apache Software Foundation">
+
+    <!-- Enable responsive viewport -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+    <!--[if lt IE 9]>
+    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+
+    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
+
+    <!-- Le styles -->
+    <link href="/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
+    <link href="/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
+    <link href="/docs/0.8.0-SNAPSHOT/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">
+    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
+    -->
+
+    <!-- Js -->
+    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
+    <script src="/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
+    <script src="/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
+    <script src="/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
+    <script src="/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/js/lunr.min.js"></script>
+    <script src="/docs/0.8.0-SNAPSHOT/assets/themes/zeppelin/js/search.js"></script>    
+
+    <!-- atom & rss feed -->
+    <link href="/docs/0.8.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
+    <link href="/docs/0.8.0-SNAPSHOT/rss.xml" type="application/rss+xml" rel="alternate" title="Sitewide RSS Feed">
+  </head>
+
+  <body>
+    
+        <div id="menu" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+      <div class="container">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
+        </div>
+        <nav class="navbar-collapse collapse" role="navigation">
+          <ul class="nav navbar-nav">
+            <li>
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Quick Start <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="/docs/0.8.0-SNAPSHOT/index.html">What is Apache Zeppelin ?</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span><b>Getting Started</b><span></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/install/install.html">Install</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/install/configuration.html">Configuration</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/quickstart/explorezeppelinui.html">Explore Zeppelin UI</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/quickstart/tutorial.html">Tutorial</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span><b>Basic Feature Guide</b><span></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/manual/dynamicform.html">Dynamic Form</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/manual/publish.html">Publish your Paragraph</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/manual/notebookashomepage.html">Customize Zeppelin Homepage</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span><b>More</b><span></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/install/upgrade.html">Upgrade Zeppelin Version</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/install/build.html">Build from source</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/quickstart/install_with_flink_and_spark_cluster.html">Install Zeppelin with Flink and Spark Clusters Tutorial</a></li>
+              </ul>
+            </li>
+            <li>
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Interpreter <b class="caret"></b></a>
+              <ul class="dropdown-menu scrollable-menu">
+                <li><a href="/docs/0.8.0-SNAPSHOT/manual/interpreters.html">Overview</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span><b>Usage</b><span></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/manual/interpreterinstallation.html">Interpreter Installation</a></li>
+                <!--<li><a href="/docs/0.8.0-SNAPSHOT/manual/dynamicinterpreterload.html">Dynamic Interpreter Loading</a></li>-->
+                <li><a href="/docs/0.8.0-SNAPSHOT/manual/dependencymanagement.html">Interpreter Dependency Management</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/manual/userimpersonation.html">Interpreter User Impersonation</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/manual/interpreterexechooks.html">Interpreter Execution Hooks (Experimental)</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span><b>Available Interpreters</b><span></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/alluxio.html">Alluxio</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/beam.html">Beam</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/bigquery.html">BigQuery</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/cassandra.html">Cassandra</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/elasticsearch.html">Elasticsearch</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/flink.html">Flink</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/geode.html">Geode</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/hbase.html">HBase</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/hdfs.html">HDFS</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/hive.html">Hive</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/ignite.html">Ignite</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/jdbc.html">JDBC</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/kylin.html">Kylin</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/lens.html">Lens</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/livy.html">Livy</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/markdown.html">Markdown</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/pig.html">Pig</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/python.html">Python</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/postgresql.html">Postgresql, HAWQ</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/r.html">R</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/scalding.html">Scalding</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/scio.html">Scio</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/shell.html">Shell</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/interpreter/spark.html">Spark</a></li>
+              </ul>
+            </li>
+            <li>
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Display System <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li class="title"><span><b>Basic Display System</b><span></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/displaysystem/basicdisplaysystem.html#text">Text</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/displaysystem/basicdisplaysystem.html#html">Html</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/displaysystem/basicdisplaysystem.html#table">Table</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span><b>Angular API</b><span></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/displaysystem/back-end-angular.html">Angular (backend API)</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/displaysystem/front-end-angular.html">Angular (frontend API)</a></li>
+              </ul>
+            </li>
+            <li>
+              <a href="#" data-toggle="dropdown" class="dropdown-toggle">More<b class="caret"></b></a>
+              <ul class="dropdown-menu scrollable-menu" style="right: 0; left: auto;">
+                <li class="title"><span><b>Notebook Storage</b><span></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/storage/storage.html#notebook-storage-in-local-git-repository">Git Storage</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/storage/storage.html#notebook-storage-in-s3">S3 Storage</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/storage/storage.html#notebook-storage-in-azure">Azure Storage</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/storage/storage.html#storage-in-zeppelinhub">ZeppelinHub Storage</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span><b>REST API</b><span></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/rest-api/rest-interpreter.html">Interpreter API</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/rest-api/rest-notebook.html">Notebook API</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/rest-api/rest-configuration.html">Configuration API</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/rest-api/rest-credential.html">Credential API</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/rest-api/rest-helium.html">Helium API</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span><b>Security</b><span></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/security/shiroauthentication.html">Shiro Authentication</a></li>                
+                <li><a href="/docs/0.8.0-SNAPSHOT/security/notebook_authorization.html">Notebook Authorization</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/security/datasource_authorization.html">Data Source Authorization</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span><b>Advanced</b><span></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/install/virtual_machine.html">Zeppelin on Vagrant VM</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/install/spark_cluster_mode.html#spark-standalone-mode">Zeppelin on Spark Cluster Mode (Standalone)</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/install/spark_cluster_mode.html#spark-on-yarn-mode">Zeppelin on Spark Cluster Mode (YARN)</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/install/spark_cluster_mode.html#spark-on-mesos-mode">Zeppelin on Spark Cluster Mode (Mesos)</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/install/cdh.html">Zeppelin on CDH</a></li>
+                <li role="separator" class="divider"></li>
+                <li class="title"><span><b>Contibute</b><span></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontributewebsite.html">How to contribute (website)</a></li>
+              </ul>
+            </li>
+            <li>
+              <a href="/docs/0.8.0-SNAPSHOT/search.html" class="nav-search-link">
+                <span class="fa fa-search nav-search-icon"></span>
+              </a>
+            </li>
+          </ul>
+        </nav><!--/.navbar-collapse -->
+      </div>
+    </div>
+
+
+
+    <div class="content">
+      
+<!--<div class="hero-unit Writing a new Spell(Experimental)">
+  <h1></h1>
+</div>
+-->
+
+<div class="row">
+  <div class="col-md-12">
+    <!--
+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.
+-->
+
+<h1>Writing a new Spell (Experimental)</h1>
+
+<div id="toc"></div>
+
+<h2>What is Apache Zeppelin Spell</h2>
+
+<p>Spell is a kind of interpreter that runs on browser not on backend. So, technically it&#39;s the frontend interpreter. 
+It can provide many benefits.</p>
+
+<ul>
+<li>Spell is pluggable frontend interpreter. So it can be installed and removed easily using helium registry. </li>
+<li>Every spell is written in javascript. It means you can use existing javascript libraries whatever you want.</li>
+<li>Spell runs on browser like display system (<code>%html</code>, <code>%table</code>). In other words, every spell can be used as display system as well.</li>
+</ul>
+
+<h2>How it works</h2>
+
+<p>Helium Spell works like <a href="./writingzeppelinvisualization.html">Helium Visualization</a>.</p>
+
+<ul>
+<li>Every helium packages are loaded from central (online) registry or local registry</li>
+<li>You can see loaded packages in <code>/helium</code> page.</li>
+<li>When you enable a spell, it&#39;s built from server and sent to client</li>
+<li>Finally it will be loaded into browser.</li>
+</ul>
+
+<h2>How to use spell</h2>
+
+<h3>1. Enabling</h3>
+
+<p>Find a spell what you want to use in <code>/helium</code> package and click <code>Enable</code> button.</p>
+
+<p><img class="img-responsive" style="width:70%" src="../assets/themes/zeppelin/img/docs-img/writing_spell_registered.png" /></p>
+
+<h3>2. Using</h3>
+
+<p>Spell works like an interpreter. Use the <code>MAGIC</code> value to execute spell in a note. (you might need to refresh after enabling)
+For example, Use <code>%echo</code> for the Echo Spell.</p>
+
+<p><img class="img-responsive" style="width:70%" src="../assets/themes/zeppelin/img/docs-img/writing_spell_using.gif" /></p>
+
+<h2>Write a new Spell</h2>
+
+<p>Making a new spell is similar to <a href="./writingzeppelinvisualization.html#write-new-visualization">Helium Visualization#write-new-visualization</a>.</p>
+
+<ul>
+<li>Add framework dependency called zeppelin-spell into <code>package.json</code></li>
+<li>Write code using framework</li>
+<li>Publish your spell to <a href="%22https://www.npmjs.com/%22">npm</a></li>
+</ul>
+
+<h3>1. Create a npm package</h3>
+
+<p>Create a <a href="https://docs.npmjs.com/files/package.json">package.json</a> in new directory for spell. </p>
+
+<ul>
+<li>You have to add a framework called <code>zeppelin-spell</code> as a dependency to create spell (<a href="https://github.com/apache/zeppelin/tree/master/zeppelin-web/src/app/spell">zeppelin-spell</a>)</li>
+<li>Also, you can add any dependencies you want to utilise.</li>
+</ul>
+
+<p>Here&#39;s an example</p>
+<div class="highlight"><pre><code class="text language-text" data-lang="text">{
+  &quot;name&quot;: &quot;zeppelin-echo-spell&quot;,
+  &quot;description&quot;: &quot;Zeppelin Echo Spell (example)&quot;,
+  &quot;version&quot;: &quot;1.0.0&quot;,
+  &quot;main&quot;: &quot;index&quot;,
+  &quot;author&quot;: &quot;&quot;,
+  &quot;license&quot;: &quot;Apache-2.0&quot;,
+  &quot;dependencies&quot;: {
+    &quot;zeppelin-spell&quot;: &quot;*&quot;
+  },
+  &quot;helium&quot;: {
+    &quot;icon&quot; : &quot;&lt;i class=&#39;fa fa-repeat&#39;&gt;&lt;/i&gt;&quot;,
+    &quot;spell&quot;: {
+      &quot;magic&quot;: &quot;%echo&quot;,
+      &quot;usage&quot;: &quot;%echo &lt;TEXT&gt;&quot;
+    }
+  }
+}
+</code></pre></div>
+<h3>2. Write spell using framework</h3>
+
+<p>Here are some examples you can refer</p>
+
+<ul>
+<li><a href="https://github.com/apache/zeppelin/blob/master/zeppelin-examples/zeppelin-example-spell-echo/index.js">Echo Spell</a></li>
+<li><a href="https://github.com/apache/zeppelin/blob/master/zeppelin-examples/zeppelin-example-spell-markdown/index.js">Markdown Spell: Using library</a></li>
+<li><a href="https://github.com/apache/zeppelin/blob/master/zeppelin-examples/zeppelin-example-spell-flowchart/index.js">Flowchart Spell: Using DOM</a></li>
+<li><a href="https://github.com/apache/zeppelin/blob/master/zeppelin-examples/zeppelin-example-spell-translator/index.js">Google Translation API Spell: Using API (returning promise)</a></li>
+</ul>
+
+<p>Now, you need to write code to create spell which processing text.</p>
+<div class="highlight"><pre><code class="javascript language-javascript" data-lang="javascript"><span class="kr">import</span> <span class="p">{</span>
+    <span class="nx">SpellBase</span><span class="p">,</span>
+    <span class="nx">SpellResult</span><span class="p">,</span>
+    <span class="nx">DefaultDisplayType</span><span class="p">,</span>
+<span class="p">}</span> <span class="nx">from</span> <span class="s1">&#39;zeppelin-spell&#39;</span><span class="p">;</span>
+
+<span class="kr">export</span> <span class="k">default</span> <span class="kr">class</span> <span class="nx">EchoSpell</span> <span class="kr">extends</span> <span class="nx">SpellBase</span> <span class="p">{</span>
+    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span>
+        <span class="cm">/** pass magic to super class&#39;s constructor parameter */</span>
+        <span class="kr">super</span><span class="p">(</span><span class="s2">&quot;%echo&quot;</span><span class="p">);</span>
+    <span class="p">}</span>
+
+    <span class="nx">interpret</span><span class="p">(</span><span class="nx">paragraphText</span><span class="p">)</span> <span class="p">{</span>
+        <span class="kr">const</span> <span class="nx">processed</span> <span class="o">=</span> <span class="nx">paragraphText</span> <span class="o">+</span> <span class="s1">&#39;!&#39;</span><span class="p">;</span>
+
+        <span class="cm">/** </span>
+<span class="cm">         * should return `SpellResult` which including `data` and `type`</span>
+<span class="cm">         * default type is `TEXT` if you don&#39;t specify.  </span>
+<span class="cm">         */</span>
+        <span class="k">return</span> <span class="k">new</span> <span class="nx">SpellResult</span><span class="p">(</span><span class="nx">processed</span><span class="p">);</span>
+    <span class="p">}</span>
+<span class="p">}</span>
+</code></pre></div>
+<p>Here is another example. Let&#39;s say we want to create markdown spell. First of all, we should add a dependency for markdown in package.json</p>
+<div class="highlight"><pre><code class="text language-text" data-lang="text">// package.json
+ &quot;dependencies&quot;: {
+    &quot;markdown&quot;: &quot;0.5.0&quot;,
+    &quot;zeppelin-spell&quot;: &quot;*&quot;
+  },
+</code></pre></div>
+<p>And here is spell code.</p>
+<div class="highlight"><pre><code class="javascript language-javascript" data-lang="javascript"><span class="kr">import</span> <span class="p">{</span>
+    <span class="nx">SpellBase</span><span class="p">,</span>
+    <span class="nx">SpellResult</span><span class="p">,</span>
+    <span class="nx">DefaultDisplayType</span><span class="p">,</span>
+<span class="p">}</span> <span class="nx">from</span> <span class="s1">&#39;zeppelin-spell&#39;</span><span class="p">;</span>
+
+<span class="kr">import</span> <span class="nx">md</span> <span class="nx">from</span> <span class="s1">&#39;markdown&#39;</span><span class="p">;</span>
+
+<span class="kr">const</span> <span class="nx">markdown</span> <span class="o">=</span> <span class="nx">md</span><span class="p">.</span><span class="nx">markdown</span><span class="p">;</span>
+
+<span class="kr">export</span> <span class="k">default</span> <span class="kr">class</span> <span class="nx">MarkdownSpell</span> <span class="kr">extends</span> <span class="nx">SpellBase</span> <span class="p">{</span>
+    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span>
+        <span class="kr">super</span><span class="p">(</span><span class="s2">&quot;%markdown&quot;</span><span class="p">);</span>
+    <span class="p">}</span>
+
+    <span class="nx">interpret</span><span class="p">(</span><span class="nx">paragraphText</span><span class="p">)</span> <span class="p">{</span>
+        <span class="kr">const</span> <span class="nx">parsed</span> <span class="o">=</span> <span class="nx">markdown</span><span class="p">.</span><span class="nx">toHTML</span><span class="p">(</span><span class="nx">paragraphText</span><span class="p">);</span>
+
+        <span class="cm">/**</span>
+<span class="cm">         * specify `DefaultDisplayType.HTML` since `parsed` will contain DOM</span>
+<span class="cm">         * otherwise it will be rendered as `DefaultDisplayType.TEXT` (default)</span>
+<span class="cm">         */</span>
+        <span class="k">return</span> <span class="k">new</span> <span class="nx">SpellResult</span><span class="p">(</span><span class="nx">parsed</span><span class="p">,</span> <span class="nx">DefaultDisplayType</span><span class="p">.</span><span class="nx">HTML</span><span class="p">);</span>
+    <span class="p">}</span>
+<span class="p">}</span>
+</code></pre></div>
+<ul>
+<li>You might want to manipulate DOM directly (e.g google d3.js), then refer <a href="https://github.com/apache/zeppelin/blob/master/zeppelin-examples/zeppelin-example-spell-flowchart/index.js">Flowchart Spell</a> </li>
+<li>You might want to return promise not string (e.g API call), then refer <a href="https://github.com/apache/zeppelin/blob/master/zeppelin-examples/zeppelin-example-spell-translator/index.js">Google Translation API Spell</a></li>
+</ul>
+
+<h3>3. Create <strong>Helium package file</strong> for local deployment</h3>
+
+<p>You don&#39;t want to publish your package every time you make a change in your spell. Zeppelin provides local deploy.
+The only thing you need to do is creating a <strong>Helium Package file</strong> (JSON) for local deploy. 
+It&#39;s automatically created when you publish to npm repository but in local case, you should make it by yourself.</p>
+<div class="highlight"><pre><code class="text language-text" data-lang="text">{
+  &quot;type&quot; : &quot;SPELL&quot;,
+  &quot;name&quot; : &quot;zeppelin-echo-spell&quot;,
+  &quot;version&quot;: &quot;1.0.0&quot;,
+  &quot;description&quot; : &quot;Return just what receive (example)&quot;,
+  &quot;artifact&quot; : &quot;./zeppelin-examples/zeppelin-example-spell-echo&quot;,
+  &quot;license&quot; : &quot;Apache-2.0&quot;,
+  &quot;spell&quot;: {
+    &quot;magic&quot;: &quot;%echo&quot;,
+    &quot;usage&quot;: &quot;%echo &lt;TEXT&gt;&quot;
+  }
+}
+</code></pre></div>
+<ul>
+<li>Place this file in your local registry directory (default <code>$ZEPPELIN_HOME/helium</code>).</li>
+<li><code>type</code> should be <code>SPELL</code></li>
+<li>Make sure that <code>artifact</code> should be same as your spell directory. </li>
+<li>You can get information about other fields in <a href="./writingzeppelinvisualization.html#3-create-helium-package-file-and-locally-deploy">Helium Visualization#3-create-helium-package-file-and-locally-deploy</a>.</li>
+</ul>
+
+<h3>4. Run in dev mode</h3>
+<div class="highlight"><pre><code class="text language-text" data-lang="text">cd zeppelin-web
+yarn run dev:helium 
+</code></pre></div>
+<p>You can browse localhost:9000. Every time refresh your browser, Zeppelin will rebuild your spell and reload changes.</p>
+
+<h3>5. Publish your spell to the npm repository</h3>
+
+<p>See <a href="https://docs.npmjs.com/getting-started/publishing-npm-packages">Publishing npm packages</a></p>
+
+  </div>
+</div>
+
+
+      <hr>
+      <footer>
+        <!-- <p>&copy; 2017 The Apache Software Foundation</p>-->
+      </footer>
+    </div>
+
+    
+
+
+  <script type="text/javascript">
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-45176241-5', 'zeppelin.apache.org');
+  ga('require', 'linkid', 'linkid.js');
+  ga('send', 'pageview');
+
+</script>
+
+
+
+  </body>
+</html>
+

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html Thu Feb 16 01:31:50 2017
@@ -4,7 +4,7 @@
   <head>
     <meta charset="utf-8">
     <title>Apache Zeppelin 0.8.0-SNAPSHOT Documentation: Writing a new Visualization(Experimental)</title>
-    <meta name="description" content="Apache Zeppelin Application is a package that runs on Interpreter process and displays it's output inside of the notebook. Make your own Application in Apache Zeppelin is quite easy.">
+    <meta name="description" content="Apache Zeppelin Visualization is a pluggable package that can be loaded/unloaded on runtime through Helium framework in Zeppelin. A Visualization is a javascript npm package and user can use them just like any other built-in visualization in a note.">
     <meta name="author" content="The Apache Software Foundation">
 
     <!-- Enable responsive viewport -->
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>
@@ -232,7 +237,7 @@ Registries are configurable through <cod
 
 <h4>3. Create and load visualization bundle on the fly</h4>
 
-<p>Once a Visualization package is enabled, <a href="https://github.com/apache/zeppelin/blob/master/zeppelin-zengine/src/main/java/org/apache/zeppelin/helium/HeliumVisualizationFactory.java">HeliumVisualizationFactory</a> creates a js bundle. The js bundle is served by <code>helium/visualization/load</code> rest api endpoint.</p>
+<p>Once a Visualization package is enabled, <a href="https://github.com/apache/zeppelin/blob/master/zeppelin-zengine/src/main/java/org/apache/zeppelin/helium/HeliumBundleFactory.java">HeliumBundleFactory</a> creates a js bundle. The js bundle is served by <code>helium/bundle/load</code> rest api endpoint.</p>
 
 <h4>4. Run visualization</h4>
 
@@ -303,7 +308,7 @@ Json file contains the following informa
   &quot;icon&quot; : &quot;&lt;i class=&#39;fa fa-bar-chart rotate90flipX&#39;&gt;&lt;/i&gt;&quot;
 }
 </code></pre></div>
-<p>Place file in your local registry directory (default <code>./helium</code>).</p>
+<p>Place this file in your local registry directory (default <code>./helium</code>).</p>
 
 <h5>type</h5>
 
@@ -349,7 +354,7 @@ Check <a href="./writingzeppelinapplicat
 <p>Place your <strong>Helium package file</strong> in local registry (ZEPPELIN_HOME/helium).
 Run Zeppelin. And then run zeppelin-web in visualization dev mode.</p>
 <div class="highlight"><pre><code class="text language-text" data-lang="text">cd zeppelin-web
-yarn run visdev
+yarn run dev:helium 
 </code></pre></div>
 <p>You can browse localhost:9000. Everytime refresh your browser, Zeppelin will rebuild your visualization and reload changes.</p>
 

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/displaysystem/back-end-angular.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/displaysystem/back-end-angular.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/displaysystem/back-end-angular.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/displaysystem/back-end-angular.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/displaysystem/basicdisplaysystem.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/displaysystem/basicdisplaysystem.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/displaysystem/basicdisplaysystem.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/displaysystem/basicdisplaysystem.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/displaysystem/front-end-angular.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/displaysystem/front-end-angular.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/displaysystem/front-end-angular.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/displaysystem/front-end-angular.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/index.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/index.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/index.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/index.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/install/build.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/install/build.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/install/build.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/install/build.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/install/cdh.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/install/cdh.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/install/cdh.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/install/cdh.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/install/configuration.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/install/configuration.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/install/configuration.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/install/configuration.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/install/docker.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/install/docker.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/install/docker.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/install/docker.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/install/install.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/install/install.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/install/install.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/install/install.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/install/spark_cluster_mode.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/install/spark_cluster_mode.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/install/spark_cluster_mode.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/install/spark_cluster_mode.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/install/upgrade.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/install/upgrade.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/install/upgrade.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/install/upgrade.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/install/virtual_machine.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/install/virtual_machine.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/install/virtual_machine.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/install/virtual_machine.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/install/yarn_install.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/install/yarn_install.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/install/yarn_install.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/install/yarn_install.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/alluxio.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/alluxio.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/alluxio.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/alluxio.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/beam.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/beam.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/beam.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/beam.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>

Modified: zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/bigquery.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/bigquery.html?rev=1783165&r1=1783164&r2=1783165&view=diff
==============================================================================
--- zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/bigquery.html (original)
+++ zeppelin/site/docs/0.8.0-SNAPSHOT/interpreter/bigquery.html Thu Feb 16 01:31:50 2017
@@ -54,11 +54,15 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="/docs/0.8.0-SNAPSHOT">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
-            <span style="vertical-align:middle">Zeppelin</span>
-            <span style="vertical-align:baseline"><small>0.8.0-SNAPSHOT</small></span>
-          </a>
+          <div class="navbar-brand">
+            <a class="navbar-brand-main" href="http://zeppelin.apache.org">
+              <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+              <span style="vertical-align:middle">Zeppelin</span>
+            </a>
+            <a class="navbar-brand-version" href="/docs/0.8.0-SNAPSHOT">
+              <span><small>0.8.0-SNAPSHOT</small></span>
+            </a>
+          </div>
         </div>
         <nav class="navbar-collapse collapse" role="navigation">
           <ul class="nav navbar-nav">
@@ -166,6 +170,7 @@
                 <li role="separator" class="divider"></li>
                 <li class="title"><span><b>Contibute</b><span></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+                <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinspell.html">Writing Zeppelin Spell (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinvisualization.html">Writing Zeppelin Visualization (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/writingzeppelinapplication.html">Writing Zeppelin Application (Experimental)</a></li>
                 <li><a href="/docs/0.8.0-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>