You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@zeppelin.apache.org by ku...@apache.org on 2017/06/30 01:28:14 UTC
zeppelin git commit: [gh-pages] [ZEPPELIN-2597] adding technologies
and deployments (Main Page)
Repository: zeppelin
Updated Branches:
refs/heads/gh-pages 2a7b2ea96 -> 858c531ec
[gh-pages] [ZEPPELIN-2597] adding technologies and deployments (Main Page)
### What is this PR for?
This PR is for Improving more comfortable guidance for point of user view in the main zeppelin homepage.
To sum up, Technologies section is consist of 3 interpreters most people search or want (already talking about this on the mailing list.) and, Deployments section describes single or multiple user setting.
### What type of PR is it?
[Improvement]
### What is the Jira issue?
* [ZEPPELIN-2597](https://issues.apache.org/jira/browse/ZEPPELIN-2597)
### How should this be tested?
1. run `bundle exec jekyll serve --watch` in this branch
2. open `localhost:4000`
### Screenshots (if appropriate)
- Look `Technologies` and `Deployments` sections
### Questions:
* Does the licenses files need update? No
* Is there breaking changes for older versions? No
* Does this needs documentation? Yes, this is.
Author: soralee <so...@zepl.com>
Closes #2394 from soralee/adding_technologies_and_deployments and squashes the following commits:
05aefcbf [soralee] fix: missing typo
eebb50ba [soralee] fix: links the latest version (0.7.2)
d7a1d801 [soralee] fix: change links
dcb03deb [soralee] match border color change position user icon
752c4ae1 [soralee] change from padding to padding-top in bottom-text
6df03840 [soralee] SQL with smaller font size, adding padding bottom-text
695b648a [soralee] arrange 'use now' button, change _hover_text and content-text
73c73091 [soralee] fix: 10.improve p class, 11.Adjustment margin among components
ca1b1fdc [soralee] change SQL font, 8.min-height, improve 9.change sentence
317365ec [soralee] change class name instead of tech_deploy container
aad5eeff [soralee] remove file
813da0dd [soralee] change advertise.md -> technologies_deployments.md
238bc231 [soralee] improve layout for mobile browsers
30e81f66 [soralee] change user icon, change h2 title font and weight
fd89e402 [soralee] matche font size, fix user button, increase margin-bottom, rematch python logo
052e7120 [soralee] adding technologies and deployments
Project: http://git-wip-us.apache.org/repos/asf/zeppelin/repo
Commit: http://git-wip-us.apache.org/repos/asf/zeppelin/commit/858c531e
Tree: http://git-wip-us.apache.org/repos/asf/zeppelin/tree/858c531e
Diff: http://git-wip-us.apache.org/repos/asf/zeppelin/diff/858c531e
Branch: refs/heads/gh-pages
Commit: 858c531ecaaafdff16691e3186856241c6100df9
Parents: 2a7b2ea
Author: soralee <so...@zepl.com>
Authored: Thu Jun 29 12:08:38 2017 +0900
Committer: 1ambda <1a...@gmail.com>
Committed: Fri Jun 30 10:28:09 2017 +0900
----------------------------------------------------------------------
_includes/themes/zeppelin/_navigation.html | 2 +-
assets/themes/zeppelin/css/style.css | 340 ++++++++++++++++++-
.../themes/zeppelin/img/python-logo-generic.svg | 269 +++++++++++++++
technologies_deployments.md | 96 ++++++
4 files changed, 703 insertions(+), 4 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/zeppelin/blob/858c531e/_includes/themes/zeppelin/_navigation.html
----------------------------------------------------------------------
diff --git a/_includes/themes/zeppelin/_navigation.html b/_includes/themes/zeppelin/_navigation.html
index 4e989af..cf8a945 100644
--- a/_includes/themes/zeppelin/_navigation.html
+++ b/_includes/themes/zeppelin/_navigation.html
@@ -93,6 +93,6 @@
</div>
</div>
</div>
-
+{% include_relative technologies_deployments.md %}
{% include_relative whats_new.md %}
{% endif %}
http://git-wip-us.apache.org/repos/asf/zeppelin/blob/858c531e/assets/themes/zeppelin/css/style.css
----------------------------------------------------------------------
diff --git a/assets/themes/zeppelin/css/style.css b/assets/themes/zeppelin/css/style.css
index 1eeadb2..88e9d2f 100644
--- a/assets/themes/zeppelin/css/style.css
+++ b/assets/themes/zeppelin/css/style.css
@@ -1,7 +1,7 @@
/* Move down content because we have a fixed navbar that is 50px tall */
@import url(//fonts.googleapis.com/css?family=Patua+One);
@import url(//fonts.googleapis.com/css?family=Open+Sans);
-@import url(//fonts.googleapis.com/css?family=Titillium+Web);
+@import url(//fonts.googleapis.com/css?family=Raleway:300,400);
body {
padding-top: 50px;
@@ -1001,6 +1001,70 @@ a.anchorjs-link:hover { text-decoration: none; }
.jumbotron .description {
font-size: 22px;
}
+
+ .tech_deploy .panel-content ._hover-text,
+ .tech_deploy .panel-content:hover ._hover-text {
+
+ font-size: 16px;
+ padding: 10px;
+ }
+
+ .tech_deploy .panel-content-user .content-text {
+ font-size: 16px;
+ }
+
+ .tech_deploy .panel-button {
+ font-size: 14px;
+ }
+
+ .tech_deploy .panel-content-user .user-button {
+ font-size: 14px;
+ }
+
+ .tech_deploy .panel-content {
+ margin-top: 10px;
+ }
+
+ .tech_deploy {
+ padding-left: 30px;
+ padding-right: 30px;
+ }
+}
+
+@media only screen
+and (min-width: 480px)
+and (max-width: 768px) {
+ .tech_deploy .panel-content ._hover-text,
+ .tech_deploy .panel-content:hover ._hover-text {
+ width: 90%;
+ font-size: 20px;
+ padding: 10px;
+ }
+
+ .tech_deploy .panel-content ._default-text {
+ margin-left: 15px;
+ }
+
+ .tech_deploy .panel-button {
+ font-size: 18px;
+ }
+
+ .tech_deploy .panel-content-user .user-button {
+ font-size: 18px;
+ }
+
+ .tech_deploy .panel-content-user .content-text {
+ font-size: 20px;
+ }
+
+ .tech_deploy .panel-content {
+ margin-top: 10px;
+ }
+
+ .tech_deploy {
+ padding-left: 30px;
+ padding-right: 30px;
+ }
}
@media only screen and (max-width: 768px) {
@@ -1119,7 +1183,7 @@ and (max-width: 996px) {
}
.navbar-collapse.in {
- overflow-y: auto;
+ overflow-y: auto;
}
.navbar-inverse .navbar-collapse.in .navbar-nav .dropdown-menu > li > a {
@@ -1127,7 +1191,7 @@ and (max-width: 996px) {
}
.navbar-inverse .navbar-collapse.in .navbar-nav .divider {
- background: #286090;
+ background: #286090;
}
.collapse.in{
@@ -1155,6 +1219,29 @@ and (max-width: 996px) {
margin-left: -12px;
font-size: 15px;
}
+
+ .tech_deploy .panel-content ._hover-text,
+ .tech_deploy .panel-content:hover ._hover-text {
+ width: 85%;
+ font-size: 14px;
+ padding: 10px;
+ }
+
+ .tech_deploy .panel-content-user .content-text {
+ font-size: 14px;
+ }
+
+ .tech_deploy .panel-button {
+ font-size: 14px;
+ }
+
+ .tech_deploy .panel-content-user .user-button {
+ font-size: 14px;
+ }
+
+ .tech_deploy .panel-content {
+ margin-top: 10px;
+ }
}
@media only screen
@@ -1167,6 +1254,10 @@ and (max-width: 1024px) {
.navbar-collapse.collapse {
padding-right: 0;
}
+
+ .advertise .panel-button {
+ font-size: 14px;
+ }
}
/* master branch docs dropdown menu */
@@ -1295,4 +1386,247 @@ and (max-width: 631px) {
background-position-y: 1px;
height: 245px;
opacity: 0.2;
+}
+
+/* Technologies Section */
+
+.tech_deploy {
+ background: #FFF;
+ padding-bottom: 40px;
+ padding-top: 22px;
+}
+
+.tech_deploy p {
+ padding-right: 9px;
+ padding-left: 9px;
+ margin-top: 25px;
+ margin-bottom: 30px;
+}
+
+.tech_deploy .bottom-text {
+ padding-right: 9px;
+ padding-left: 9px;
+ text-align: center;
+ font-size: 17px;
+ color: gray;
+ font-weight: 200;
+ font-style: italic;
+ padding-top: 15px;
+}
+
+.tech_deploy .section {
+ padding: 25px 15px 35px 15px;
+ margin-right: auto;
+ margin-left: auto;
+}
+
+.tech_deploy h2 {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ text-align: center;
+ padding-bottom: 30px;
+ font-size: 30px;
+ font-weight: 300;
+ text-transform: uppercase;
+ border-bottom: none;
+ letter-spacing: 1px;
+}
+
+.tech_deploy .panel-content {
+ font-weight: 500;
+ font-size: 14px;
+ height: 100%;
+ width: 100%;
+ color: #475A60;
+ background-color: transparent;
+ border: 1px solid #999;
+}
+
+._default-text {
+ opacity: 1;
+ position: absolute;
+ width: 90%;
+ height: 80%;
+ -webkit-transition: 0.6s;
+ -moz-transition: 0.6s;
+ -o-transition: 0.6s;
+ transition: 0.6s;
+ -webkit-transition-delay: 0.2s;
+ -moz-transition-delay: 0.2s;
+ -o-transition-delay: 0.2s;
+ transition-delay: 0.2s;
+}
+
+.tech_deploy .panel-content ._default-text {
+ font-family: 'Raleway', sans-serif;
+ font-size: 25px;
+ text-align: center;
+ font-weight: 300;
+ margin-top: 65px;
+}
+
+.tech_deploy .panel-content:hover ._default-text {
+ opacity: 0;
+ -webkit-transform: scale(0.3);
+ -moz-transform: scale(0.3);
+ -ms-transform: scale(0.3);
+ -o-transform: scale(0.3);
+ transform: scale(0.3);
+}
+
+._hover-text {
+ opacity: 0;
+ font-size: 18px;
+ font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ position: absolute;
+ font-weight: 500;
+ margin-left: 5px;
+ width: 88%;
+ -webkit-transition: 0.6s;
+ -moz-transition: 0.6s;
+ -o-transition: 0.6s;
+ transition: 0.6s;
+ -webkit-transition-delay: 0.2s;
+ -moz-transition-delay: 0.2s;
+ -o-transition-delay: 0.2s;
+ transition-delay: 0.2s;
+ padding: 10px;
+ min-height: 200px;
+}
+
+.tech_deploy .panel-content:hover ._hover-text {
+ opacity: 1;
+ position: absolute;
+ font-weight: 500;
+ -webkit-transform: translate(0,0);
+ -moz-transform: translate(0,0);
+ -ms-transform: translate(0,0);
+ -o-transform: translate(0,0);
+ transform: translate(0,0);
+ -webkit-transition-delay: .4s;
+ -moz-transition-delay: .4s;
+ -o-transition-delay: .4s;
+ transition-delay: .4s;
+}
+
+.tech_deploy .panel-content:hover:before,
+.tech_deploy .panel-content:hover:after {
+ content: '';
+ position: absolute;
+ top: 0.67em;
+ left: 0;
+ width: 100%;
+ text-align: center;
+ opacity: 0;
+ -webkit-transition: .6s,opacity .6s;
+ -moz-transition: .6s,opacity .6s;
+ -o-transition: .6s,opacity .6s;
+ transition: .6s,opacity .6s;
+}
+
+.panel-button {
+ position: relative;
+ padding: 8px 15px;
+ z-index: 3;
+ float:right;
+ font-family: 'Roboto', sans-serif;
+ color: #00A7E0;
+ text-decoration: none;
+ text-overflow: ellipsis;
+ text-transform: uppercase;
+ white-space: nowrap;
+ outline: 0;
+ font-size: 14px;
+}
+
+/* Deployments Section */
+
+.tech_deploy .panel-content-user {
+ position: relative;
+ font-weight: 500;
+ font-size: 14px;
+ padding: 25px;
+ color: #475A60;
+ background-color: transparent;
+ border: 1px solid #999;
+ width: 100%;
+ height: 100%;
+ padding-bottom: 15px;
+ margin-top: 25px;
+ margin-bottom: 30px;
+}
+
+.tech_deploy .panel-content-user span {
+ display: block;
+ margin-bottom: 8px;
+}
+
+.tech_deploy .panel-content-user .title-text {
+ font-size: 30px;
+ display: inline-block;
+ position: relative;
+ width: auto;
+ text-align: center;
+}
+
+.tech_deploy .panel-content-user .user-icon {
+ font-size: 27px;
+ position: relative;
+ width: auto;
+ text-align: center;
+ display: inline-block;
+ padding-right: 5px;
+}
+
+.underline {
+ display: block;
+ width: 50px;
+ height: 2px;
+ background: inherit;
+}
+
+.tech_deploy .panel-content-user .underline {
+ background: #999;
+}
+
+.content-text {
+ display:inline-block;
+ position: relative;
+ font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-size: 18px;
+ font-weight: 500;
+ color: #475A60;
+ background-color: transparent;
+ height: 100%;
+ letter-spacing: .7px;
+}
+
+.user-button {
+ position: relative;
+ font-size: 14px;
+ font-family: 'Roboto', sans-serif;
+ color: inherit;
+ padding: 6px 14px;
+ float: right;
+ text-decoration: none;
+ text-overflow: ellipsis;
+ text-transform: uppercase;
+ white-space: nowrap;
+ outline: 0;
+ border: 1px solid #00A7E0;
+ z-index: 3;
+ border-radius: 30px;
+ background-color: transparent;
+ margin-top: 15px;
+}
+
+.tech_deploy .panel-content-user .user-button {
+ background-color: #00A7E0;
+ color: #FFF;
+ position: relative;
+}
+
+.tech_deploy .panel-content-user .user-button:hover {
+ color: #FFF;
+ text-decoration: none;
+ background-color: #0479A2;
}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/zeppelin/blob/858c531e/assets/themes/zeppelin/img/python-logo-generic.svg
----------------------------------------------------------------------
diff --git a/assets/themes/zeppelin/img/python-logo-generic.svg b/assets/themes/zeppelin/img/python-logo-generic.svg
new file mode 100644
index 0000000..116eaac
--- /dev/null
+++ b/assets/themes/zeppelin/img/python-logo-generic.svg
@@ -0,0 +1,269 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://web.resource.org/cc/"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:sodipodi="http://inkscape.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.0"
+ width="388.84pt"
+ height="115.02pt"
+ id="svg2"
+ sodipodi:version="0.32"
+ inkscape:version="0.43"
+ sodipodi:docname="logo-python-generic.svg"
+ sodipodi:docbase="/home/sdeibel">
+ <metadata
+ id="metadata2193">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ inkscape:window-height="543"
+ inkscape:window-width="791"
+ inkscape:pageshadow="2"
+ inkscape:pageopacity="0.0"
+ borderopacity="1.0"
+ bordercolor="#666666"
+ pagecolor="#ffffff"
+ id="base"
+ inkscape:zoom="1.4340089"
+ inkscape:cx="243.02499"
+ inkscape:cy="71.887497"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:current-layer="svg2" />
+ <defs
+ id="defs4">
+ <linearGradient
+ id="linearGradient2795">
+ <stop
+ style="stop-color:#b8b8b8;stop-opacity:0.49803922"
+ offset="0"
+ id="stop2797" />
+ <stop
+ style="stop-color:#7f7f7f;stop-opacity:0"
+ offset="1"
+ id="stop2799" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient2787">
+ <stop
+ style="stop-color:#7f7f7f;stop-opacity:0.5"
+ offset="0"
+ id="stop2789" />
+ <stop
+ style="stop-color:#7f7f7f;stop-opacity:0"
+ offset="1"
+ id="stop2791" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3676">
+ <stop
+ style="stop-color:#b2b2b2;stop-opacity:0.5"
+ offset="0"
+ id="stop3678" />
+ <stop
+ style="stop-color:#b3b3b3;stop-opacity:0"
+ offset="1"
+ id="stop3680" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3236">
+ <stop
+ style="stop-color:#f4f4f4;stop-opacity:1"
+ offset="0"
+ id="stop3244" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1"
+ offset="1"
+ id="stop3240" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4671">
+ <stop
+ style="stop-color:#ffd43b;stop-opacity:1"
+ offset="0"
+ id="stop4673" />
+ <stop
+ style="stop-color:#ffe873;stop-opacity:1"
+ offset="1"
+ id="stop4675" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4689">
+ <stop
+ style="stop-color:#5a9fd4;stop-opacity:1"
+ offset="0"
+ id="stop4691" />
+ <stop
+ style="stop-color:#306998;stop-opacity:1"
+ offset="1"
+ id="stop4693" />
+ </linearGradient>
+ <linearGradient
+ x1="224.23996"
+ y1="144.75717"
+ x2="-65.308502"
+ y2="144.75717"
+ id="linearGradient2987"
+ xlink:href="#linearGradient4671"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(100.2702,99.61116)" />
+ <linearGradient
+ x1="172.94208"
+ y1="77.475983"
+ x2="26.670298"
+ y2="76.313133"
+ id="linearGradient2990"
+ xlink:href="#linearGradient4689"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(100.2702,99.61116)" />
+ <linearGradient
+ x1="172.94208"
+ y1="77.475983"
+ x2="26.670298"
+ y2="76.313133"
+ id="linearGradient2587"
+ xlink:href="#linearGradient4689"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(100.2702,99.61116)" />
+ <linearGradient
+ x1="224.23996"
+ y1="144.75717"
+ x2="-65.308502"
+ y2="144.75717"
+ id="linearGradient2589"
+ xlink:href="#linearGradient4671"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(100.2702,99.61116)" />
+ <linearGradient
+ x1="172.94208"
+ y1="77.475983"
+ x2="26.670298"
+ y2="76.313133"
+ id="linearGradient2248"
+ xlink:href="#linearGradient4689"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(100.2702,99.61116)" />
+ <linearGradient
+ x1="224.23996"
+ y1="144.75717"
+ x2="-65.308502"
+ y2="144.75717"
+ id="linearGradient2250"
+ xlink:href="#linearGradient4671"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(100.2702,99.61116)" />
+ <linearGradient
+ x1="224.23996"
+ y1="144.75717"
+ x2="-65.308502"
+ y2="144.75717"
+ id="linearGradient2255"
+ xlink:href="#linearGradient4671"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.562541,0,0,0.567972,-11.5974,-7.60954)" />
+ <linearGradient
+ x1="172.94208"
+ y1="76.176224"
+ x2="26.670298"
+ y2="76.313133"
+ id="linearGradient2258"
+ xlink:href="#linearGradient4689"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.562541,0,0,0.567972,-11.5974,-7.60954)" />
+ <radialGradient
+ cx="61.518883"
+ cy="132.28575"
+ r="29.036913"
+ fx="61.518883"
+ fy="132.28575"
+ id="radialGradient2801"
+ xlink:href="#linearGradient2795"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1,0,0,0.177966,0,108.7434)" />
+ <linearGradient
+ x1="150.96111"
+ y1="192.35176"
+ x2="112.03144"
+ y2="137.27299"
+ id="linearGradient1475"
+ xlink:href="#linearGradient4671"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.562541,0,0,0.567972,-9.399749,-5.305317)" />
+ <linearGradient
+ x1="26.648937"
+ y1="20.603781"
+ x2="135.66525"
+ y2="114.39767"
+ id="linearGradient1478"
+ xlink:href="#linearGradient4689"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.562541,0,0,0.567972,-9.399749,-5.305317)" />
+ <radialGradient
+ cx="61.518883"
+ cy="132.28575"
+ r="29.036913"
+ fx="61.518883"
+ fy="132.28575"
+ id="radialGradient1480"
+ xlink:href="#linearGradient2795"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(2.382716e-8,-0.296405,1.43676,4.683673e-7,-128.544,150.5202)" />
+ </defs>
+ <g
+ id="g2303">
+ <path
+ id="path46"
+ style="fill:#646464;fill-opacity:1"
+ d="M 184.61344,61.929363 C 184.61344,47.367213 180.46118,39.891193 172.15666,39.481813 C 168.85239,39.325863 165.62611,39.852203 162.48754,41.070593 C 159.98254,41.967323 158.2963,42.854313 157.40931,43.751043 L 157.40931,78.509163 C 162.72147,81.842673 167.43907,83.392453 171.55234,83.148783 C 180.25649,82.573703 184.61344,75.507063 184.61344,61.929363 z M 194.85763,62.533683 C 194.85763,69.931723 193.12265,76.072393 189.63319,80.955683 C 185.7441,86.482283 180.35396,89.328433 173.46277,89.484393 C 168.26757,89.650093 162.91642,88.022323 157.40931,84.610843 L 157.40931,116.20116 L 148.50047,113.02361 L 148.50047,42.903043 C 149.96253,41.109583 151.84372,39.569543 154.12454,38.263433 C 159.42696,35.173603 165.86978,33.584823 173.45302,33.506853 L 173.57973,33.633563 C 180.50991,33.545833 185.85132,36.391993 189.60395,42.162263 C 193.10315,47.454933 194.85763,54.238913 194.85763,62.533683 z " />
+ <path
+ id="path48"
+ style="fill:#646464;fill-opacity:1"
+ d="M 249.30487,83.265743 C 249.30487,93.188283 248.31067,100.05998 246.32227,103.88084 C 244.32411,107.7017 240.52275,110.75254 234.90842,113.02361 C 230.35653,114.81707 225.43425,115.79178 220.15133,115.95748 L 218.67952,110.34316 C 224.05016,109.61213 227.83204,108.88109 230.02513,108.15006 C 234.34309,106.688 237.30621,104.44617 238.93397,101.44406 C 240.24008,98.997543 240.88339,94.328693 240.88339,87.418003 L 240.88339,85.098203 C 234.79146,87.866373 228.40711,89.240713 221.73036,89.240713 C 217.34417,89.240713 213.47457,87.866373 210.14107,85.098203 C 206.39818,82.086343 204.52674,78.265483 204.52674,73.635623 L 204.52674,36.557693 L 213.43558,33.506853 L 213.43558,70.828453 C 213.43558,74.815013 214.7222,77.885353 217.29543,80.039463 C 219.86866,82.193563 223.20217,83.226753 227.2862,83.148783 C 231.37023,83.061053 235.74667,81.482023 240.39603,78.392203 L 240.39603,34.851953 L 249.30487,34.851953 L 249.30487,83.265743 z " />
+ <path
+ id="path50"
+ style="fill:#646464;fill-opacity:1"
+ d="M 284.08249,88.997033 C 283.02006,89.084753 282.04535,89.123743 281.14862,89.123743 C 276.10937,89.123743 272.18129,87.924853 269.37413,85.517323 C 266.57671,83.109793 265.17314,79.786033 265.17314,75.546053 L 265.17314,40.456523 L 259.07146,40.456523 L 259.07146,34.851953 L 265.17314,34.851953 L 265.17314,19.968143 L 274.07223,16.800333 L 274.07223,34.851953 L 284.08249,34.851953 L 284.08249,40.456523 L 274.07223,40.456523 L 274.07223,75.302373 C 274.07223,78.645623 274.96896,81.014163 276.76243,82.398253 C 278.30247,83.538663 280.74899,84.191723 284.08249,84.357423 L 284.08249,88.997033 z " />
+ <path
+ id="path52"
+ style="fill:#646464;fill-opacity:1"
+ d="M 338.02288,88.266003 L 329.11404,88.266003 L 329.11404,53.878273 C 329.11404,50.379063 328.29528,47.367213 326.66753,44.852463 C 324.78634,42.006313 322.17411,40.583233 318.82112,40.583233 C 314.73708,40.583233 309.6296,42.737343 303.4987,47.045563 L 303.4987,88.266003 L 294.58985,88.266003 L 294.58985,6.0687929 L 303.4987,3.2616329 L 303.4987,40.700203 C 309.191,36.557693 315.40963,34.481563 322.16436,34.481563 C 326.88196,34.481563 330.70282,36.070333 333.62694,39.238143 C 336.56082,42.405943 338.02288,46.353513 338.02288,51.071103 L 338.02288,88.266003 L 338.02288,88.266003 z " />
+ <path
+ id="path54"
+ style="fill:#646464;fill-opacity:1"
+ d="M 385.37424,60.525783 C 385.37424,54.930953 384.31182,50.310833 382.19669,46.655673 C 379.68195,42.201253 375.77337,39.852203 370.49044,39.608523 C 360.72386,40.173863 355.85032,47.172273 355.85032,60.584263 C 355.85032,66.734683 356.86401,71.871393 358.91089,75.994413 C 361.52312,81.248093 365.44145,83.840823 370.66589,83.753103 C 380.47146,83.675123 385.37424,75.935933 385.37424,60.525783 z M 395.13109,60.584263 C 395.13109,68.547643 393.09395,75.175663 389.02941,80.468333 C 384.5555,86.394563 378.37584,89.367423 370.49044,89.367423 C 362.67328,89.367423 356.58135,86.394563 352.18541,80.468333 C 348.19885,75.175663 346.21044,68.547643 346.21044,60.584263 C 346.21044,53.098503 348.36455,46.801883 352.67276,41.674913 C 357.22466,36.236033 363.20937,33.506853 370.6074,33.506853 C 378.00545,33.506853 384.02914,36.236033 388.66877,41.674913 C 392.97697,46.801883 395.13109,53.098503 395.13109,60.584263 z " />
+ <path
+ id="path56"
+ style="fill:#646464;fill-opacity:1"
+ d="M 446.20583,88.266003 L 437.29699,88.266003 L 437.29699,51.928853 C 437.29699,47.942293 436.0981,44.832973 433.70032,42.591133 C 431.30253,40.359053 428.10549,39.277123 424.11893,39.364853 C 419.8887,39.442833 415.86314,40.826913 412.04229,43.507363 L 412.04229,88.266003 L 403.13345,88.266003 L 403.13345,42.405943 C 408.26042,38.672813 412.97801,36.236033 417.28621,35.095623 C 421.35076,34.033193 424.93769,33.506853 428.02752,33.506853 C 430.14264,33.506853 432.13104,33.711543 434.00248,34.120913 C 437.50169,34.929923 440.34783,36.430973 442.54093,38.633823 C 444.98744,41.070593 446.20583,43.994723 446.20583,47.415943 L 446.20583,88.266003 z " />
+ <path
+ id="path1948"
+ style="fill:url(#linearGradient1478);fill-opacity:1"
+ d="M 60.510156,6.3979729 C 55.926503,6.4192712 51.549217,6.8101906 47.697656,7.4917229 C 36.35144,9.4962267 34.291407,13.691825 34.291406,21.429223 L 34.291406,31.647973 L 61.103906,31.647973 L 61.103906,35.054223 L 34.291406,35.054223 L 24.228906,35.054223 C 16.436447,35.054223 9.6131468,39.73794 7.4789058,48.647973 C 5.0170858,58.860939 4.9078907,65.233996 7.4789058,75.897973 C 9.3848341,83.835825 13.936449,89.491721 21.728906,89.491723 L 30.947656,89.491723 L 30.947656,77.241723 C 30.947656,68.391821 38.6048,60.585475 47.697656,60.585473 L 74.478906,60.585473 C 81.933857,60.585473 87.885159,54.447309 87.885156,46.960473 L 87.885156,21.429223 C 87.885156,14.162884 81.755176,8.7044455 74.478906,7.4917229 C 69.872919,6.7249976 65.093809,6.3766746 60.510156,6.3979729 z M 46.010156,14.616723 C 48.779703,14.616723 51.041406,16.915369 51.041406,19.741723 C 51.041404,22.558059 48.779703,24.835473 46.010156,24.835473 C 43.23068,24.835472 40.978906,22.558058 40.978906,19.741723 C 40
.978905,16.91537 43.23068,14.616723 46.010156,14.616723 z " />
+ <path
+ id="path1950"
+ style="fill:url(#linearGradient1475);fill-opacity:1"
+ d="M 91.228906,35.054223 L 91.228906,46.960473 C 91.228906,56.191228 83.403011,63.960472 74.478906,63.960473 L 47.697656,63.960473 C 40.361823,63.960473 34.291407,70.238956 34.291406,77.585473 L 34.291406,103.11672 C 34.291406,110.38306 40.609994,114.65704 47.697656,116.74172 C 56.184987,119.23733 64.323893,119.68835 74.478906,116.74172 C 81.229061,114.78733 87.885159,110.85411 87.885156,103.11672 L 87.885156,92.897973 L 61.103906,92.897973 L 61.103906,89.491723 L 87.885156,89.491723 L 101.29141,89.491723 C 109.08387,89.491723 111.98766,84.056315 114.69765,75.897973 C 117.49698,67.499087 117.37787,59.422197 114.69765,48.647973 C 112.77187,40.890532 109.09378,35.054223 101.29141,35.054223 L 91.228906,35.054223 z M 76.166406,99.710473 C 78.945884,99.710476 81.197656,101.98789 81.197656,104.80422 C 81.197654,107.63057 78.945881,109.92922 76.166406,109.92922 C 73.396856,109.92922 71.135156,107.63057 71.135156,104.80422 C 71.135158,101.98789 73.396853,99.710473 76.166406,99.710473
z " />
+ <path
+ id="text3004"
+ style="font-size:15.16445827px;font-style:normal;font-weight:normal;line-height:125%;fill:#646464;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+ d="M 463.5544,26.909383 L 465.11635,26.909383 L 465.11635,17.113143 L 468.81648,17.113143 L 468.81648,15.945483 L 459.85427,15.945483 L 459.85427,17.113143 L 463.5544,17.113143 L 463.5544,26.909383 M 470.20142,26.909383 L 471.53589,26.909383 L 471.53589,17.962353 L 474.4323,26.908259 L 475.91799,26.908259 L 478.93615,17.992683 L 478.93615,26.909383 L 480.39194,26.909383 L 480.39194,15.945483 L 478.46605,15.945483 L 475.16774,25.33834 L 472.35477,15.945483 L 470.20142,15.945483 L 470.20142,26.909383" />
+ <path
+ id="path1894"
+ style="opacity:0.44382019;fill:url(#radialGradient1480);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:20;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ transform="matrix(0.73406,0,0,0.809524,16.24958,27.00935)"
+ d="M 110.46717 132.28575 A 48.948284 8.6066771 0 1 1 12.570599,132.28575 A 48.948284 8.6066771 0 1 1 110.46717 132.28575 z" />
+ </g>
+</svg>
http://git-wip-us.apache.org/repos/asf/zeppelin/blob/858c531e/technologies_deployments.md
----------------------------------------------------------------------
diff --git a/technologies_deployments.md b/technologies_deployments.md
new file mode 100644
index 0000000..c929f8a
--- /dev/null
+++ b/technologies_deployments.md
@@ -0,0 +1,96 @@
+<!--
+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 %}
+<div class="tech_deploy">
+ <div class="container">
+ <h2>Technologies</h2>
+ <div class="border row">
+ <div class="border col-md-4 col-sm-4" style="height:200px;">
+ <div class="panel-content">
+ <label class="_default-text" style="margin-top: 20px;">
+ <img src="./assets/themes/zeppelin/img/spark_logo.jpg" width="140px">
+ </label>
+ <label class="_hover-text">
+ <div style="min-height:140px; padding: 20px 10px 10px 10px;">
+ Zeppelin supports Spark, PySpark, Spark R, Spark SQL with dependency loader.
+ </div>
+ <a href="/docs/0.7.2/interpreter/spark.html" class="panel-button">USE NOW <span class="glyphicon glyphicon-chevron-right"></span></a>
+ </label>
+ </div>
+ </div>
+ <div class="border col-md-4 col-sm-4" style="height:200px;">
+ <div class="panel-content">
+ <label class="_default-text" style="font-size:45px;">SQL</label>
+ <label class="_hover-text">
+ <div style="min-height:140px;">
+ Zeppelin lets you connect any JDBC data sources seamlessly. Postgresql, Mysql, MariaDB, Redshift, Apache Hive and so on.
+ </div>
+ <a href="/docs/0.7.2/interpreter/jdbc.html" class="panel-button">USE NOW <span class="glyphicon glyphicon-chevron-right"></span></a>
+ </label>
+ </div>
+ </div>
+ <div class="border col-md-4 col-sm-4" style="height:200px;">
+ <div class="panel-content">
+ <label class="_default-text" style="margin-top:75px;">
+ <img src="./assets/themes/zeppelin/img/python-logo-generic.svg" width="200px">
+ </label>
+ <label class="_hover-text">
+ <div style="min-height:140px; padding: 10px;">
+ Python is supported with Matplotlib, Conda, Pandas SQL and PySpark integrations.
+ </div>
+ <a href="/docs/0.7.2/interpreter/python.html" class="panel-button">USE NOW <span class="glyphicon glyphicon-chevron-right"></span></a>
+ </label>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-12 col-sm-12 col-xs-12 text-center">
+ <p class="bottom-text">
+ See more details in Zeppelin supports 20+ different interpreters.
+ <a href="/docs/0.8.0-SNAPSHOT/manual/interpreters.html">LEARN MORE <span class="glyphicon glyphicon-chevron-right" style="font-size:15px;"></span></a>
+ </p>
+ </div>
+ <hr />
+ <div class="border row">
+ <h2 style="padding-bottom: 8px;">Deployments</h2>
+ <div class="border col-md-6 col-sm-6">
+ <div class="panel-content-user">
+ <label style="width: 100%;">
+ <div style="position:relative;width:100%;text-align:center;">
+ <span class="user-icon fa fa-user"></span>
+ <span class="title-text">Single User</span>
+ </div>
+ </label>
+ <label class="content-text">
+ Local Spark, 6 Built-in visualizations, Display system, Dynamic form, Multiple backends are supported.<br/>
+ <a href="/docs/0.7.2/install/install.html" class="user-button">LEARN MORE</a>
+ </label>
+ </div>
+ </div>
+ <div class="border col-md-6 col-sm-6">
+ <div class="panel-content-user">
+ <label style="width: 100%;">
+ <div style="position:relative;width:100%;text-align:center;">
+ <span class="user-icon fa fa-users"></span>
+ <span class="title-text">Multi-User</span>
+ </div>
+ </label>
+ <label class="content-text">
+ Zeppelin supports Multi-user Support w/ LDAP. Let's configure Zeppelin for your yarn cluster.<br/>
+ <a href="/docs/0.7.2/security/shiroauthentication.html" class="user-button">LEARN MORE</a>
+ </label>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>