You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@zeppelin.apache.org by mi...@apache.org on 2016/06/26 06:16:07 UTC

svn commit: r1750233 [2/3] - in /zeppelin/site/docs/0.6.0-SNAPSHOT: ./ assets/themes/zeppelin/css/ assets/themes/zeppelin/img/docs-img/ assets/themes/zeppelin/js/ development/ displaysystem/ install/ interpreter/ interpreter/screenshots/ manual/ quicks...

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/ignite.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/ignite.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/ignite.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/ignite.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -166,9 +167,11 @@
 
 <div class="row">
   <div class="col-md-12">
-    <h2>Ignite Interpreter for Apache Zeppelin</h2>
+    <h1>Ignite Interpreter for Apache Zeppelin</h1>
 
-<h3>Overview</h3>
+<div id="toc"></div>
+
+<h2>Overview</h2>
 
 <p><a href="https://ignite.apache.org/">Apache Ignite</a> In-Memory Data Fabric is a high-performance, integrated and distributed in-memory platform for computing and transacting on large-scale data sets in real-time, orders of magnitude faster than possible with traditional disk-based or flash technologies.</p>
 
@@ -176,7 +179,7 @@
 
 <p>You can use Zeppelin to retrieve distributed data from cache using Ignite SQL interpreter. Moreover, Ignite interpreter allows you to execute any Scala code in cases when SQL doesn&#39;t fit to your requirements. For example, you can populate data into your caches or execute distributed computations.</p>
 
-<h3>Installing and Running Ignite example</h3>
+<h2>Installing and Running Ignite example</h2>
 
 <p>In order to use Ignite interpreters, you may install Apache Ignite in some simple steps:</p>
 
@@ -196,7 +199,7 @@
 </blockquote>
 <div class="highlight"><pre><code class="text language-text" data-lang="text">$ nohup java -jar &lt;/path/to/your Jar file name&gt;
 </code></pre></div>
-<h3>Configuring Ignite Interpreter</h3>
+<h2>Configuring Ignite Interpreter</h2>
 
 <p>At the &quot;Interpreters&quot; menu, you may edit Ignite interpreter or create new one. Zeppelin provides these properties for Ignite.</p>
 
@@ -235,7 +238,7 @@
 
 <p><img src="../assets/themes/zeppelin/img/docs-img/ignite-interpreter-setting.png" alt="Configuration of Ignite Interpreter"></p>
 
-<h3>Interpreter Binding for Zeppelin Notebook</h3>
+<h2>How to use</h2>
 
 <p>After configuring Ignite interpreter, create your own notebook. Then you can bind interpreters like below image.</p>
 
@@ -243,7 +246,7 @@
 
 <p>For more interpreter binding information see <a href="http://zeppelin.apache.org/docs/manual/interpreters.html">here</a>.</p>
 
-<h3>How to use Ignite SQL interpreter</h3>
+<h3>Ignite SQL interpreter</h3>
 
 <p>In order to execute SQL query, use <code>%ignite.ignitesql</code> prefix. <br>
 Supposing you are running <code>org.apache.ignite.examples.streaming.wordcount.StreamWords</code>, then you can use &quot;words&quot; cache( Of course you have to specify this cache name to the Ignite interpreter setting section <code>ignite.jdbc.url</code> of Zeppelin ).

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/jdbc.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/jdbc.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/jdbc.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/jdbc.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -166,7 +167,11 @@
 
 <div class="row">
   <div class="col-md-12">
-    <h2>Generic JDBC  Interpreter for Apache Zeppelin</h2>
+    <h1>Generic JDBC  Interpreter for Apache Zeppelin</h1>
+
+<div id="toc"></div>
+
+<h2>Overview</h2>
 
 <p>This interpreter lets you create a JDBC connection to any data source, by now it has been tested with:</p>
 
@@ -176,20 +181,15 @@
 <li>MariaDB</li>
 <li>Redshift</li>
 <li>Apache Hive</li>
-<li>Apache Drill
-
-<ul>
-<li>Details on using <a href="https://drill.apache.org/docs/using-the-jdbc-driver">Drill JDBC Driver</a></li>
-</ul></li>
 <li>Apache Phoenix</li>
