Update toree website front page
diff --git a/site/assets/images/toree-application-scenario.png b/site/assets/images/toree-application-scenario.png
deleted file mode 100644
index afd6891..0000000
--- a/site/assets/images/toree-application-scenario.png
+++ /dev/null
Binary files differ
diff --git a/site/assets/images/toree-basic-scenario.png b/site/assets/images/toree-basic-scenario.png
deleted file mode 100644
index 20c0632..0000000
--- a/site/assets/images/toree-basic-scenario.png
+++ /dev/null
Binary files differ
diff --git a/site/assets/images/toree-magic-dataframe.png b/site/assets/images/toree-magic-dataframe.png
new file mode 100644
index 0000000..de8f823
--- /dev/null
+++ b/site/assets/images/toree-magic-dataframe.png
Binary files differ
diff --git a/site/assets/images/toree-magic-html.png b/site/assets/images/toree-magic-html.png
new file mode 100644
index 0000000..090de6d
--- /dev/null
+++ b/site/assets/images/toree-magic-html.png
Binary files differ
diff --git a/site/assets/images/toree-magic-sql.png b/site/assets/images/toree-magic-sql.png
new file mode 100644
index 0000000..2035639
--- /dev/null
+++ b/site/assets/images/toree-magic-sql.png
Binary files differ
diff --git a/site/assets/images/toree-scenario.png b/site/assets/images/toree-scenario.png
new file mode 100644
index 0000000..1dc8816
--- /dev/null
+++ b/site/assets/images/toree-scenario.png
Binary files differ
diff --git a/site/assets/images/toree-vizualization-brunel.png b/site/assets/images/toree-vizualization-brunel.png
new file mode 100644
index 0000000..b975782
--- /dev/null
+++ b/site/assets/images/toree-vizualization-brunel.png
Binary files differ
diff --git a/site/assets/themes/apache/css/style.css b/site/assets/themes/apache/css/style.css
index 64afedd..0b430da 100644
--- a/site/assets/themes/apache/css/style.css
+++ b/site/assets/themes/apache/css/style.css
@@ -4,6 +4,145 @@
body {
padding-top: 50px;
padding-bottom: 20px;
+ background: #fff;
+}
+
+body, input, select, textarea {
+ color: #444;
+ font-family: "Raleway", Helvetica, sans-serif;
+ font-size: 13pt;
+ font-weight: 400;
+ line-height: 1.65em;
+}
+
+a {
+ color: #383b43;
+ text-decoration: none;
+}
+
+a:active, a:hover {
+ text-decoration: underline;
+}
+
+strong, b {
+ color: #474747;
+ font-weight: 700;
+}
+
+em, i {
+ font-style: italic;
+}
+
+p {
+ margin: 0 0 2em 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ color: #474747;
+ font-weight: 700;
+ line-height: 1em;
+ margin: 0 0 1em 0;
+}
+
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+ color: inherit;
+ text-decoration: none;
+}
+
+h2 {
+ font-size: 1.75em;
+ line-height: 1.5em;
+}
+
+h3 {
+ font-size: 1.35em;
+ line-height: 1.5em;
+}
+
+h4 {
+ font-size: 1.1em;
+ line-height: 1.5em;
+}
+
+h5 {
+ font-size: 0.9em;
+ line-height: 1.5em;
+}
+
+h6 {
+ font-size: 0.7em;
+ line-height: 1.5em;
+}
+
+sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+}
+
+sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+}
+
+hr {
+ border: 0;
+ border-bottom: solid 1px rgba(144, 144, 144, 0.25);
+ margin: 2em 0;
+}
+
+hr.major {
+ margin: 3em 0;
+}
+
+blockquote {
+ border-left: solid 4px rgba(144, 144, 144, 0.25);
+ font-style: italic;
+ margin: 0 0 2em 0;
+ padding: 0.5em 0 0.5em 2em;
+}
+
+code {
+ background: rgba(144, 144, 144, 0.075);
+ border-radius: 4px;
+ border: solid 1px rgba(144, 144, 144, 0.25);
+ font-family: "Courier New", monospace;
+ font-size: 0.9em;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+}
+
+pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: "Courier New", monospace;
+ font-size: 0.9em;
+ margin: 0 0 2em 0;
+}
+
+pre code {
+ display: block;
+ line-height: 1.75em;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+}
+
+.center-block {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+.align-left {
+ text-align: left;
+}
+
+.align-center {
+ text-align: center;
+}
+
+.align-right {
+ text-align: right;
}
.jumbotron {
diff --git a/site/index.md b/site/index.md
index 30877d1..eced433 100644
--- a/site/index.md
+++ b/site/index.md
@@ -26,12 +26,50 @@
## Apache Toree
-Apache Toree is a kernel for the Jupyter Notebook platform providing interactively access to Apache Spark. It has been developed using the IPython protocol, and despite the protocol’s name, the apache Toree currently exposes the Spark programming model in Scala, Python and R languages.
+Apache Toree is a kernel for the Jupyter Notebook platform providing interactively access to Apache Spark. It has been developed using the IPython messaging protocol and 0MQ, and despite the protocol’s name, the apache Toree currently exposes the Spark programming model in Scala, Python and R languages.
-Toree supports a number of types of interactions. In one common case, applications send snippets of code which are then executed by Spark, and the results are returned directly to the application. This style of interaction is what users of Notebooks experience when they evaluate code in cells. Instead of sending raw code, an application can send magics, which might be commands to add a JAR to the Spark execution context or a call to execute a shell command such as “ls”. Toree provides a well-defined mechanism to associate functionality with magics, and this is a useful point of extensibility of the system.
+### Use Cases
-<img src='/assets/images/toree-basic-scenario.png' height="50%" width="50%">
+Toree supports a number of interaction scenarios. In one common case, applications send snippets of code which are then executed by Spark, and the results are returned directly to the application. This style of interaction is what users of Notebooks experience when they evaluate code in cells. Instead of sending raw code, an application can send magics, which might be commands to add a JAR to the Spark execution context or a call to execute a shell command such as “ls”. Toree provides a well-defined mechanism to associate functionality with magics, and this is a useful point of extensibility of the system.
+
+<div align="center">
+ <img class="center-block" src="/assets/images/toree-scenario.png" height="75%" width="75%">
+</div>
+
+<br/>
Applications wanting to work with Spark can be located remotely from a Spark cluster and use a Apache Toree Client or Jupyter Client to communicate with a Apache Toree Server running on the cluster, or they can communicate directly with the Apache Toree Server. Multiple clients/applications can communicate with a single Kernel which contains a Spark application context, and this provides a simple form of multi-tenancy.
-<img src='/assets/images/toree-application-scenario.png' height="50%" width="50%">
+
+### Visualizations
+
+Apache Toree, via extensions like [Brunel for Apache Toree](https://github.com/Brunel-Visualization/Brunel/tree/master/spark-kernel),
+supports rich visualizations that integrates directly with Spark Data Frame APIs
+
+<div align="center">
+ <img src="/assets/images/toree-vizualization-brunel.png" height="75%" width="75%">
+</div>
+
+<br/>
+<div align="center">
+ <img src='http://blog.ibmjstart.net/wp-content/uploads/2016/07/vis-comparision1.png'>
+</div>
+
+<br/>
+
+
+### Magics
+
+Apache Toree provides a set of magics that enhances the user experience manipulating data coming from Spark tables or data
+
+
+<div class="col-md-12">
+ <div class="row">
+ <div class="col-md-6">
+ <img src="/assets/images/toree-magic-sql.png" height="100%" width="100%">
+ </div>
+ <div class="col-md-6">
+ <img src="/assets/images/toree-magic-dataframe.png" height="100%" width="100%">
+ </div>
+ </div>
+</div>
