ZEPPELIN-585: Add new doc on how to embedd Note\Paragraph plots into other websites

docs/_includes/themes/zeppelin/_navigation.html

@@ -31,6 +31,7 @@
                 <li role="separator" class="divider"></li>
                 <!-- li><span><b>Guide</b><span></li -->
                 <li><a href="{{BASE_PATH}}/manual/dynamicform.html">Dynamic Form</a></li>
+                <li><a href="{{BASE_PATH}}/manual/publish.html">Publish your Paragraph</a></li>
               </ul>
             </li>
             <li>
@@ -87,4 +88,4 @@
           </ul>
         </nav><!--/.navbar-collapse -->
       </div>
-    </div>
+    </div>

docs/index.md

@@ -37,7 +37,6 @@ limitations under the License.
  <div class="col-md-7"><img class="img-responsive" style="border: 1px solid #ecf0f1;" height="auto" src="/assets/themes/zeppelin/img/notebook.png" /></div>
 </div>
 
-
 <br />
 ### Multiple language backend
 
@@ -86,7 +85,6 @@ With simple drag and drop Zeppelin aggeregates the values and display them in pi
 </div>
 Learn more about Zeppelin's Display system. ( [text](./displaysystem/display.html), [html](./displaysystem/display.html#html), [table](./displaysystem/table.html), [angular](./displaysystem/angular.html) )
 
-
 <br />
 ### Dynamic forms
 
@@ -96,7 +94,6 @@ Zeppelin can dynamically create some input forms into your notebook.
 
 Learn more about [Dynamic Forms](./manual/dynamicform.html).
 
-
 <br />
 ### Collaboration
 
@@ -114,6 +111,8 @@ This way, you can easily embed it as an iframe inside of your website.</p>
   <img class="img-responsive center-block" src="/assets/themes/zeppelin/img/screenshots/publish.png" />
 </div>
 
+Learn more about this feature, please checkout [here](./manual/publish.html).
+
 <br />
 ### 100% Opensource
 
@@ -124,5 +123,4 @@ Join the [Mailing list](./community.html) and report issues on our [Issue tracke
 
 <br />
 ### Undergoing Incubation
-Apache Zeppelin is an effort undergoing [incubation](https://incubator.apache.org/index.html) at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.
- 
+Apache Zeppelin is an effort undergoing [incubation](https://incubator.apache.org/index.html) at The Apache Software Foundation (ASF), sponsored by the Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.

docs/manual/publish.md

@@ -0,0 +1,47 @@
+---
+layout: page
+title: "Publish your Paragraph"
+description: ""
+group: manual
+---
+<!--
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+{% include JB/setup %}
+
+## How can you publish your paragraph ?
+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's very straightforward. Just use `<iframe>` tag in your page.
+
+### Copy a Paragraph Link
+A first step to publish your paragraph result is **Copy a Paragraph Link**.
+
+  * After running a paragraph in your Zeppelin notebook, click a gear button located on the right side. Then, click **Link this Paragraph** tab like below image.
+<center><img src="../assets/themes/zeppelin/img/docs-img/link-the-paragraph.png" height="100%" width="100%"></center>
+  
+  * Just copy the provided link. After then, change the host name to your ip address. 
+<center><img src="../assets/themes/zeppelin/img/docs-img/copy-the-link.png" height="100%" width="100%"></center>
+
+### Embed the Paragraph to Your Own Web Site
+For publishing the copied paragraph, you may use `<iframe>` tag in your web site page.
+For example,
+
+```
+<iframe src="http://<your-ip-address>:<your-zeppelin-port>/#/notebook/2B3QSZTKR/paragraph/...?asIframe" height="" width="" ></iframe>
+```
+
+Finally, you can see your beautiful visualization results in your web site. 
+<center><img src="../assets/themes/zeppelin/img/docs-img/your-website.png" height="90%" width="90%"></center>
+
+> **Note**: If your paragraph is not embeded properly, please confirm whether your ip address is valid or not.
+