-<li>Apache Tajo</li>
+<li>Apache Drill (Details on using [Drill JDBC Driver](https://drill.apache.org/docs/using-the-jdbc-driverde* Apache Tajo</li>
 </ul>
 
 <p>If someone else used another database please report how it works to improve functionality.</p>
 
-<h3>Create Interpreter</h3>
+<h2>Create Interpreter</h2>
 
-<p>When create a interpreter by default use PostgreSQL with the next properties:</p>
+<p>When you create a interpreter by default use PostgreSQL with the next properties:</p>
 
 <table class="table-configuration">
   <tr>
@@ -220,7 +220,7 @@
 
 <p>It is not necessary to add driver jar to the classpath for PostgreSQL as it is included in Zeppelin.</p>
 
-<h4>Simple connection</h4>
+<h3>Simple connection</h3>
 
 <p>Prior to creating the interpreter it is necessary to add maven coordinate or path of the JDBC driver to the Zeppelin classpath. To do this you must edit dependencies artifact(ex. <code>mysql:mysql-connector-java:5.1.38</code>) in interpreter menu as shown:</p>
 
@@ -259,7 +259,7 @@
   </tr>      
 </table>
 
-<h4>Multiple connections</h4>
+<h3>Multiple connections</h3>
 
 <p>JDBC interpreter also allows connections to multiple data sources. It is necessary to set a prefix for each connection to reference it in the paragraph in the form of <code>%jdbc(prefix)</code>. Before you create the interpreter it is necessary to add each driver&#39;s maven coordinates or JDBC driver&#39;s jar file path to the Zeppelin classpath. To do this you must edit the dependencies of JDBC interpreter in interpreter menu as following:</p>
 
@@ -314,11 +314,11 @@
   </tr>      
 </table>
 
-<h3>Bind to Notebook</h3>
+<h2>Bind to Notebook</h2>
 
 <p>In the <code>Notebook</code> click on the <code>settings</code> icon at the top-right corner. Use select/deselect to specify the interpreters to be used in the <code>Notebook</code>.</p>
 
-<h3>More Properties</h3>
+<h2>More Properties</h2>
 
 <p>You can modify the interpreter configuration in the <code>Interpreter</code> section. The most common properties are as follows, but you can specify other properties that need to be connected.</p>
 
@@ -362,11 +362,11 @@
   </tr>
 </table>
 
-<h3>Examples</h3>
+<h2>Examples</h2>
 
-<h4>Hive</h4>
+<h3>Hive</h3>
 
-<h5>Properties</h5>
+<h4>Properties</h4>
 
 <p><table class="table-configuration">
    <tr>
@@ -391,7 +391,7 @@
    </tr>
  </table></p>
 
-<h5>Dependencies</h5>
+<h4>Dependencies</h4>
 
 <p><table class="table-configuration">
    <tr>
@@ -408,9 +408,9 @@
    </tr>
  </table></p>
 
-<h4>Phoenix</h4>
+<h3>Phoenix</h3>
 
-<h5>Properties</h5>
+<h4>Properties</h4>
 
 <p><table class="table-configuration">
    <tr>
@@ -435,7 +435,7 @@
    </tr>
  </table></p>
 
-<h5>Dependencies</h5>
+<h4>Dependencies</h4>
 
 <p><table class="table-configuration">
    <tr>
@@ -448,9 +448,9 @@
    </tr>
  </table></p>
 
-<h4>Tajo</h4>
+<h3>Tajo</h3>
 
-<h5>Properties</h5>
+<h4>Properties</h4>
 
 <p><table class="table-configuration">
    <tr>
@@ -467,7 +467,7 @@
    </tr>
  </table></p>
 
-<h5>Dependencies</h5>
+<h4>Dependencies</h4>
 
 <p><table class="table-configuration">
    <tr>
@@ -480,9 +480,9 @@
    </tr>
  </table></p>
 
-<h3>How to use</h3>
+<h2>How to use</h2>
 
-<h4>Reference in paragraph</h4>
+<h3>Reference in paragraph</h3>
 
 <p>Start the paragraphs with the <code>%jdbc</code>, this will use the <code>default</code> prefix for connection. If you want to use other connection you should specify the prefix of it as follows <code>%jdbc(prefix)</code>:</p>
 <div class="highlight"><pre><code class="sql language-sql" data-lang="sql"><span class="o">%</span><span class="n">jdbc</span>
@@ -492,7 +492,7 @@
 <div class="highlight"><pre><code class="sql language-sql" data-lang="sql"><span class="o">%</span><span class="n">jdbc</span><span class="p">(</span><span class="k">prefix</span><span class="p">)</span>
 <span class="k">SELECT</span> <span class="o">*</span> <span class="k">FROM</span> <span class="n">db_name</span><span class="p">;</span>
 </code></pre></div>
-<h4>Apply Zeppelin Dynamic Forms</h4>
+<h3>Apply Zeppelin Dynamic Forms</h3>
 
 <p>You can leverage <a href="../manual/dynamicform.html">Zeppelin Dynamic Form</a> inside your queries. You can use both the <code>text input</code> and <code>select form</code> parametrization features</p>
 <div class="highlight"><pre><code class="sql language-sql" data-lang="sql"><span class="o">%</span><span class="n">jdbc</span><span class="p">(</span><span class="k">prefix</span><span class="p">)</span>
@@ -500,7 +500,7 @@
 <span class="k">FROM</span> <span class="n">demo</span><span class="p">.</span><span class="n">performers</span>
 <span class="k">WHERE</span> <span class="n">name</span><span class="o">=</span><span class="s1">&#39;&#39;</span>
 </code></pre></div>
-<h3>Bugs &amp; Contacts</h3>
+<h2>Bugs &amp; Reporting</h2>
 
 <p>If you find a bug for this interpreter, please create a <a href="https://issues.apache.org/jira/browse/ZEPPELIN-382?jql=project%20%3D%20ZEPPELIN">JIRA</a> ticket.</p>
 

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/lens.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/lens.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/lens.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/lens.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -166,15 +167,17 @@
 
 <div class="row">
   <div class="col-md-12">
-    <h2>Lens Interpreter for Apache Zeppelin</h2>
+    <h1>Lens Interpreter for Apache Zeppelin</h1>
 
-<h3>Overview</h3>
+<div id="toc"></div>
+
+<h2>Overview</h2>
 
 <p><a href="https://lens.apache.org/">Apache Lens</a> provides an Unified Analytics interface. Lens aims to cut the Data Analytics silos by providing a single view of data across multiple tiered data stores and optimal execution environment for the analytical query. It seamlessly integrates Hadoop with traditional data warehouses to appear like one.</p>
 
 <p><img src="../assets/themes/zeppelin/img/docs-img/lens-logo.png" alt="Apache Lens"></p>
 
-<h3>Installing and Running Lens</h3>
+<h2>Installing and Running Lens</h2>
 
 <p>In order to use Lens interpreters, you may install Apache Lens in some simple steps:</p>
 
@@ -185,7 +188,7 @@
 </ol>
 <div class="highlight"><pre><code class="text language-text" data-lang="text">./bin/lens-ctl start (or stop)
 </code></pre></div>
-<h3>Configuring Lens Interpreter</h3>
+<h2>Configuring Lens Interpreter</h2>
 
 <p>At the &quot;Interpreters&quot; menu, you can edit Lens interpreter or create new one. Zeppelin provides these properties for Lens.</p>
 
@@ -285,7 +288,7 @@ As you can see in this video, they are u
 
 <p>These are just examples that provided in advance by Lens. If you want to explore whole tutorials of Lens, see the <a href="https://cwiki.apache.org/confluence/display/LENS/2015/07/13/20+Minute+video+demo+of+Apache+Lens+through+examples">tutorial video</a>.</p>
 
-<h3>Lens UI Service</h3>
+<h2>Lens UI Service</h2>
 
 <p>Lens also provides web UI service. Once the server starts up, you can open the service on http://serverhost:19999/index.html and browse. You may also check the structure that you made and use query easily here.</p>
 

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/livy.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/livy.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/livy.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/livy.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -166,9 +167,13 @@
 
 <div class="row">
   <div class="col-md-12">
-    <h2>Livy Interpreter for Apache Zeppelin</h2>
+    <h1>Livy Interpreter for Apache Zeppelin</h1>
 
-<p>Livy is an open source REST interface for interacting with Spark from anywhere. It supports executing snippets of code or programs in a Spark context that runs locally or in YARN.</p>
+<div id="toc"></div>
+
+<h2>Overview</h2>
+
+<p><a href="http://livy.io/">Livy</a> is an open source REST interface for interacting with Spark from anywhere. It supports executing snippets of code or programs in a Spark context that runs locally or in YARN.</p>
 
 <ul>
 <li>Interactive Scala, Python and R shells</li>
@@ -187,7 +192,7 @@
 <li>Livy server.</li>
 </ul>
 
-<h3>Configuration</h3>
+<h2>Configuration</h2>
 
 <p>We added some common configurations for spark, and you can set any configuration you want.
 This link contains all spark configurations: http://spark.apache.org/docs/latest/configuration.html#available-properties.
@@ -291,7 +296,7 @@ hello(&quot;livy&quot;)
 
 <p>When Zeppelin server is running with authentication enabled, then this interpreter utilizes Livy’s user impersonation feature i.e. sends extra parameter for creating and running a session (&quot;proxyUser&quot;: &quot;${loggedInUser}&quot;). This is particularly useful when multi users are sharing a Notebook server.</p>
 
-<h3>Apply Zeppelin Dynamic Forms</h3>
+<h2>Apply Zeppelin Dynamic Forms</h2>
 
 <p>You can leverage <a href="/docs/0.6.0-SNAPSHOT/manual/dynamicform.html">Zeppelin Dynamic Form</a>. You can use both the <code>text input</code> and <code>select form</code> parameterization features.</p>
 <div class="highlight"><pre><code class="text language-text" data-lang="text">%livy.pyspark
@@ -317,10 +322,10 @@ print &quot;${group_by=product_id,produc
 <p>Blacklisted configuration values in session config: spark.master</p>
 </blockquote>
 
-<p>edit <code>conf/spark-blacklist.conf</code> file in livy server and comment out <code>#spark.master</code> line.</p>
+<p>Edit <code>conf/spark-blacklist.conf</code> file in livy server and comment out <code>#spark.master</code> line.</p>
 
-<p>if you choose to work on livy in <code>apps/spark/java</code> directory in https://github.com/cloudera/hue ,
-copy <code>spark-user-configurable-options.template</code> to <code>spark-user-configurable-options.conf</code> file in livy server and comment out <code>#spark.master</code> </p>
+<p>If you choose to work on livy in <code>apps/spark/java</code> directory in <a href="https://github.com/cloudera/hue">https://github.com/cloudera/hue</a>,
+copy <code>spark-user-configurable-options.template</code> to <code>spark-user-configurable-options.conf</code> file in livy server and comment out <code>#spark.master</code>. </p>
 
   </div>
 </div>

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/markdown.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/markdown.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/markdown.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/markdown.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -166,9 +167,11 @@
 
 <div class="row">
   <div class="col-md-12">
-    <h2>Markdown Interpreter for Apache Zeppelin</h2>
+    <h1>Markdown Interpreter for Apache Zeppelin</h1>
 
-<h3>Overview</h3>
+<div id="toc"></div>
+
+<h2>Overview</h2>
 
 <p><a href="http://daringfireball.net/projects/markdown/">Markdown</a> is a plain text formatting syntax designed so that it can be converted to HTML.
 Zeppelin uses markdown4j. For more examples and extension support, please checkout <a href="https://code.google.com/p/markdown4j/">here</a>.<br>
@@ -178,7 +181,7 @@ In Zeppelin notebook, you can use <code>
 
 <p><img src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/img/docs-img/markdown-interpreter-setting.png" width="60%" /></p>
 
-<h3>Example</h3>
+<h2>Example</h2>
 
 <p>The following example demonstrates the basic usage of Markdown in a Zeppelin notebook.</p>
 

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/postgresql.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/postgresql.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/postgresql.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/postgresql.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -166,7 +167,11 @@
 
 <div class="row">
   <div class="col-md-12">
-    <h2>Important Notice</h2>
+    <h1>PostgreSQL, Apache HAWQ (incubating) Interpreter for Apache Zeppelin</h1>
+
+<div id="toc"></div>
+
+<h2>Important Notice</h2>
 
 <p>Postgresql Interpreter will be deprecated and merged into JDBC Interpreter. You can use Postgresql by using JDBC Interpreter with same functionality. See the example below of settings and dependencies.</p>
 
@@ -210,7 +215,19 @@
 
 <hr>
 
-<h2>PostgreSQL, HAWQ  Interpreter for Apache Zeppelin</h2>
+<h2>Overview</h2>
+
+<p><a href="https://www.youtube.com/watch?v=wqXXQhJ5Uk8"><img align="right" src="http://img.youtube.com/vi/wqXXQhJ5Uk8/0.jpg" alt="zeppelin-view" hspace="10" width="250"></img></a></p>
+
+<p>This interpreter seamlessly supports the following SQL data processing engines:</p>
+
+<ul>
+<li><a href="http://www.postgresql.org/">PostgreSQL</a> - OSS, Object-relational database management system (ORDBMS)</li>
+<li><a href="http://hawq.incubator.apache.org/">pache HAWQ (incubating)</a> - Powerful open source SQL-On-Hadoop engine.</li>
+<li><a href="http://pivotal.io/big-data/pivotal-greenplum-database">Greenplum</a> - MPP database built on open source PostgreSQL.</li>
+</ul>
+
+<p>This <a href="https://www.youtube.com/watch?v=wqXXQhJ5Uk8">Video Tutorial</a> illustrates some of the features provided by the <code>Postgresql Interpreter</code>.</p>
 
 <table class="table-configuration">
   <tr>
@@ -225,19 +242,7 @@
   </tr>
 </table>
 
-<p><a href="https://www.youtube.com/watch?v=wqXXQhJ5Uk8"><img align="right" src="http://img.youtube.com/vi/wqXXQhJ5Uk8/0.jpg" alt="zeppelin-view" hspace="10" width="250"></img></a></p>
-
-<p>This interpreter seamlessly supports the following SQL data processing engines:</p>
-
-<ul>
-<li><a href="http://www.postgresql.org/">PostgreSQL</a> - OSS, Object-relational database management system (ORDBMS)</li>
-<li><a href="http://pivotal.io/big-data/pivotal-hawq">Apache HAWQ</a> - Powerful <a href="https://wiki.apache.org/incubator/HAWQProposal">Open Source</a> SQL-On-Hadoop engine.</li>
-<li><a href="http://pivotal.io/big-data/pivotal-greenplum-database">Greenplum</a> - MPP database built on open source PostgreSQL.</li>
-</ul>
-
-<p>This <a href="https://www.youtube.com/watch?v=wqXXQhJ5Uk8">Video Tutorial</a> illustrates some of the features provided by the <code>Postgresql Interpreter</code>.</p>
-
-<h3>Create Interpreter</h3>
+<h2>Create Interpreter</h2>
 
 <p>By default Zeppelin creates one <code>PSQL</code> instance. You can remove it or create new instances.</p>
 
@@ -249,11 +254,11 @@
 <p>Note: The <code>Name</code> of the instance is used only to distinct the instances while binding them to the <code>Notebook</code>. The <code>Name</code> is irrelevant inside the <code>Notebook</code>. In the <code>Notebook</code> you must use <code>%psql.sql</code> tag.</p>
 </blockquote>
 
-<h3>Bind to Notebook</h3>
+<h2>Bind to Notebook</h2>
 
 <p>In the <code>Notebook</code> click on the <code>settings</code> icon in the top right corner. The select/deselect the interpreters to be bound with the <code>Notebook</code>.</p>
 
-<h3>Configuration</h3>
+<h2>Configuration</h2>
 
 <p>You can modify the configuration of the PSQL from the <code>Interpreter</code> section.  The PSQL interpreter expenses the following properties:</p>
 
@@ -290,10 +295,10 @@
   </tr>
 </table>
 
-<h3>How to use</h3>
+<h2>How to use</h2>
 <div class="highlight"><pre><code class="text language-text" data-lang="text">Tip: Use (CTRL + .) for SQL auto-completion.
 </code></pre></div>
-<h4>DDL and SQL commands</h4>
+<h3>DDL and SQL commands</h3>
 
 <p>Start the paragraphs with the full <code>%psql.sql</code> prefix tag! The short notation: <code>%psql</code> would still be able run the queries but the syntax highlighting and the auto-completions will be disabled.</p>
 
@@ -316,7 +321,7 @@
 <span class="k">select</span> <span class="k">count</span><span class="p">(</span><span class="o">*</span><span class="p">)</span> <span class="k">from</span> <span class="n">mytable</span><span class="p">;</span>
 <span class="k">select</span> <span class="o">*</span> <span class="k">from</span> <span class="n">mytable</span><span class="p">;</span>
 </code></pre></div>
-<h4>PSQL command line tools</h4>
+<h3>PSQL command line tools</h3>
 
 <p>Use the Shell Interpreter (<code>%sh</code>) to access the command line <a href="http://www.postgresql.org/docs/9.4/static/app-psql.html">PSQL</a> interactively:</p>
 <div class="highlight"><pre><code class="bash language-bash" data-lang="bash">%sh
@@ -336,7 +341,7 @@ psql -h phd3.localdomain -U gpadmin -p 5
  public             | gpadmin
  retail_demo        | gpadmin
 </code></pre></div>
-<h4>Apply Zeppelin Dynamic Forms</h4>
+<h3>Apply Zeppelin Dynamic Forms</h3>
 
 <p>You can leverage <a href="../manual/dynamicform.html">Zeppelin Dynamic Form</a> inside your queries. You can use both the <code>text input</code> and <code>select form</code> parametrization features</p>
 <div class="highlight"><pre><code class="sql language-sql" data-lang="sql"><span class="o">%</span><span class="n">psql</span><span class="p">.</span><span class="k">sql</span>
@@ -346,7 +351,7 @@ psql -h phd3.localdomain -U gpadmin -p 5
 <span class="k">ORDER</span> <span class="k">BY</span> <span class="k">count</span> <span class="err">${</span><span class="k">order</span><span class="o">=</span><span class="k">DESC</span><span class="p">,</span><span class="k">DESC</span><span class="o">|</span><span class="k">ASC</span><span class="err">}</span>
 <span class="k">LIMIT</span> <span class="err">${</span><span class="k">limit</span><span class="o">=</span><span class="mi">10</span><span class="err">}</span><span class="p">;</span>
 </code></pre></div>
-<h4>Example HAWQ PXF/HDFS Tables</h4>
+<h3>Example HAWQ PXF/HDFS Tables</h3>
 
 <p>Create HAWQ external table that read data from tab-separated-value data in HDFS.</p>
 <div class="highlight"><pre><code class="sql language-sql" data-lang="sql"><span class="o">%</span><span class="n">psql</span><span class="p">.</span><span class="k">sql</span>
@@ -359,7 +364,7 @@ psql -h phd3.localdomain -U gpadmin -p 5
 <div class="highlight"><pre><code class="sql language-sql" data-lang="sql"><span class="o">%</span><span class="n">psql</span><span class="p">.</span><span class="k">sql</span>
 <span class="k">select</span> <span class="o">*</span> <span class="k">from</span> <span class="n">retail_demo</span><span class="p">.</span><span class="n">payment_methods_pxf</span>
 </code></pre></div>
-<h3>Auto-completion</h3>
+<h2>Auto-completion</h2>
 
 <p>The PSQL Interpreter provides a basic auto-completion functionality. On <code>(Ctrl+.)</code> it list the most relevant suggestions in a pop-up window. In addition to the SQL keyword the interpreter provides suggestions for the Schema, Table, Column names as well.</p>
 

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/python.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/python.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/python.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/python.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -166,7 +167,9 @@
 
 <div class="row">
   <div class="col-md-12">
-    <h2>Python 2 &amp; 3 Interpreter for Apache Zeppelin</h2>
+    <h1>Python 2 &amp; 3 Interpreter for Apache Zeppelin</h1>
+
+<div id="toc"></div>
 
 <h2>Configuration</h2>
 
@@ -247,7 +250,7 @@
 <span class="n">z</span><span class="o">.</span><span class="n">show</span><span class="p">(</span><span class="n">plt</span><span class="p">,</span> <span class="n">width</span><span class="o">=</span><span class="s">&#39;50px&#39;</span><span class="p">)</span>
 <span class="n">z</span><span class="o">.</span><span class="n">show</span><span class="p">(</span><span class="n">plt</span><span class="p">,</span> <span class="n">height</span><span class="o">=</span><span class="s">&#39;150px&#39;</span><span class="p">)</span>
 </code></pre></div>
-<p><a href="/docs/interpreter/screenshots/pythonMatplotlib.png"><img src="../interpreter/screenshots/pythonMatplotlib.png" alt="pythonmatplotlib"></a></p>
+<p><img class="img-responsive" src="../assets/themes/zeppelin/img/docs-img/pythonMatplotlib.png" /></p>
 
 <h2>Pandas integration</h2>
 
@@ -260,7 +263,7 @@
 </code></pre></div>
 <h2>Technical description</h2>
 
-<p>For in-depth technical details on current implementation plese reffer <a href="https://github.com/apache/zeppelin/blob/master/python/README.md">python/README.md</a></p>
+<p>For in-depth technical details on current implementation plese reffer <a href="https://github.com/apache/zeppelin/blob/master/python/README.md">python/README.md</a>.</p>
 
   </div>
 </div>

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/r.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/r.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/r.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/r.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -166,82 +167,97 @@
 
 <div class="row">
   <div class="col-md-12">
-    <h2>R Interpreter</h2>
+    <h1>R Interpreter for Apache Zeppelin</h1>
 
-<p>This is a the Apache Zeppelin project, with the addition of support for the R programming language and R-spark integration.</p>
+<div id="toc"></div>
 
-<h3>Requirements</h3>
+<h2>Overview</h2>
 
-<p>Additional requirements for the R interpreter are:</p>
+<p><a href="https://www.r-project.org">R</a> is a free software environment for statistical computing and graphics.</p>
+
+<p>To run R code and visualize plots in Apache Zeppelin, you will need R on your master node (or your dev laptop).</p>
 
 <ul>
-<li>R 3.1 or later (earlier versions may work, but have not been tested)</li>
-<li>The <code>evaluate</code> R package.</li>
+<li>For Centos: <code>yum install R R-devel libcurl-devel openssl-devel</code></li>
+<li>For Ubuntu: <code>apt-get install r-base</code></li>
 </ul>
 
-<p>For full R support, you will also need the following R packages:</p>
+<p>Validate your installation with a simple R command:</p>
+<div class="highlight"><pre><code class="text language-text" data-lang="text">R -e &quot;print(1+1)&quot;
+</code></pre></div>
+<p>To enjoy plots, install additional libraries with:</p>
+<div class="highlight"><pre><code class="text language-text" data-lang="text">+ devtools with `R -e &quot;install.packages(&#39;devtools&#39;, repos = &#39;http://cran.us.r-project.org&#39;)&quot;`
++ knitr with `R -e &quot;install.packages(&#39;knitr&#39;, repos = &#39;http://cran.us.r-project.org&#39;)&quot;`
++ ggplot2 with `R -e &quot;install.packages(&#39;ggplot2&#39;, repos = &#39;http://cran.us.r-project.org&#39;)&quot;`
++ Other vizualisation librairies: `R -e &quot;install.packages(c(&#39;devtools&#39;,&#39;mplot&#39;, &#39;googleVis&#39;), repos = &#39;http://cran.us.r-project.org&#39;); require(devtools); install_github(&#39;ramnathv/rCharts&#39;)&quot;`
+</code></pre></div>
+<p>We recommend you to also install the following optional R libraries for happy data analytics:</p>
 
 <ul>
-<li><code>knitr</code></li>
-<li><code>repr</code> -- available with <code>devtools::install_github(&quot;IRkernel/repr&quot;)</code></li>
-<li><code>htmltools</code> -- required for some interactive plotting</li>
-<li><code>base64enc</code> -- required to view R base plots</li>
+<li>glmnet</li>
+<li>pROC</li>
+<li>data.table</li>
+<li>caret</li>
+<li>sqldf</li>
+<li>wordcloud</li>
 </ul>
 
-<h3>Configuration</h3>
+<h2>Configuration</h2>
 
-<p>To run Zeppelin with the R Interpreter, the SPARK_HOME environment variable must be set. The best way to do this is by editing <code>conf/zeppelin-env.sh</code>.</p>
+<p>To run Zeppelin with the R Interpreter, the <code>SPARK_HOME</code> environment variable must be set. The best way to do this is by editing <code>conf/zeppelin-env.sh</code>.
+If it is not set, the R Interpreter will not be able to interface with Spark.</p>
 
-<p>If it is not set, the R Interpreter will not be able to interface with Spark.</p>
+<p>You should also copy <code>conf/zeppelin-site.xml.template</code> to <code>conf/zeppelin-site.xml</code>. That will ensure that Zeppelin sees the R Interpreter the first time it starts up.</p>
 
-<p>You should also copy <code>conf/zeppelin-site.xml.template</code> to <code>conf/zeppelin-site.xml</code>.  That will ensure that Zeppelin sees the R Interpreter the first time it starts up.</p>
-
-<h3>Using the R Interpreter</h3>
+<h2>Using the R Interpreter</h2>
 
 <p>By default, the R Interpreter appears as two Zeppelin Interpreters, <code>%r</code> and <code>%knitr</code>.</p>
 
 <p><code>%r</code> will behave like an ordinary REPL.  You can execute commands as in the CLI.   </p>
 
-<p><a href="screenshots/repl2plus2.png"><img src="screenshots/repl2plus2.png" alt="2+2"></a></p>
+<p><img class="img-responsive" src="../assets/themes/zeppelin/img/docs-img/repl2plus2.png" width="700px"/></p>
 
 <p>R base plotting is fully supported</p>
 
-<p><a href="screenshots/replhist.png"><img src="screenshots/replhist.png" alt="replhist"></a></p>
+<p><img class="img-responsive" src="../assets/themes/zeppelin/img/docs-img/replhist.png" width="550px"/></p>
 
 <p>If you return a data.frame, Zeppelin will attempt to display it using Zeppelin&#39;s built-in visualizations.</p>
 
-<p><a href="screenshots/replhead.png"><img src="screenshots/replhead.png" alt="replhist"></a></p>
+<p><img class="img-responsive" src="../assets/themes/zeppelin/img/docs-img/replhead.png" width="550px"/></p>
 
 <p><code>%knitr</code> interfaces directly against <code>knitr</code>, with chunk options on the first line:</p>
 
-<p><a href="screenshots/knitgeo.png"><img src="screenshots/knitgeo.png" alt="knitgeo"></a>
-<a href="screenshots/knitstock.png"><img src="screenshots/knitstock.png" alt="knitstock"></a>
-<a href="screenshots/knitmotion.png"><img src="screenshots/knitmotion.png" alt="knitmotion"></a></p>
+<p><img class="img-responsive" src="../assets/themes/zeppelin/img/docs-img/knitgeo.png" width="550px"/></p>
+
+<p><img class="img-responsive" src="../assets/themes/zeppelin/img/docs-img/knitstock.png" width="550px"/></p>
+
+<p><img class="img-responsive" src="../assets/themes/zeppelin/img/docs-img/knitmotion.png" width="550px"/></p>
 
 <p>The two interpreters share the same environment.  If you define a variable from <code>%r</code>, it will be within-scope if you then make a call using <code>knitr</code>.</p>
 
-<h3>Using SparkR &amp; Moving Between Languages</h3>
+<h2>Using SparkR &amp; Moving Between Languages</h2>
 
 <p>If <code>SPARK_HOME</code> is set, the <code>SparkR</code> package will be loaded automatically:</p>
 
-<p><a href="screenshots/sparkrfaithful.png"><img src="screenshots/sparkrfaithful.png" alt="sparkrfaithful"></a></p>
+<p><img class="img-responsive" src="../assets/themes/zeppelin/img/docs-img/sparkrfaithful.png" width="550px"/></p>
 
 <p>The Spark Context and SQL Context are created and injected into the local environment automatically as <code>sc</code> and <code>sql</code>.</p>
 
 <p>The same context are shared with the <code>%spark</code>, <code>%sql</code> and <code>%pyspark</code> interpreters:</p>
 
-<p><a href="screenshots/backtoscala.png"><img src="screenshots/backtoscala.png" alt="backtoscala"></a></p>
+<p><img class="img-responsive" src="../assets/themes/zeppelin/img/docs-img/backtoscala.png" width="700px"/></p>
 
 <p>You can also make an ordinary R variable accessible in scala and Python:</p>
 
-<p><a href="screenshots/varr1.png"><img src="screenshots/varr1.png" alt="varr1"></a></p>
+<p><img class="img-responsive" src="../assets/themes/zeppelin/img/docs-img/varr1.png" width="550px"/></p>
 
 <p>And vice versa:</p>
 
-<p><a href="screenshots/varscala.png"><img src="screenshots/varscala.png" alt="varscala"></a>
-<a href="screenshots/varr2.png"><img src="screenshots/varr2.png" alt="varr2"></a></p>
+<p><img class="img-responsive" src="../assets/themes/zeppelin/img/docs-img/varscala.png" width="550px"/></p>
+
+<p><img class="img-responsive" src="../assets/themes/zeppelin/img/docs-img/varr2.png" width="550px"/></p>
 
-<h3>Caveats &amp; Troubleshooting</h3>
+<h2>Caveats &amp; Troubleshooting</h2>
 
 <ul>
 <li><p>Almost all issues with the R interpreter turned out to be caused by an incorrectly set <code>SPARK_HOME</code>.  The R interpreter must load a version of the <code>SparkR</code> package that matches the running version of Spark, and it does this by searching <code>SPARK_HOME</code>. If Zeppelin isn&#39;t configured to interface with Spark in <code>SPARK_HOME</code>, the R interpreter will not be able to connect to Spark.</p></li>
@@ -256,37 +272,6 @@
 <li><p>akka Library Version or <code>TTransport</code> errors.  This can happen if you try to run Zeppelin with a SPARK_HOME that has a version of Spark other than the one specified with <code>-Pspark-1.x</code> when Zeppelin was compiled.</p></li>
 </ul>
 
-<h2>R Interpreter for Apache Zeppelin</h2>
-
-<p><a href="https://www.r-project.org">R</a> is a free software environment for statistical computing and graphics.</p>
-
-<p>To run R code and visualize plots in Apache Zeppelin, you will need R on your master node (or your dev laptop).</p>
-
-<ul>
-<li>For Centos: <code>yum install R R-devel libcurl-devel openssl-devel</code></li>
-<li>For Ubuntu: <code>apt-get install r-base</code></li>
-</ul>
-
-<p>Validate your installation with a simple R command:</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">R -e &quot;print(1+1)&quot;
-</code></pre></div>
-<p>To enjoy plots, install additional libraries with:</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">+ devtools with `R -e &quot;install.packages(&#39;devtools&#39;, repos = &#39;http://cran.us.r-project.org&#39;)&quot;`
-+ knitr with `R -e &quot;install.packages(&#39;knitr&#39;, repos = &#39;http://cran.us.r-project.org&#39;)&quot;`
-+ ggplot2 with `R -e &quot;install.packages(&#39;ggplot2&#39;, repos = &#39;http://cran.us.r-project.org&#39;)&quot;`
-+ Other vizualisation librairies: `R -e &quot;install.packages(c(&#39;devtools&#39;,&#39;mplot&#39;, &#39;googleVis&#39;), repos = &#39;http://cran.us.r-project.org&#39;); require(devtools); install_github(&#39;ramnathv/rCharts&#39;)&quot;`
-</code></pre></div>
-<p>We recommend you to also install the following optional R libraries for happy data analytics:</p>
-
-<ul>
-<li>glmnet</li>
-<li>pROC</li>
-<li>data.table</li>
-<li>caret</li>
-<li>sqldf</li>
-<li>wordcloud</li>
-</ul>
-
   </div>
 </div>
 

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/scalding.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/scalding.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/scalding.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/scalding.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -166,16 +167,18 @@
 
 <div class="row">
   <div class="col-md-12">
-    <h2>Scalding Interpreter for Apache Zeppelin</h2>
+    <h1>Scalding Interpreter for Apache Zeppelin</h1>
+
+<div id="toc"></div>
 
 <p><a href="https://github.com/twitter/scalding">Scalding</a> is an open source Scala library for writing MapReduce jobs.</p>
 
-<h3>Building the Scalding Interpreter</h3>
+<h2>Building the Scalding Interpreter</h2>
 
 <p>You have to first build the Scalding interpreter by enable the <strong>scalding</strong> profile as follows:</p>
 <div class="highlight"><pre><code class="text language-text" data-lang="text">mvn clean package -Pscalding -DskipTests
 </code></pre></div>
-<h3>Enabling the Scalding Interpreter</h3>
+<h2>Enabling the Scalding Interpreter</h2>
 
 <p>In a notebook, to enable the <strong>Scalding</strong> interpreter, click on the <strong>Gear</strong> icon,select <strong>Scalding</strong>, and hit <strong>Save</strong>.</p>
 
@@ -187,7 +190,7 @@
 
 <p></center></p>
 
-<h3>Configuring the Interpreter</h3>
+<h2>Configuring the Interpreter</h2>
 
 <p>Scalding interpreter runs in two modes:</p>
 
@@ -227,9 +230,9 @@ and directories with custom jar files yo
 <p>If you want to control the maximum number of open interpreters, you have to select &quot;scoped&quot; interpreter for note
 option and set max.open.instances argument.</p>
 
-<h3>Testing the Interpreter</h3>
+<h2>Testing the Interpreter</h2>
 
-<h4>Local mode</h4>
+<h3>Local mode</h3>
 
 <p>In example, by using the <a href="https://gist.github.com/johnynek/a47699caa62f4f38a3e2">Alice in Wonderland</a> tutorial, 
 we will count words (of course!), and plot a graph of the top 10 words in the book.</p>
@@ -265,7 +268,7 @@ print(&quot;%table &quot; + table)
 <p>If you click on the icon for the pie chart, you should be able to see a chart like this:
 <img src="../assets/themes/zeppelin/img/docs-img/scalding-pie.png" alt="Scalding - Pie - Chart"></p>
 
-<h4>HDFS mode</h4>
+<h3>HDFS mode</h3>
 
 <p><strong>Test mode</strong></p>
 <div class="highlight"><pre><code class="text language-text" data-lang="text">%scalding
@@ -287,7 +290,7 @@ a.toList
 </code></pre></div>
 <p>This command should create a map reduce job.</p>
 
-<h3>Future Work</h3>
+<h2>Future Work</h2>
 
 <ul>
 <li>Better user feedback (hadoop url, progress updates)</li>

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/spark.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/spark.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/spark.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/interpreter/spark.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -166,9 +167,15 @@
 
 <div class="row">
   <div class="col-md-12">
-    <h2>Spark Interpreter for Apache Zeppelin</h2>
+    <h1>Spark Interpreter for Apache Zeppelin</h1>
 
-<p><a href="http://spark.apache.org">Apache Spark</a> is supported in Zeppelin with
+<div id="toc"></div>
+
+<h2>Overview</h2>
+
+<p><a href="http://spark.apache.org">Apache Spark</a> is a fast and general-purpose cluster computing system.
+It provides high-level APIs in Java, Scala, Python and R, and an optimized engine that supports general execution graphs
+Apache Spark is supported in Zeppelin with
 Spark Interpreter group, which consists of five interpreters.</p>
 
 <table class="table-configuration">
@@ -206,7 +213,7 @@ Spark Interpreter group, which consists
 
 <h2>Configuration</h2>
 
-<p>The Spark interpreter can be configured with properties provided by Zeppelin. 
+<p>The Spark interpreter can be configured with properties provided by Zeppelin.
 You can also set other Spark properties which are not listed in the table. For a list of additional properties, refer to <a href="http://spark.apache.org/docs/latest/configuration.html#available-properties">Spark Available Properties</a>.
 <table class="table-configuration">
   <tr>
@@ -272,6 +279,11 @@ You can also set other Spark properties
     <td>true</td>
     <td>Use HiveContext instead of SQLContext if it is true.</td>
   </tr>
+  <tr>
+    <td>zeppelin.spark.importImplicit</td>
+    <td>true</td>
+    <td>Import implicits, UDF collection, and sql if set true.</td>
+  </tr>
 </table></p>
 
 <p>Without any configuration, Spark interpreter works out of box in local mode. But if you want to connect to your Spark cluster, you&#39;ll need to follow below two simple steps.</p>
@@ -365,13 +377,13 @@ You can also set other Spark properties
 
 <ul>
 <li><p>SPARK_SUBMIT_OPTIONS in conf/zeppelin-env.sh</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">export SPARK_SUBMIT_OPTIONS=&quot;--packages com.databricks:spark-csv_2.10:1.2.0 --jars /path/mylib1.jar,/path/mylib2.jar --files /path/mylib1.py,/path/mylib2.zip,/path/mylib3.egg&quot;
-</code></pre></div></li>
+
+<p>export SPARK<em>SUBMIT</em>OPTIONS=&quot;--packages com.databricks:spark-csv_2.10:1.2.0 --jars /path/mylib1.jar,/path/mylib2.jar --files /path/mylib1.py,/path/mylib2.zip,/path/mylib3.egg&quot;</p></li>
 <li><p>SPARK_HOME/conf/spark-defaults.conf</p>
-<div class="highlight"><pre><code class="text language-text" data-lang="text">spark.jars              /path/mylib1.jar,/path/mylib2.jar
-spark.jars.packages     com.databricks:spark-csv_2.10:1.2.0
-spark.files             /path/mylib1.py,/path/mylib2.egg,/path/mylib3.zip
-</code></pre></div></li>
+
+<p>spark.jars        /path/mylib1.jar,/path/mylib2.jar
+spark.jars.packages   com.databricks:spark-csv_2.10:1.2.0
+spark.files       /path/mylib1.py,/path/mylib2.egg,/path/mylib3.zip</p></li>
 </ul>
 
 <h3>3. Dynamic Dependency Loading via %dep interpreter</h3>
@@ -513,7 +525,7 @@ select * from ${table=defaultTableName}
 </code></pre></div>
 <p>To learn more about dynamic form, checkout <a href="../manual/dynamicform.html">Dynamic Form</a>.</p>
 
-<h3>Interpreter setting option.</h3>
+<h2>Interpreter setting option</h2>
 
 <p>Interpreter setting can choose one of &#39;shared&#39;, &#39;scoped&#39;, &#39;isolated&#39; option. Spark interpreter creates separate scala compiler per each notebook but share a single SparkContext in &#39;scoped&#39; mode (experimental). It creates separate SparkContext per each notebook in &#39;isolated&#39; mode.</p>
 
@@ -523,7 +535,7 @@ select * from ${table=defaultTableName}
 
 <p><img src="../assets/themes/zeppelin/img/docs-img/kdc_zeppelin.png"></p>
 
-<h4>Configuration Setup</h4>
+<h3>Configuration Setup</h3>
 
 <ol>
 <li><p>On the server that Zeppelin is installed, install Kerberos client modules and configuration, krb5.conf.

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/manual/dependencymanagement.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/manual/dependencymanagement.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/manual/dependencymanagement.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/manual/dependencymanagement.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/manual/dynamicform.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/manual/dynamicform.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/manual/dynamicform.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/manual/dynamicform.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -180,16 +181,18 @@ See the License for the specific languag
 limitations under the License.
 -->
 
-<h2>Dynamic Form</h2>
+<h1>Dynamic Form</h1>
 
-<p>Zeppelin dynamically creates input forms. Depending on language backend, there&#39;re two different ways to create dynamic form.
+<div id="toc"></div>
+
+<p>Apache Zeppelin dynamically creates input forms. Depending on language backend, there&#39;re two different ways to create dynamic form.
 Custom language backend can select which type of form creation it wants to use.</p>
 
-<h3>Using form Templates</h3>
+<h2>Using form Templates</h2>
 
 <p>This mode creates form using simple template language. It&#39;s simple and easy to use. For example Markdown, Shell, SparkSql language backend uses it.</p>
 
-<h4>Text input form</h4>
+<h3>Text input form</h3>
 
 <p>To create text input form, use <code>${formName}</code> templates.</p>
 
@@ -201,7 +204,7 @@ Custom language backend can select which
 
 <p><img src="../assets/themes/zeppelin/img/screenshots/form_input_default.png" /></p>
 
-<h4>Select form</h4>
+<h3>Select form</h3>
 
 <p>To create select form, use <code>${formName=defaultValue,option1|option2...}</code></p>
 
@@ -213,7 +216,7 @@ Custom language backend can select which
 
 <p><img src="../assets/themes/zeppelin/img/screenshots/form_select_displayname.png" /></p>
 
-<h4>Checkbox form</h4>
+<h3>Checkbox form</h3>
 
 <p>For multi-selection, you can create a checkbox form using <code>${checkbox:formName=defaultValue1|defaultValue2...,option1|option2...}</code>. The variable will be substituted by a comma-separated string based on the selected items. For example:</p>
 
@@ -223,13 +226,13 @@ Custom language backend can select which
 
 <p><img src="../assets/themes/zeppelin/img/screenshots/form_checkbox_delimiter.png"></p>
 
-<h3>Creates Programmatically</h3>
+<h2>Creates Programmatically</h2>
 
 <p>Some language backend uses programmatic way to create form. For example <a href="../interpreter/spark.html#zeppelincontext">ZeppelinContext</a> provides form creation API</p>
 
 <p>Here&#39;re some examples.</p>
 
-<h4>Text input form</h4>
+<h3>Text input form</h3>
 
 <div class="codetabs">
     <div data-lang="scala" markdown="1">
@@ -254,7 +257,7 @@ Custom language backend can select which
 
 <p><img src="../assets/themes/zeppelin/img/screenshots/form_input_prog.png" /></p>
 
-<h4>Text input form with default value</h4>
+<h3>Text input form with default value</h3>
 
 <div class="codetabs">
     <div data-lang="scala" markdown="1">
@@ -279,7 +282,7 @@ Custom language backend can select which
 
 <p><img src="../assets/themes/zeppelin/img/screenshots/form_input_default_prog.png" /></p>
 
-<h4>Select form</h4>
+<h3>Select form</h3>
 
 <div class="codetabs">
     <div data-lang="scala" markdown="1">

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/manual/dynamicinterpreterload.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/manual/dynamicinterpreterload.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/manual/dynamicinterpreterload.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/manual/dynamicinterpreterload.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -180,13 +181,13 @@ See the License for the specific languag
 limitations under the License.
 -->
 
-<h2>Dynamic Interpreter Loading using REST API</h2>
+<h1>Dynamic Interpreter Loading using REST API</h1>
+
+<div id="toc"></div>
 
 <p>Zeppelin provides pluggable interpreter architecture which results in a wide and variety of the supported backend system. In this section, we will introduce <strong>Dynamic interpreter loading</strong> using <strong>REST API</strong>. This concept actually comes from <a href="https://cwiki.apache.org/confluence/display/ZEPPELIN/Helium+proposal">Zeppelin Helium Proposal</a>.
 Before we start, if you are not familiar with the concept of <strong>Zeppelin interpreter</strong>, you can check out <a href="../manual/interpreters.html">Overview of Zeppelin interpreter</a> first.</p>
 
-<p><br/></p>
-
 <h2>Overview</h2>
 
 <p>In the past, Zeppelin was loading interpreter binaries from <code>/interpreter/[interpreter_name]</code> directory. They were configured by <code>zeppelin.interpreters</code> property in <code>conf/zeppelin-site.xml</code> or <code>ZEPPELIN_INTERPRETERS</code> env variables in <code>conf/zeppelin-env.sh</code>. They were loaded on Zeppelin server startup and stayed alive until the server was stopped.
@@ -195,7 +196,7 @@ In order to simplify using 3rd party int
 
 <h2>Load &amp; Unload Interpreters Using REST API</h2>
 
-<h3>1. Load</h3>
+<h3>Load</h3>
 
 <p>You can <strong>load</strong> interpreters located in Maven repository using REST API, like this:</p>
 
@@ -224,32 +225,23 @@ In order to simplify using 3rd party int
 <p>The meaning of each parameters is: </p>
 
 <ol>
-<li><p><strong>Artifact</strong></p>
-
-<ul>
+<li><strong>Artifact</strong></li>
 <li>groupId: org.apache.zeppelin</li>
 <li>artifactId: zeppelin-markdown</li>
-<li>version: 0.6.0-SNAPSHOT</li>
-</ul></li>
-<li><p><strong>Class Name</strong></p>
-
-<ul>
-<li>Package Name: org.apache.zeppelin</li>
-<li>Interpreter Class Name: markdown.Markdown</li>
-</ul></li>
-<li><p><strong>Repository ( optional )</strong></p>
-
-<ul>
-<li>Url: http://dl.bintray.com/spark-packages/maven</li>
-<li>Snapshot: false</li>
-</ul></li>
+<li><p>version: 0.6.0-SNAPSHOT</p></li>
+<li><p><strong>Class Name</strong></p></li>
+<li><p>Package Name: org.apache.zeppelin</p></li>
+<li><p>Interpreter Class Name: markdown.Markdown</p></li>
+<li><p><strong>Repository ( optional )</strong></p></li>
+<li><p>Url: http://dl.bintray.com/spark-packages/maven</p></li>
+<li><p>Snapshot: false</p></li>
 </ol>
 
 <blockquote>
 <p><b>Please note: </b>The interpreters you downloaded need to be <strong>reload</strong>, when your Zeppelin server is down. </p>
 </blockquote>
 
-<h3>2. Unload</h3>
+<h3>Unload</h3>
 
 <p>If you want to <strong>unload</strong> the interpreters using REST API, </p>
 <div class="highlight"><pre><code class="text language-text" data-lang="text">http://[zeppelin-server]:[zeppelin-port]/api/interpreter/unload/[interpreter_group_name]/[interpreter_name]

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/manual/interpreterinstallation.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/manual/interpreterinstallation.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/manual/interpreterinstallation.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/manual/interpreterinstallation.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -182,6 +183,8 @@ limitations under the License.
 
 <h1>Interpreter Installation</h1>
 
+<div id="toc"></div>
+
 <p>Apache Zeppelin provides <strong>Interpreter Installation</strong> mechanism for whom downloaded Zeppelin <code>netinst</code> binary package, or just want to install another 3rd party interpreters. </p>
 
 <h2>Community managed interpreters</h2>

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/manual/interpreters.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/manual/interpreters.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/manual/interpreters.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/manual/interpreters.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -180,7 +181,11 @@ See the License for the specific languag
 limitations under the License.
 -->
 
-<h2>Interpreters in Zeppelin</h2>
+<h1>Interpreters in Apache Zeppelin</h1>
+
+<div id="toc"></div>
+
+<h2>Overview</h2>
 
 <p>In this section, we will explain about the role of interpreters, interpreters group and interpreter settings in Zeppelin.
 The concept of Zeppelin interpreter allows any language/data-processing-backend to be plugged into Zeppelin.
@@ -192,13 +197,13 @@ Currently, Zeppelin supports many interp
 
 <p>When you click the <code>+Create</code> button in the interpreter page, the interpreter drop-down list box will show all the available interpreters on your server.</p>
 
-<p><img src="../assets/themes/zeppelin/img/screenshots/interpreter_create.png"></p>
+<p><img src="../assets/themes/zeppelin/img/screenshots/interpreter_create.png" width="280px"></p>
 
-<h2>What is Zeppelin Interpreter Setting?</h2>
+<h2>What is interpreter setting?</h2>
 
 <p>Zeppelin interpreter setting is the configuration of a given interpreter on Zeppelin server. For example, the properties are required for hive JDBC interpreter to connect to the Hive server.</p>
 
-<p><img src="../assets/themes/zeppelin/img/screenshots/interpreter_setting.png"></p>
+<p><img src="../assets/themes/zeppelin/img/screenshots/interpreter_setting.png" width="500px"></p>
 
 <p>Properties are exported as environment variable when property name is consisted of upper characters, numbers and underscore ([A-Z_0-9]). Otherwise set properties as JVM property.</p>
 
@@ -206,15 +211,16 @@ Currently, Zeppelin supports many interp
 
 <p><img src="../assets/themes/zeppelin/img/screenshots/interpreter_binding.png" width="800px"></p>
 
-<h2>What is Zeppelin Interpreter Group?</h2>
+<h2>What is interpreter group?</h2>
 
 <p>Every Interpreter is belonged to an <strong>Interpreter Group</strong>. Interpreter Group is a unit of start/stop interpreter.
 By default, every interpreter is belonged to a single group, but the group might contain more interpreters. For example, Spark interpreter group is including Spark support, pySpark, SparkSQL and the dependency loader.</p>
 
 <p>Technically, Zeppelin interpreters from the same group are running in the same JVM. For more information about this, please checkout <a href="../development/writingzeppelininterpreter.html">here</a>.</p>
 
-<p>Each interpreters is belonged to a single group and registered together. All of their properties are listed in the interpreter setting like below image.
-<img src="../assets/themes/zeppelin/img/screenshots/interpreter_setting_spark.png"></p>
+<p>Each interpreters is belonged to a single group and registered together. All of their properties are listed in the interpreter setting like below image.</p>
+
+<p><img src="../assets/themes/zeppelin/img/screenshots/interpreter_setting_spark.png" width="500px"></p>
 
 <h2>Interpreter binding mode</h2>
 
@@ -223,7 +229,7 @@ In &#39;shared&#39; mode, every notebook
 
 <p><img src="../assets/themes/zeppelin/img/screenshots/interpreter_persession.png" width="400px"></p>
 
-<h2>Connecting to the Existing Remote Interpreter</h2>
+<h2>Connecting to the existing remote interpreter</h2>
 
 <p>Zeppelin users can start interpreter thread embedded in their service. This will provide flexibility to user to start interpreter on remote host. To start interpreter along with your service you have to create an instance of <code>RemoteInterpreterServer</code> and start it as follows:</p>
 <div class="highlight"><pre><code class="text language-text" data-lang="text">RemoteInterpreterServer interpreter=new RemoteInterpreterServer(3678); 
@@ -232,7 +238,7 @@ interpreter.start()
 </code></pre></div>
 <p>The above code will start interpreter thread inside your process. Once the interpreter is started you can configure zeppelin to connect to RemoteInterpreter by checking <strong>Connect to existing process</strong> checkbox and then provide <strong>Host</strong> and <strong>Port</strong> on which interpreter porocess is listening as shown in the image below:</p>
 
-<p><img src="../assets/themes/zeppelin/img/screenshots/existing_interpreter.png" width="400px"></p>
+<p><img src="../assets/themes/zeppelin/img/screenshots/existing_interpreter.png" width="450px"></p>
 
   </div>
 </div>

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/manual/notebookashomepage.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/manual/notebookashomepage.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/manual/notebookashomepage.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/manual/notebookashomepage.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -180,44 +181,37 @@ See the License for the specific languag
 limitations under the License.
 -->
 
-<h2>Customize your zeppelin homepage</h2>
+<h1>Customize Apache Zeppelin homepage</h1>
 
-<p>Zeppelin allows you to use one of the notebooks you create as your zeppelin Homepage.
- With that you can brand your zeppelin installation,
- adjust the instruction to your users needs and even translate to other languages.</p>
+<div id="toc"></div>
 
-<p><br /></p>
+<p>Apache Zeppelin allows you to use one of the notebooks you create as your Zeppelin Homepage.
+With that you can brand your Zeppelin installation, adjust the instruction to your users needs and even translate to other languages.</p>
 
-<h3>How to set a notebook as your zeppelin homepage</h3>
+<h2>How to set a notebook as your Zeppelin homepage</h2>
 
 <p>The process for creating your homepage is very simple as shown below:</p>
 
 <ol>
-<li>Create a notebook using zeppelin</li>
+<li>Create a notebook using Zeppelin</li>
 <li>Set the notebook id in the config file</li>
-<li><p>Restart zeppelin</p>
-
-<p><br /></p>
-
-<h4>Create a notebook using zeppelin</h4>
+<li>Restart Zeppelin</li>
+</ol>
 
-<p>Create a new notebook using zeppelin,
-you can use <code>%md</code> interpreter for markdown content or any other interpreter you like.</p>
+<h3>Create a notebook using Zeppelin</h3>
 
-<p>You can also use the display system to generate <a href="../displaysystem/display.html">text</a>,
-<a href="../displaysystem/display.html#html">html</a>,<a href="../displaysystem/table.html">table</a> or
-<a href="../displaysystem/angular.html">angular</a></p>
+<p>Create a new notebook using Zeppelin,
+you can use <code>%md</code> interpreter for markdown content or any other interpreter you like.
+You can also use the display system to generate <a href="../displaysystem/basicdisplaysystem.html#text">text</a>, <a href="../displaysystem/basicdisplaysystem.html#html">html</a>, <a href="../displaysystem/basicdisplaysystem.html#table">table</a> or
+Angular (<a href="../displaysystem/back-end-angular.html">backend API</a>, <a href="../displaysystem/front-end-angular.html">frontend API</a>).</p>
 
 <p>Run (shift+Enter) the notebook and see the output. Optionally, change the notebook view to report to hide
 the code sections.</p>
 
-<p><br /></p>
+<h3>Set the notebook id in the config file</h3>
 
-<h4>Set the notebook id in the config file</h4>
-
-<p>To set the notebook id in the config file you should copy it from the last word in the notebook url</p>
-
-<p>for example</p>
+<p>To set the notebook id in the config file, you should copy it from the last word in the notebook url.
+For example,</p>
 
 <p><img src="/assets/themes/zeppelin/img/screenshots/homepage_notebook_id.png" /></p>
 
@@ -227,50 +221,46 @@ or <code>zeppelin.notebook.homescreen</c
 <p>You can also set the <code>ZEPPELIN_NOTEBOOK_HOMESCREEN_HIDE</code> environment variable
 or <code>zeppelin.notebook.homescreen.hide</code> property to hide the new notebook from the notebook list.</p>
 
-<p><br /></p>
+<h3>Restart Zeppelin</h3>
 
-<h4>Restart zeppelin</h4>
-
-<p>Restart your zeppelin server</p>
+<p>Restart your Zeppelin server</p>
 <div class="highlight"><pre><code class="text language-text" data-lang="text">./bin/zeppelin-deamon stop
 ./bin/zeppelin-deamon start
 </code></pre></div>
-<h4>That&#39;s it! Open your browser and navigate to zeppelin and see your customized homepage...</h4></li>
-</ol>
+<p>That&#39;s it! Open your browser and navigate to Apache Zeppelin and see your customized homepage.</p>
 
 <p><br /></p>
 
-<h3>Show notebooks list in your custom homepage</h3>
+<h2>Show notebooks list in your custom homepage</h2>
 
-<p>If you want to display the list of notebooks on your custom zeppelin homepage all
+<p>If you want to display the list of notebooks on your custom Apache Zeppelin homepage all
 you need to do is use our %angular support.</p>
 
-<p><br />
-  Add the following code to a paragraph in you home page and run it... walla! you have your notebooks list.</p>
-<div class="highlight"><pre><code class="javascript language-javascript" data-lang="javascript">  <span class="nx">println</span><span class="p">(</span>
-  <span class="s2">&quot;&quot;&quot;%angular</span>
-<span class="s2">    &lt;div class=&quot;</span><span class="nx">col</span><span class="o">-</span><span class="nx">md</span><span class="o">-</span><span class="mi">4</span><span class="s2">&quot; ng-controller=&quot;</span><span class="nx">HomeCtrl</span> <span class="nx">as</span> <span class="nx">home</span><span class="s2">&quot;&gt;</span>
-<span class="s2">      &lt;h4&gt;Notebooks&lt;/h4&gt;</span>
-<span class="s2">      &lt;div&gt;</span>
-<span class="s2">        &lt;h5&gt;&lt;a href=&quot;&quot; data-toggle=&quot;</span><span class="nx">modal</span><span class="s2">&quot; data-target=&quot;</span><span class="err">#</span><span class="nx">noteNameModal</span><span class="s2">&quot; style=&quot;</span><span class="nx">text</span><span class="o">-</span><span class="nx">decoration</span><span class="o">:</span> <span class="nx">none</span><span class="p">;</span><span class="s2">&quot;&gt;</span>
-<span class="s2">          &lt;i style=&quot;</span><span class="nx">font</span><span class="o">-</span><span class="nx">size</span><span class="o">:</span> <span class="mi">15</span><span class="nx">px</span><span class="p">;</span><span class="s2">&quot; class=&quot;</span><span class="nx">icon</span><span class="o">-</span><span class="nx">notebook</span><span class="s2">&quot;&gt;&lt;/i&gt; Create new note&lt;/a&gt;&lt;/h5&gt;</span>
-<span class="s2">          &lt;ul style=&quot;</span><span class="nx">list</span><span class="o">-</span><span class="nx">style</span><span class="o">-</span><span class="nx">type</span><span class="o">:</span> <span class="nx">none</span><span class="p">;</span><span class="s2">&quot;&gt;</span>
-<span class="s2">            &lt;li ng-repeat=&quot;</span><span class="nx">note</span> <span class="k">in</span> <span class="nx">home</span><span class="p">.</span><span class="nx">notes</span><span class="p">.</span><span class="nx">list</span> <span class="nx">track</span> <span class="nx">by</span> <span class="nx">$index</span><span class="s2">&quot;&gt;&lt;i style=&quot;</span><span class="nx">font</span><span class="o">-</span><span class="nx">size</span><span class="o">:</span> <span class="mi">10</span><span class="nx">px</span><span class="p">;</span><span class="s2">&quot; class=&quot;</span><span class="nx">icon</span><span class="o">-</span><span class="nx">doc</span><span class="s2">&quot;&gt;&lt;/i&gt;</span>
-<span class="s2">              &lt;a style=&quot;</span><span class="nx">text</span><span class="o">-</span><span class="nx">decoration</span><span class="o">:</span> <span class="nx">none</span><span class="p">;</span><span class="s2">&quot; href=&quot;</span><span class="err">#</span><span class="o">/</span><span class="nx">notebook</span><span class="o">/</span><span class="s2">&quot;&gt;&lt;/a&gt;</span>
-<span class="s2">            &lt;/li&gt;</span>
-<span class="s2">          &lt;/ul&gt;</span>
-<span class="s2">      &lt;/div&gt;</span>
+<p>Add the following code to a paragraph in you home page and run it... walla! you have your notebooks list.</p>
+<div class="highlight"><pre><code class="javascript language-javascript" data-lang="javascript"><span class="nx">println</span><span class="p">(</span>
+<span class="s2">&quot;&quot;&quot;%angular</span>
+<span class="s2">  &lt;div class=&quot;</span><span class="nx">col</span><span class="o">-</span><span class="nx">md</span><span class="o">-</span><span class="mi">4</span><span class="s2">&quot; ng-controller=&quot;</span><span class="nx">HomeCtrl</span> <span class="nx">as</span> <span class="nx">home</span><span class="s2">&quot;&gt;</span>
+<span class="s2">    &lt;h4&gt;Notebooks&lt;/h4&gt;</span>
+<span class="s2">    &lt;div&gt;</span>
+<span class="s2">      &lt;h5&gt;&lt;a href=&quot;&quot; data-toggle=&quot;</span><span class="nx">modal</span><span class="s2">&quot; data-target=&quot;</span><span class="err">#</span><span class="nx">noteNameModal</span><span class="s2">&quot; style=&quot;</span><span class="nx">text</span><span class="o">-</span><span class="nx">decoration</span><span class="o">:</span> <span class="nx">none</span><span class="p">;</span><span class="s2">&quot;&gt;</span>
+<span class="s2">        &lt;i style=&quot;</span><span class="nx">font</span><span class="o">-</span><span class="nx">size</span><span class="o">:</span> <span class="mi">15</span><span class="nx">px</span><span class="p">;</span><span class="s2">&quot; class=&quot;</span><span class="nx">icon</span><span class="o">-</span><span class="nx">notebook</span><span class="s2">&quot;&gt;&lt;/i&gt; Create new note&lt;/a&gt;&lt;/h5&gt;</span>
+<span class="s2">        &lt;ul style=&quot;</span><span class="nx">list</span><span class="o">-</span><span class="nx">style</span><span class="o">-</span><span class="nx">type</span><span class="o">:</span> <span class="nx">none</span><span class="p">;</span><span class="s2">&quot;&gt;</span>
+<span class="s2">          &lt;li ng-repeat=&quot;</span><span class="nx">note</span> <span class="k">in</span> <span class="nx">home</span><span class="p">.</span><span class="nx">notes</span><span class="p">.</span><span class="nx">list</span> <span class="nx">track</span> <span class="nx">by</span> <span class="nx">$index</span><span class="s2">&quot;&gt;&lt;i style=&quot;</span><span class="nx">font</span><span class="o">-</span><span class="nx">size</span><span class="o">:</span> <span class="mi">10</span><span class="nx">px</span><span class="p">;</span><span class="s2">&quot; class=&quot;</span><span class="nx">icon</span><span class="o">-</span><span class="nx">doc</span><span class="s2">&quot;&gt;&lt;/i&gt;</span>
+<span class="s2">            &lt;a style=&quot;</span><span class="nx">text</span><span class="o">-</span><span class="nx">decoration</span><span class="o">:</span> <span class="nx">none</span><span class="p">;</span><span class="s2">&quot; href=&quot;</span><span class="err">#</span><span class="o">/</span><span class="nx">notebook</span><span class="o">/</span><span class="s2">&quot;&gt;&lt;/a&gt;</span>
+<span class="s2">          &lt;/li&gt;</span>
+<span class="s2">        &lt;/ul&gt;</span>
 <span class="s2">    &lt;/div&gt;</span>
-<span class="s2">  &quot;&quot;&quot;</span><span class="p">)</span>
+<span class="s2">  &lt;/div&gt;</span>
+<span class="s2">&quot;&quot;&quot;</span><span class="p">)</span>
 </code></pre></div>
 <p>After running the notebook you will see output similar to this one:
-  <img src="/assets/themes/zeppelin/img/screenshots/homepage_notebook_list.png" /></p>
+<img src="/assets/themes/zeppelin/img/screenshots/homepage_notebook_list.png" /></p>
 
 <p>The main trick here relays in linking the <code>&lt;div&gt;</code> to the controller:</p>
-<div class="highlight"><pre><code class="javascript language-javascript" data-lang="javascript">  <span class="o">&lt;</span><span class="nx">div</span> <span class="kr">class</span><span class="o">=</span><span class="s2">&quot;col-md-4&quot;</span> <span class="nx">ng</span><span class="o">-</span><span class="nx">controller</span><span class="o">=</span><span class="s2">&quot;HomeCtrl as home&quot;</span><span class="o">&gt;</span>
+<div class="highlight"><pre><code class="javascript language-javascript" data-lang="javascript"><span class="o">&lt;</span><span class="nx">div</span> <span class="kr">class</span><span class="o">=</span><span class="s2">&quot;col-md-4&quot;</span> <span class="nx">ng</span><span class="o">-</span><span class="nx">controller</span><span class="o">=</span><span class="s2">&quot;HomeCtrl as home&quot;</span><span class="o">&gt;</span>
 </code></pre></div>
 <p>Once we have <code>home</code> as our controller variable in our <code>&lt;div&gt;&lt;/div&gt;</code> 
-  we can use <code>home.notes.list</code> to get access to the notebook list.</p>
+we can use <code>home.notes.list</code> to get access to the notebook list.</p>
 
   </div>
 </div>

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/manual/publish.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/manual/publish.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/manual/publish.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/manual/publish.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -180,16 +181,14 @@ See the License for the specific languag
 limitations under the License.
 -->
 
-<h2>How can you publish your paragraph ?</h2>
+<h1>How can you publish your paragraph ?</h1>
 
-<p>Zeppelin provides a feature for publishing your notebook paragraph results. Using this feature, you can show Zeppelin notebook paragraph results in your own website. 
-It&#39;s very straightforward. Just use <code>&lt;iframe&gt;</code> tag in your page.</p>
+<div id="toc"></div>
 
-<blockquote>
-<p><strong>Warning</strong>: Please use this feature with caution and in a trusted environment only, as Zeppelin entire Webapp could be accessible for whoever visits your website.</p>
-</blockquote>
+<p>Apache Zeppelin provides a feature for publishing your notebook paragraph results. Using this feature, you can show Zeppelin notebook paragraph results in your own website. 
+It&#39;s very straightforward. Just use <code>&lt;iframe&gt;</code> tag in your page.</p>
 
-<h3>Copy a Paragraph Link</h3>
+<h2>Copy a Paragraph Link</h2>
 
 <p>A first step to publish your paragraph result is <strong>Copy a Paragraph Link</strong>.</p>
 
@@ -200,7 +199,7 @@ It&#39;s very straightforward. Just use
 <center><img src="../assets/themes/zeppelin/img/docs-img/copy-the-link.png" height="100%" width="100%"></center></p></li>
 </ul>
 
-<h3>Embed the Paragraph to Your Website</h3>
+<h2>Embed the Paragraph to Your Website</h2>
 
 <p>For publishing the copied paragraph, you may use <code>&lt;iframe&gt;</code> tag in your website page.
 For example,</p>
@@ -210,7 +209,7 @@ For example,</p>
 <center><img src="../assets/themes/zeppelin/img/docs-img/your-website.png" height="90%" width="90%"></center></p>
 
 <blockquote>
-<p><strong>Note</strong>: To embed the paragraph in a website, Zeppelin needs to be reachable by that website. </p>
+<p><strong>Note</strong>: To embed the paragraph in a website, Apache Zeppelin needs to be reachable by that website. And please use this feature with caution and in a trusted environment only, as Zeppelin entire Webapp could be accessible by whoever visits your website. </p>
 </blockquote>
 
   </div>

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/pleasecontribute.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/pleasecontribute.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/pleasecontribute.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/pleasecontribute.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/quickstart/explorezeppelinui.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/quickstart/explorezeppelinui.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/quickstart/explorezeppelinui.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/quickstart/explorezeppelinui.html Sun Jun 26 06:16:07 2016
@@ -3,7 +3,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <title>Explore Zeppelin UI</title>
+    <title>Explore Apache Zeppelin UI</title>
     <meta name="description" content="Description of Zeppelin UI Layout">
     <meta name="author" content="The Apache Software Foundation">
 
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -159,7 +160,7 @@
 
     <div class="content">
       
-<!--<div class="hero-unit Explore Zeppelin UI">
+<!--<div class="hero-unit Explore Apache Zeppelin UI">
   <h1></h1>
 </div>
 -->
@@ -180,9 +181,13 @@ See the License for the specific languag
 limitations under the License.
 -->
 
-<h2>Home Page</h2>
+<h1>Explore Apache Zeppelin UI</h1>
 
-<p>The first time you connect to Zeppelin, you&#39;ll land at the main page similar to the below screen capture</p>
+<div id="toc"></div>
+
+<h2>Main home</h2>
+
+<p>The first time you connect to Zeppelin, you&#39;ll land at the main page similar to the below screen capture.</p>
 
 <p><img src="../assets/themes/zeppelin/img/ui-img/homepage.png" /></p>
 
@@ -191,7 +196,7 @@ limitations under the License.
 <p>You can filter them by name using the input text form. You can also create an new note, refresh the list of existing notes
 (in case you manually copy them into the <code>$ZEPPELIN_HOME/notebook</code> folder) and import a note.</p>
 
-<p><img src="../assets/themes/zeppelin/img/ui-img/notes_management.png" /></p>
+<p><img src="../assets/themes/zeppelin/img/ui-img/notes_management.png" width="230px" /></p>
 
 <p>When clicking on <code>Import Note</code> link, a new dialog open. From there you can import your note from local disk or from a remote location
 if you provide the URL.</p>
@@ -204,7 +209,7 @@ if you provide the URL.</p>
 
 <h2>Menus</h2>
 
-<h3>1. Notebook</h3>
+<h3>Notebook</h3>
 
 <p>The <code>Notebook</code> menu proposes almost the same features as the note management section in the home page. From the drop-down menu you can:</p>
 
@@ -214,9 +219,9 @@ if you provide the URL.</p>
 <li>Create a new note</li>
 </ol>
 
-<p><img src="../assets/themes/zeppelin/img/ui-img/notebook_menu.png" /></p>
+<p><img src="../assets/themes/zeppelin/img/ui-img/notebook_menu.png" width="170px" /></p>
 
-<h3>2. Interpreter</h3>
+<h3>Interpreter</h3>
 
 <p>In this menu you can:</p>
 
@@ -227,7 +232,7 @@ if you provide the URL.</p>
 
 <p><img src="../assets/themes/zeppelin/img/ui-img/interpreter_menu.png" /></p>
 
-<h3>3. Configuration</h3>
+<h3>Configuration</h3>
 
 <p>This menu displays all the Zeppelin configuration that are set in the config file <code>$ZEPPELIN_HOME/conf/zeppelin-site.xml</code></p>
 
@@ -258,7 +263,7 @@ if you provide the URL.</p>
 
 <p>To configure the paragraph, just click on the gear icon:</p>
 
-<p><img src="../assets/themes/zeppelin/img/ui-img/paragraph_configuration_dialog.png" /></p>
+<p><img src="../assets/themes/zeppelin/img/ui-img/paragraph_configuration_dialog.png" width="180px" /></p>
 
 <p>From this dialog, you can (in descending order):</p>
 
@@ -298,7 +303,7 @@ if you provide the URL.</p>
 <li>schedule the execution of <strong>all paragraph</strong> using a CRON syntax</li>
 </ul>
 
-<p><img src="../assets/themes/zeppelin/img/ui-img/note_commands.png" /></p>
+<p><img src="../assets/themes/zeppelin/img/ui-img/note_commands.png" width="300px"/></p>
 
 <p>On the right of the note tool bar you can find configuration icons:</p>
 
@@ -309,7 +314,7 @@ if you provide the URL.</p>
 <li>switch the node display mode between <code>default</code>, <code>simple</code> and <code>report</code></li>
 </ul>
 
-<p><img src="../assets/themes/zeppelin/img/ui-img/note_configuration.png" /></p>
+<p><img src="../assets/themes/zeppelin/img/ui-img/note_configuration.png" width="180px"/></p>
 
   </div>
 </div>

Modified: zeppelin/site/docs/0.6.0-SNAPSHOT/quickstart/tutorial.html
URL: http://svn.apache.org/viewvc/zeppelin/site/docs/0.6.0-SNAPSHOT/quickstart/tutorial.html?rev=1750233&r1=1750232&r2=1750233&view=diff
==============================================================================
--- zeppelin/site/docs/0.6.0-SNAPSHOT/quickstart/tutorial.html (original)
+++ zeppelin/site/docs/0.6.0-SNAPSHOT/quickstart/tutorial.html Sun Jun 26 06:16:07 2016
@@ -34,6 +34,7 @@
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
     <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/anchor.min.js"></script>
+    <script src="/docs/0.6.0-SNAPSHOT/assets/themes/zeppelin/js/toc.js"></script>
 
     <!-- atom & rss feed -->
     <link href="/docs/0.6.0-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
@@ -180,17 +181,17 @@ See the License for the specific languag
 limitations under the License.
 -->
 
-<h2>Zeppelin Tutorial</h2>
+<h1>Zeppelin Tutorial</h1>
+
+<div id="toc"></div>
 
 <p>This tutorial walks you through some of the fundamental Zeppelin concepts. We will assume you have already installed Zeppelin. If not, please see <a href="../install/install.html">here</a> first.</p>
 
 <p>Current main backend processing engine of Zeppelin is <a href="https://spark.apache.org">Apache Spark</a>. If you&#39;re new to this system, you might want to start by getting an idea of how it processes data to get the most out of Zeppelin.</p>
 
-<p><br /></p>
-
 <h2>Tutorial with Local File</h2>
 
-<h3>1. Data Refine</h3>
+<h3>Data Refine</h3>
 
 <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>
 
@@ -212,7 +213,7 @@ limitations under the License.
 <span class="c1">// convert to DataFrame and create temporal table</span>
 <span class="n">bank</span><span class="o">.</span><span class="n">toDF</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>
-<h3>2. Data Retrieval</h3>
+<h3>Data Retrieval</h3>
 
 <p>Suppose we want to see age distribution from <code>bank</code>. To do this, run:</p>
 <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>
@@ -227,7 +228,7 @@ limitations under the License.
 
 <h2>Tutorial with Streaming Data</h2>
 
-<h3>1. Data Refine</h3>
+<h3>Data Refine</h3>
 
 <p>Since this tutorial is based on Twitter&#39;s sample tweet stream, you must configure authentication with a Twitter account. To do this, take a look at <a href="https://databricks-training.s3.amazonaws.com/realtime-processing-with-spark-streaming.html#twitter-credential-setup">Twitter Credential Setup</a>. After you get API keys, you should fill out credential related values(<code>apiKey</code>, <code>apiSecret</code>, <code>accessToken</code>, <code>accessTokenSecret</code>) with your API keys on following script.</p>
 
@@ -284,7 +285,7 @@ limitations under the License.
 
 <span class="n">ssc</span><span class="o">.</span><span class="n">start</span><span class="o">()</span>
 </code></pre></div>
-<h3>2. Data Retrieval</h3>
+<h3>Data Retrieval</h3>
 
 <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>