zeppelin-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From k..@apache.org
Subject zeppelin git commit: [gh-pages] [ZEPPELIN-2597] updating navbar and main section
Date Wed, 28 Jun 2017 00:52:39 GMT
Repository: zeppelin
Updated Branches:
  refs/heads/gh-pages 2867db8c3 -> 2a7b2ea96


[gh-pages] [ZEPPELIN-2597] updating navbar and main section

## What is this PR for?
For more comfortable guidance, improved navigation bar, main blue section and what's new section.
And if anyone suggests idea or give me feedback, it would be appreciated!

1. In main blue section
 - add zeppelin logo
 - change buttons, `Get started` and `Download`
 - change button color.
 - change font style of description
 - change title font-size more smaller
 - change background color for dividing navbar and this section.

2. regarding to improve navbar
 - improve: change position of items
 - improve: change font option in dropdown-menu
 - fix : when not active, revert color
 - fix : when resizing window, dropdown-menu toggle text is disappeared.
 - fix : after using navigation bar in small window, and then drop-toggle place is misaligned
in big window.

3. what's new sections
 - (minor) improve: aligned title text when small size windows

## What type of PR is it?
[ Bug Fix | Improvement | Documentation ]

## Todos
* describe above `What is this PR for?` part

## 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)
### 1. blue section
[Before]
![image](https://user-images.githubusercontent.com/8110458/26919645-640fe532-4c71-11e7-9073-8acfd6100d08.png)

[After]
![image](https://user-images.githubusercontent.com/8110458/26919850-023b7f96-4c72-11e7-9069-5d3e5cf77c46.png)

### 2. navbar
-  change position of items (Before -> After)

![image](https://user-images.githubusercontent.com/8110458/26920156-fdbff20c-4c72-11e7-8171-0e426889c3ef.png)
![image](https://user-images.githubusercontent.com/8110458/26920075-c23689da-4c72-11e7-95a5-7ab4e3fe4f5a.png)

---

- change font option in dropdown-menu (Before -> After)

![image](https://user-images.githubusercontent.com/8110458/26920330-a8caf336-4c73-11e7-8539-fd7604b7146f.png)
![image](https://user-images.githubusercontent.com/8110458/26920306-92a3fb66-4c73-11e7-965e-e24a9042f912.png)

---
 - fix : when not active, revert color

![before](https://user-images.githubusercontent.com/8110458/26920990-a3476eb0-4c75-11e7-8ea6-c2d457f5dae7.gif)
![after](https://user-images.githubusercontent.com/8110458/26920991-a3581bfc-4c75-11e7-9640-d4aaa3a523cb.gif)

---

- fix : when resizing window, dropdown-menu toggle text is disappeared.

![image](https://user-images.githubusercontent.com/8110458/26920443-0541f2fe-4c74-11e7-8d69-b845cff872b8.png)
![image](https://user-images.githubusercontent.com/8110458/26920544-4c5120a2-4c74-11e7-91b1-e41f074b9b82.png)

---

 - fix : after using navigation bar in small window, and then drop-toggle place is misaligned
in big window.

![before](https://user-images.githubusercontent.com/8110458/26920746-ecf31092-4c74-11e7-8d34-9ff01e6692a7.gif)
![after](https://user-images.githubusercontent.com/8110458/26920745-ecef8e18-4c74-11e7-967b-e05789f14d28.gif)

---

### 3. what's new sections
 - (minor) improve: aligned title text when small size windows

![image](https://user-images.githubusercontent.com/8110458/26921198-43f4c326-4c76-11e7-845d-07225cc64bf6.png)
![image](https://user-images.githubusercontent.com/8110458/26921228-5179a804-4c76-11e7-89a1-5251675090d1.png)

### 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 <sora0728@zepl.com>

Closes #2401 from soralee/updating_navbar_whatsnew and squashes the following commits:

78868bb3 [soralee] fix: change link from sanpshop to latest version (0.7.2)
afd33e26 [soralee] fix: a little more narrowly buttons interval
3c2fa6b7 [soralee] fix: fitted width of buttons
9f7c9111 [soralee] fix: added jumbotron padding-top
ba98c118 [soralee] fix: revert what's_new section
23d43088 [soralee] fix: 6-2. Font for collapsed nav: top level font still has 18px font-size
880e148b [soralee] fix: added jumbotron margin-top/bottom
49f5c0e7 [soralee] fix: change button interval
99b2f75c [soralee] added more padding button side
910025e4 [soralee] button font and weight change
359e977b [soralee] fix: jumbotron line-height change from 1.5 to 1.4
ce09da13 [soralee] fix: jumbotron font change from 24px to 22px
873a6b29 [soralee] fix: [no.8] adding shadow in navbar and change main section
ce0bd7a9 [soralee] fix: [no.8] change button color in main section
942f237e [soralee] improve: 3. Can't find favicon.ico.
55cd1b6c [soralee] update: about no.1, remove A
02bf5c9d [soralee] fix: remove chain link icon in front of Apache Zeppelin
bf90bd99 [soralee] resolve again: fixed a bug about resolving no 2. (BUG) Navbar doesn't fold
when I click other components.
0e3c5e6f [soralee] resolve: 2. (BUG) Navbar doesn't fold when I click other components.
385daf0d [soralee] update: 1. text for main blue section
3ab7be0e [soralee] resolve: 6.font-size, text-shadow for menu
4e14dc3d [soralee] resolve: change text-shadow in blue section
882bfe2c [soralee] resolve: 4. move to bottom on apache text and icon
34c2c429 [soralee] update: 1.Text for Section 1(simple main section)
77ea4c87 [soralee] change button color
8ef222a1 [soralee] change button color
9c1ba2da [soralee] change button color
d64ecb33 [soralee] change button color
be25605f [soralee] change font-size dropdown-menu title when resizing window
c645dddd [soralee] fix: navbar-toggle in collapsed color and change hover width in toggle
2a59319d [soralee] use title class
80678532 [soralee] fix: navbar bugs, improve: main section and what's new section
1fde31d2 [soralee] improve navbar and what's new, change main section


Project: http://git-wip-us.apache.org/repos/asf/zeppelin/repo
Commit: http://git-wip-us.apache.org/repos/asf/zeppelin/commit/2a7b2ea9
Tree: http://git-wip-us.apache.org/repos/asf/zeppelin/tree/2a7b2ea9
Diff: http://git-wip-us.apache.org/repos/asf/zeppelin/diff/2a7b2ea9

Branch: refs/heads/gh-pages
Commit: 2a7b2ea96be3426f58ceb4e163227f66f6c50f6b
Parents: 2867db8
Author: soralee <sora0728@zepl.com>
Authored: Fri Jun 23 15:48:12 2017 +0900
Committer: 1ambda <1amb4a@gmail.com>
Committed: Wed Jun 28 09:52:29 2017 +0900

----------------------------------------------------------------------
 _includes/themes/zeppelin/_navigation.html      | 151 +++++-----
 _includes/themes/zeppelin/default.html          |   7 +
 assets/themes/zeppelin/css/style.css            | 276 +++++++++++++++----
 .../img/favicon/android-chrome-192x192.png      | Bin 0 -> 5589 bytes
 .../img/favicon/android-chrome-256x256.png      | Bin 0 -> 8571 bytes
 .../zeppelin/img/favicon/apple-touch-icon.png   | Bin 0 -> 5348 bytes
 .../zeppelin/img/favicon/browserconfig.xml      |   9 +
 .../zeppelin/img/favicon/favicon-16x16.png      | Bin 0 -> 1073 bytes
 .../zeppelin/img/favicon/favicon-32x32.png      | Bin 0 -> 1697 bytes
 assets/themes/zeppelin/img/favicon/favicon.ico  | Bin 0 -> 15086 bytes
 .../themes/zeppelin/img/favicon/manifest.json   |  18 ++
 .../zeppelin/img/favicon/mstile-150x150.png     | Bin 0 -> 5102 bytes
 .../zeppelin/img/favicon/safari-pinned-tab.svg  |  44 +++
 assets/themes/zeppelin/img/zepLogo.png          | Bin 0 -> 18321 bytes
 assets/themes/zeppelin/js/docs.js               |  12 +
 15 files changed, 391 insertions(+), 126 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/zeppelin/blob/2a7b2ea9/_includes/themes/zeppelin/_navigation.html
----------------------------------------------------------------------
diff --git a/_includes/themes/zeppelin/_navigation.html b/_includes/themes/zeppelin/_navigation.html
index a9280d2..4e989af 100644
--- a/_includes/themes/zeppelin/_navigation.html
+++ b/_includes/themes/zeppelin/_navigation.html
@@ -1,81 +1,98 @@
-    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
-      <div class="container">
-        <div class="navbar-header">
-          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="navbar-brand" href="/">
-            <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm
zeppelin">
-            Apache Zeppelin
-          </a>
-        </div>
-        <nav class="navbar-collapse collapse" role="navigation">
-          <ul class="nav navbar-nav navbar-right">
-            {% assign pages_list = site.pages %}
-            {% assign group = 'nav-right' %}
-            {% include JB/pages_list %}
-
-            <!-- Download -->
-            <li id="docs">
-              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Download<b
class="caret"></b></a>
-              <ul class="dropdown-menu">
-                <li><a href="/download.html">Download Zeppelin</a></li>
-                <li><a href="/supported_interpreters.html">Supported Interpreters</a></li>
-              </ul>
-            </li>
+<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a class="navbar-brand" href="/">
+        <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" style="margin-top: -6px;"
width="50" alt="I'm zeppelin">
+          <span style="margin-left: 5px;"> Apache Zeppelin </span>
+      </a>
+    </div>
+    <nav class="navbar-collapse collapse" role="navigation">
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="/docs/0.7.2/install/install.html">Quick Start</a></li>
+        <!-- Download -->
+        <li class="docs">
+          <a href="#" data-toggle="dropdown" class="dropdown-toggle">Download<b
class="caret"></b></a>
+          <ul class="dropdown-menu">
+            <li><a href="/download.html">Download Zeppelin</a></li>
+            <li><a href="/supported_interpreters.html">Supported Interpreters</a></li>
+          </ul>
+        </li>
+        <!-- Docs -->
+        <li class="docs">
+          <a href="#" data-toggle="dropdown" class="dropdown-toggle">Docs<b class="caret"></b></a>
+          <ul class="dropdown-menu">
+            <li class="title"><span><b>Release</b><span></li>
+            <li><a href="/docs/0.7.2">0.7.2</a></li>
+            <li><a href="/docs/0.7.1">0.7.1</a></li>
+            <li><a href="/docs/0.6.2">0.6.2</a></li>
+            <li><a href="/docs/0.6.1">0.6.1</a></li>
+            <li><a href="documentation.html">Older Versions</a></li>
+            <li role="separator" class="divider"></li>
+              <li class="title"><span><b>Snapshot&nbsp;(development)</b><span></li>
+            <li><a href="/docs/0.8.0-SNAPSHOT">0.8.0-SNAPSHOT</a></li>
+          </ul>
+        </li>
 
-            <!-- Docs -->
-            <li id="docs">
-              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Docs<b
class="caret"></b></a>
-              <ul class="dropdown-menu">
-                <li><span><b>Release</b><span></li>
-                <li><a href="/docs/0.7.2">0.7.2</a></li>
-                <li><a href="/docs/0.7.1">0.7.1</a></li>
-                <li><a href="/docs/0.6.2">0.6.2</a></li>
-                <li><a href="/docs/0.6.1">0.6.1</a></li>
-                <li><a href="documentation.html">Older Versions</a></li>
-                <li role="separator" class="divider"></li>
-                <li><span><b>Snapshot</b>&nbsp;(development)<span></li>
-                <li><a href="/docs/0.8.0-SNAPSHOT">0.8.0-SNAPSHOT</a></li>
-              </ul>
-            </li>
+        <li><a href="/helium_packages.html">Helium</a></li>
 
-            <li><a href="/helium_packages.html">Helium</a></li>
+        <li class="docs">
+          <a href="#" data-toggle="dropdown" class="dropdown-toggle">Community<b
class="caret"></b></a>
+          <ul class="dropdown-menu">
+            <li><a href="community.html">Contributors</a></li>
             <li><a href="https://github.com/apache/zeppelin">GitHub</a></li>
-
-            <!-- Apache -->
-            <li id="apache">
-              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b
class="caret"></b></a>
-               <ul class="dropdown-menu">
-                <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache
Software Foundation</a></li>
-                <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
-                <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
-                <li><a href="/assets.html">Assets</a></li>
-                <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-              </ul>
-            </li>
           </ul>
-        </nav><!--/.navbar-collapse -->
-      </div>
-    </div>
+        </li>
+          <!-- Apache -->
+        <li class="docs">
+          <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a>
+          <ul class="dropdown-menu">
+            <li><a href="http://www.apache.org/foundation/how-it-works.html">Apache
Software Foundation</a></li>
+            <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
+            <li><a href="http://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
+            <li><a href="/assets.html">Assets</a></li>
+            <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+          </ul>
+        </li>
+      </ul>
+    </nav><!--/.navbar-collapse -->
+  </div>
+</div>
 
 {% if page.title == "Zeppelin" %}
 <div class="jumbotron">
-  <div class="container">
-    <h1>Apache Zeppelin</h1>
-    <p>A web-based notebook that enables interactive data analytics. <br/>
-      You can make beautiful data-driven, interactive and collaborative documents with SQL,
Scala and more.
-    </p>
+  <div class="container" style="padding-bottom: 5px; margin-top: -15px;">
+    <div>
+      <div class="zeppelin">
+        <div class="zeppelin2"></div>
+      </div>
+    </div>
+    <div style="margin-top: -250px; position: relative;">
+      <h1 class="zeppelin-title">Apache Zeppelin</h1>
+      <p class="description">
+          Web-based notebook that enables data-driven, <br/>
+          interactive data analytics and collaborative documents with SQL, Scala and more.
+      </p>
+    </div>
     <div class="border row">
-      <div class="col-md-12 col-sm-12 col-xs-12 text-center newBtn">
-        <a href="http://youtu.be/_PQbVH_aO5E" target="_zeppelinVideo" class="btn btn-primary
btn-lg bigFingerButton" role="button">Tutorial Video</a>
-        <a href="./download.html" class="btn btn-primary btn-lg bigFingerButton" role="button">GET
LATEST ZEPPELIN</a>
+      <div class="col-md-12 col-sm-12 col-xs-12 text-center newBtn" style="margin-top:8px;">
+        <a href="/docs/0.7.2/install/install.html" class="btn btn-primary btn-lg" role="button"
+           style="margin:5px 25px 5px 25px;font-size:15px;">
+          GET STARTED
+        </a>
+        <a href="/download.html" class="btn btn-primary btn-lg" role="button"
+           style="margin:5px 25px 5px 25px;font-size:15px;">
+          DOWNLOAD
+        </a>
       </div>
     </div>
   </div>
 </div>
+
 {% include_relative whats_new.md %}
 {% endif %}

http://git-wip-us.apache.org/repos/asf/zeppelin/blob/2a7b2ea9/_includes/themes/zeppelin/default.html
----------------------------------------------------------------------
diff --git a/_includes/themes/zeppelin/default.html b/_includes/themes/zeppelin/default.html
index 59a0c66..fe0855f 100644
--- a/_includes/themes/zeppelin/default.html
+++ b/_includes/themes/zeppelin/default.html
@@ -27,6 +27,13 @@
     <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
     -->
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ ASSET_PATH }}/img/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ ASSET_PATH }}/img/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ ASSET_PATH }}/img/favicon/favicon-16x16.png">
+    <link rel="icon" type="image/png" href="{{ ASSET_PATH }}/img/favicon/favicon.ico">
+    <link rel="manifest" href="{{ ASSET_PATH }}/img/favicon/manifest.json">
+    <link rel="mask-icon" href="{{ ASSET_PATH }}/img/favicon/safari-pinned-tab.svg" color="#438bc9">
+    <meta name="theme-color" content="#ffffff">
 
     <!-- Js -->
     <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>

http://git-wip-us.apache.org/repos/asf/zeppelin/blob/2a7b2ea9/assets/themes/zeppelin/css/style.css
----------------------------------------------------------------------
diff --git a/assets/themes/zeppelin/css/style.css b/assets/themes/zeppelin/css/style.css
index 36ff972..1eeadb2 100644
--- a/assets/themes/zeppelin/css/style.css
+++ b/assets/themes/zeppelin/css/style.css
@@ -1,6 +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);
 
 body {
   padding-top: 50px;
@@ -17,9 +18,10 @@ body {
 }
 
 .jumbotron {
-  background-color: #3071a9;
+  background-color: #447fb1;
   margin-bottom: 0px;
-  padding-top: 28px;
+  padding-bottom: 40px;
+  padding-top: 60px;
 }
 
 .jumbotron h1,
@@ -29,8 +31,16 @@ body {
 
 .jumbotron p {
   font-size: 19px;
-  line-height: 1.5;
-  margin-bottom: 28px;
+  line-height: 1.4;
+  margin-bottom: 38px;
+}
+
+.jumbotron .description {
+ font-size: 22px;
+ font-weight: 300;
+ width:100%;
+ position: relative;
+ text-shadow: 1px 1px #4a4a4a;
 }
 
 .jumbotron .btn {
@@ -70,6 +80,12 @@ body {
   font-size: 60px;
   line-height: 1.5;
 }
+.jumbotron .zeppelin-title {
+  font-size:40px;
+  text-shadow: 1px 1px #4a4a4a;
+  font-family: 'Patua One', cursive;
+  line-height: 1.5;
+}
 
 .jumbotron small {
   font-size: 60%;
@@ -77,8 +93,8 @@ body {
 }
 
 .navbar-brand {
-  padding-top: 10px;
-  padding-bottom: 10px;
+  padding-top: 19px;
+  padding-bottom: 15px;
 }
 
 .navbar-brand img {
@@ -88,20 +104,28 @@ body {
 .navbar {
   background: #3071a9;
   border-bottom: 0px;
-  height: 50px;
+  height: 60px;
+  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
 }
 
 .navbar-inverse .navbar-nav > li > a {
+  padding-top: 19px;
+  font-size: 15px;
+  font-weight: 300;
   color: white;
   background: #3071a9;
+  height: 60px;
 }
 
-.navbar-inverse .navbar-nav > li > a:hover,
-.navbar-inverse .navbar-nav > li > a:focus {
+.navbar-inverse .navbar-nav > li > a:hover {
   color: white !important;
   background: #2C6094 !important;
 }
 
+.navbar-collapse.in {
+  overflow-y: inherit;
+}
+
 .navbar-inverse .navbar-collapse.in .navbar-nav .dropdown-menu > li > a:hover,
 .navbar-inverse .navbar-collapse.in .navbar-nav .dropdown-menu > li > a:focus {
   color: white !important;
@@ -109,11 +133,11 @@ body {
 }
 
 .navbar-inverse .navbar-collapse.in .navbar-nav .dropdown-menu > li > a {
-  color: white !important;
+  color: #333333 !important;
 }
 
 .navbar-inverse .navbar-collapse.in .navbar-nav .divider {
-  background: #286090;
+  background: #e5e5e5;
 }
 
 .navbar-inverse .navbar-nav > li > a.active:hover,
@@ -129,12 +153,12 @@ body {
 .navbar-inverse .navbar-brand {
   color: white;
   text-decoration: none;
-  font-size: 32px;
+  font-size: 27px;
 }
 
 .navbar-inverse .navbar-collapse,
 .navbar-inverse .navbar-form {
-  border-color: #265380;
+  border-color: #3071A9;
   background: #3071a9;
 }
 
@@ -143,11 +167,13 @@ body {
 }
 
 .navbar-inverse .navbar-toggle {
-  border-color: #265380;
+  border-color: transparent;
+  margin-top: 12px;
 }
 
 .navbar-inverse .navbar-toggle:hover,
-.navbar-inverse .navbar-toggle:focus {
+.navbar-inverse .navbar-toggle:focus,
+.navbar-inverse .navbar-toggle.collapsed:hover {
   border-color: #265380;
   background: #265380;
 }
@@ -156,6 +182,12 @@ body {
   outline-width: 0;
 }
 
+.navbar-inverse .navbar-toggle.collapsed {
+  border-color: #3071A9;
+  background: #3071a9;
+}
+
+
 /* SideMenu */
 
 .sideMenu li {
@@ -511,6 +543,7 @@ a.anchor {
 .navbar-inverse .navbar-nav > .open > a:focus {
   color: white;
   background: #286090;
+  height: 60px;
 }
 
 a.anchorjs-link:hover { text-decoration: none; }
@@ -584,11 +617,11 @@ a.anchorjs-link:hover { text-decoration: none; }
 
 .helium-radio {
   position: absolute;
-  display: none; 
+  display: none;
 }
 
 .helium-radio[disabled] {
-  cursor: not-allowed; 
+  cursor: not-allowed;
 }
 
 .helium-radio + label {
@@ -596,7 +629,7 @@ a.anchorjs-link:hover { text-decoration: none; }
   display: block;
   padding-left: 36px;
   cursor: pointer;
-  vertical-align: middle; 
+  vertical-align: middle;
   font-size: 13px;
   font-weight: 500;
   line-height: 26px;
@@ -604,7 +637,7 @@ a.anchorjs-link:hover { text-decoration: none; }
 .helium-radio + label:hover:before {
   animation-duration: 0.4s;
   animation-fill-mode: both;
-  animation-name: hover-color; 
+  animation-name: hover-color;
 }
 .helium-radio + label:before {
   position: absolute;
@@ -614,39 +647,39 @@ a.anchorjs-link:hover { text-decoration: none; }
   width: 19px;
   height: 19px;
   content: '';
-  border: 1px solid #c0c0c0; 
+  border: 1px solid #c0c0c0;
 }
 .helium-radio + label:after {
   position: absolute;
   display: none;
-  content: ''; 
+  content: '';
 }
 
 .helium-radio[disabled] + label {
   cursor: not-allowed;
-  color: #e4e4e4; 
+  color: #e4e4e4;
 }
 .helium-radio[disabled] + label:hover, .helium-radio[disabled] + label:before, .helium-radio[disabled]
+ label:after {
-  cursor: not-allowed; 
+  cursor: not-allowed;
 }
 .helium-radio[disabled] + label:hover:before {
   border: 1px solid #e4e4e4;
-  animation-name: none; 
+  animation-name: none;
 }
 .helium-radio[disabled] + label:before {
-  border-color: #e4e4e4; 
+  border-color: #e4e4e4;
 }
 
 .helium-radio:checked + label:before {
-  animation-name: none; 
+  animation-name: none;
 }
 
 .helium-radio:checked + label:after {
-  display: block; 
+  display: block;
 }
 
 .helium-radio + label:before {
-  border-radius: 50%; 
+  border-radius: 50%;
 }
 
 .helium-radio + label:after {
@@ -655,19 +688,19 @@ a.anchorjs-link:hover { text-decoration: none; }
   width: 7px;
   height: 7px;
   border-radius: 50%;
-  background: #3e97eb; 
+  background: #3e97eb;
 }
 
 .helium-radio:checked + label:before {
-  border: 1px solid #3e97eb; 
+  border: 1px solid #3e97eb;
 }
 
 .helium-radio:checked[disabled] + label:before {
-  border: 1px solid #c9e2f9; 
+  border: 1px solid #c9e2f9;
 }
 
 .helium-radio:checked[disabled] + label:after {
-  background: #c9e2f9; 
+  background: #c9e2f9;
 }
 
 /* hide arrows when current page is on first & last */
@@ -697,6 +730,7 @@ a.anchorjs-link:hover { text-decoration: none; }
 .new {
   background: rgba(226, 233, 239, 0.4);
   padding-bottom: 28px;
+  padding-top: 30px;
 }
 
 .new .description {
@@ -708,7 +742,7 @@ a.anchorjs-link:hover { text-decoration: none; }
 .newZeppelin {
   text-align: center;
   font-family: 'Patua One', cursive;
-  font-size: 30px;
+  font-size: 20px;
   padding-bottom: 28px;
   color: #3071a9;
 }
@@ -736,39 +770,32 @@ a.anchorjs-link:hover { text-decoration: none; }
   padding-bottom: 18px;
   padding-right: 9px;
   padding-left: 9px;
-  text-align: justify;
 }
 
 .newBtn .round {
   border-radius: 24px;
 }
 
-.newBtn .btn {
-  padding: 14px 16px;
-  border: 0 none;
-  font-weight: 700;
-  font-size: 14px;
-  letter-spacing: 1px;
-  text-transform: uppercase;
-  color: #fff !important;
-  width: 190px;
-  margin: 24px 16px
-}
-
 .newBtn .btn:focus, .btn:active:focus, .btn.active:focus {
   outline: 0 none;
 }
 
 .newBtn .btn-primary {
   background: #0099cc;
-  color: #ffffff;
+  color: #fff;
+  border-color: #0086b3;
+  padding: 11px 29px;
+  min-width: 160px;
 }
 .newBtn .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.open > .dropdown-toggle.btn-primary {
   background: #33a6cc;
+  box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
+  border: 1px solid rgba(0,0,0,0.1);
+  color: #fff;
   transition: .1s ease-in;
 }
 .newBtn .btn-primary:active, .btn-primary.active {
-  background: #007299;
+  background: #ecf3f9;
   box-shadow: none;
 }
 
@@ -888,7 +915,7 @@ a.anchorjs-link:hover { text-decoration: none; }
   color: rgba(0,0,0,.44);
 }
 
-/* Demo img thumbnail */ 
+/* Demo img thumbnail */
 .thumbnail {
   background-color: transparent;
   border: none;
@@ -965,10 +992,15 @@ a.anchorjs-link:hover { text-decoration: none; }
   .jumbotron h1 {
     display: none;
   }
+
   .navbar-brand small {
     display: none;
     color: white;
   }
+
+  .jumbotron .description {
+    font-size: 22px;
+  }
 }
 
 @media only screen and (max-width: 768px) {
@@ -1007,6 +1039,36 @@ a.anchorjs-link:hover { text-decoration: none; }
   .blog .container {
     width: 80vw;
   }
+
+  .navbar-inverse .navbar-nav > li > a {
+    font-size: 15px;
+  }
+
+  .navbar-nav .open .dropdown-menu {
+    font-size: 14px;
+  }
+
+  .docs .dropdown-menu b {
+    text-shadow: 1px 1px #353131;
+    color: #FFF;
+    font-size: 15px;
+  }
+
+  .navbar-collapse.in {
+    overflow-y: auto;
+  }
+
+  .navbar-inverse .navbar-collapse.in .navbar-nav .dropdown-menu > li > a {
+    color: #FFF !important;
+  }
+
+  .navbar-inverse .navbar-collapse.in .navbar-nav .divider {
+      background: #286090;
+  }
+
+  .new h4 {
+      padding: 18px 0 0 10px;
+  }
 }
 
 @media only screen
@@ -1015,40 +1077,84 @@ and (max-width: 996px) {
   .navbar-brand small {
     display: none;
   }
+
   .navbar-collapse.collapse {
     padding-right: 0;
   }
+
   .navbar-header {
     float: none;
   }
+
   .navbar-toggle {
     display: block;
   }
+
   .navbar-fixed-top {
     top: 0;
     border-width: 0 0 1px;
   }
+
   .navbar-collapse {
     border-top: 1px solid transparent;
     box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
   }
+
   .navbar-collapse.collapse {
     display: none!important;
   }
+
   .navbar-nav {
     float: none!important;
     margin-top: 7.5px;
   }
+
   .navbar-nav>li {
     float: none;
   }
+
   .navbar-nav>li>a {
     padding-top: 10px;
     padding-bottom: 10px;
   }
+
+  .navbar-collapse.in {
+      overflow-y: auto;
+  }
+
+  .navbar-inverse .navbar-collapse.in .navbar-nav .dropdown-menu > li > a {
+    color: #FFF !important;
+  }
+
+  .navbar-inverse .navbar-collapse.in .navbar-nav .divider {
+      background: #286090;
+  }
+
   .collapse.in{
     display:block !important;
   }
+
+  .navbar-nav .open .dropdown-menu {
+    position: static;
+    float: none;
+    width: 95%;
+    margin-top: 0;
+    background-color: transparent;
+    border: 0;
+    box-shadow: none;
+    font-size: 14px;
+  }
+
+  .docs .dropdown-menu b {
+    text-shadow: 1px 1px #353131;
+    color: #FFF;
+    font-size: 15px;
+  }
+
+  .navbar-inverse .navbar-nav > li > a {
+    margin-left: -12px;
+    font-size: 15px;
+  }
 }
 
 @media only screen
@@ -1057,6 +1163,7 @@ and (max-width: 1024px) {
   .navbar-brand small {
     display: none;
   }
+
   .navbar-collapse.collapse {
     padding-right: 0;
   }
@@ -1083,25 +1190,33 @@ and (max-width: 1024px) {
 }
 
 /* gh-pages branch docs dropdown menu */
-#docs .dropdown-menu {
+.docs .dropdown-menu {
   left: 0;
   right: auto;
 }
 
-#docs .dropdown-menu li span {
-  padding: 3px 10px 10px 10px;
-  font-size: 13px;
+.docs .dropdown-menu li span {
+  font-family: "Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  padding: 12px 10px 12px 15px;
+  font-size: 15px;
+  font-weight: 300;
+}
+
+.docs .title {
+  color: #3071a9;
+}
+
+.docs .dropdown-menu li a {
+  padding-left: 30px;
 }
 
 /*
 ** Media Queries CSS
 */
 
-
-
 @media (max-width: 991px) {
   .navbar-inverse .navbar-brand {
-    font-size: 28px;
+    font-size: 24px;
   }
 
   .content {
@@ -1109,11 +1224,33 @@ and (max-width: 1024px) {
   }
 }
 
-@media (max-width: 768px) {
-  .navbar-collapse.in {
-    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
+@media only screen
+and (min-width: 735px)
+and (max-width: 991px) {
+  .container .zeppelin,
+  .container .zeppelin2 {
+    background-size: 56%;
   }
+}
 
+@media only screen
+and (min-width: 630px)
+and (max-width: 734px) {
+  .container .zeppelin,
+  .container .zeppelin2 {
+    background-size: 67%;
+  }
+}
+
+@media only screen
+and (max-width: 631px) {
+  .container .zeppelin,
+  .container .zeppelin2 {
+    background-size: 80%;
+  }
+}
+
+@media (max-width: 768px) {
   .bigFingerButton {
     margin-top: 12px;
     display: block;
@@ -1134,7 +1271,28 @@ and (max-width: 1024px) {
   .carousel-indicators {
     margin-bottom: -60px;
   }
+
   .carousel-caption {
     padding-bottom: 60px;
   }
 }
+
+.zeppelin {
+  background-image: url('../img/zepLogo.png');
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 40%;
+  background-position-y: 11px;
+  height: 265px;
+  opacity: 0.7;
+}
+
+.zeppelin2 {
+  background-image: url('../img/zepLogo.png');
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 40%;
+  background-position-y: 1px;
+  height: 245px;
+  opacity: 0.2;
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/zeppelin/blob/2a7b2ea9/assets/themes/zeppelin/img/favicon/android-chrome-192x192.png
----------------------------------------------------------------------
diff --git a/assets/themes/zeppelin/img/favicon/android-chrome-192x192.png b/assets/themes/zeppelin/img/favicon/android-chrome-192x192.png
new file mode 100644
index 0000000..5bf4edc
Binary files /dev/null and b/assets/themes/zeppelin/img/favicon/android-chrome-192x192.png
differ

http://git-wip-us.apache.org/repos/asf/zeppelin/blob/2a7b2ea9/assets/themes/zeppelin/img/favicon/android-chrome-256x256.png
----------------------------------------------------------------------
diff --git a/assets/themes/zeppelin/img/favicon/android-chrome-256x256.png b/assets/themes/zeppelin/img/favicon/android-chrome-256x256.png
new file mode 100644
index 0000000..75586dd
Binary files /dev/null and b/assets/themes/zeppelin/img/favicon/android-chrome-256x256.png
differ

http://git-wip-us.apache.org/repos/asf/zeppelin/blob/2a7b2ea9/assets/themes/zeppelin/img/favicon/apple-touch-icon.png
----------------------------------------------------------------------
diff --git a/assets/themes/zeppelin/img/favicon/apple-touch-icon.png b/assets/themes/zeppelin/img/favicon/apple-touch-icon.png
new file mode 100644
index 0000000..c9f779c
Binary files /dev/null and b/assets/themes/zeppelin/img/favicon/apple-touch-icon.png differ

http://git-wip-us.apache.org/repos/asf/zeppelin/blob/2a7b2ea9/assets/themes/zeppelin/img/favicon/browserconfig.xml
----------------------------------------------------------------------
diff --git a/assets/themes/zeppelin/img/favicon/browserconfig.xml b/assets/themes/zeppelin/img/favicon/browserconfig.xml
new file mode 100644
index 0000000..a47e5a5
--- /dev/null
+++ b/assets/themes/zeppelin/img/favicon/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#2d89ef</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

http://git-wip-us.apache.org/repos/asf/zeppelin/blob/2a7b2ea9/assets/themes/zeppelin/img/favicon/favicon-16x16.png
----------------------------------------------------------------------
diff --git a/assets/themes/zeppelin/img/favicon/favicon-16x16.png b/assets/themes/zeppelin/img/favicon/favicon-16x16.png
new file mode 100644
index 0000000..0c3e35c
Binary files /dev/null and b/assets/themes/zeppelin/img/favicon/favicon-16x16.png differ

http://git-wip-us.apache.org/repos/asf/zeppelin/blob/2a7b2ea9/assets/themes/zeppelin/img/favicon/favicon-32x32.png
----------------------------------------------------------------------
diff --git a/assets/themes/zeppelin/img/favicon/favicon-32x32.png b/assets/themes/zeppelin/img/favicon/favicon-32x32.png
new file mode 100644
index 0000000..128fb95
Binary files /dev/null and b/assets/themes/zeppelin/img/favicon/favicon-32x32.png differ

http://git-wip-us.apache.org/repos/asf/zeppelin/blob/2a7b2ea9/assets/themes/zeppelin/img/favicon/favicon.ico
----------------------------------------------------------------------
diff --git a/assets/themes/zeppelin/img/favicon/favicon.ico b/assets/themes/zeppelin/img/favicon/favicon.ico
new file mode 100644
index 0000000..04fb732
Binary files /dev/null and b/assets/themes/zeppelin/img/favicon/favicon.ico differ

http://git-wip-us.apache.org/repos/asf/zeppelin/blob/2a7b2ea9/assets/themes/zeppelin/img/favicon/manifest.json
----------------------------------------------------------------------
diff --git a/assets/themes/zeppelin/img/favicon/manifest.json b/assets/themes/zeppelin/img/favicon/manifest.json
new file mode 100644
index 0000000..2512638
--- /dev/null
+++ b/assets/themes/zeppelin/img/favicon/manifest.json
@@ -0,0 +1,18 @@
+{
+    "name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/zeppelin/blob/2a7b2ea9/assets/themes/zeppelin/img/favicon/mstile-150x150.png
----------------------------------------------------------------------
diff --git a/assets/themes/zeppelin/img/favicon/mstile-150x150.png b/assets/themes/zeppelin/img/favicon/mstile-150x150.png
new file mode 100644
index 0000000..fdef495
Binary files /dev/null and b/assets/themes/zeppelin/img/favicon/mstile-150x150.png differ

http://git-wip-us.apache.org/repos/asf/zeppelin/blob/2a7b2ea9/assets/themes/zeppelin/img/favicon/safari-pinned-tab.svg
----------------------------------------------------------------------
diff --git a/assets/themes/zeppelin/img/favicon/safari-pinned-tab.svg b/assets/themes/zeppelin/img/favicon/safari-pinned-tab.svg
new file mode 100644
index 0000000..5575e3e
--- /dev/null
+++ b/assets/themes/zeppelin/img/favicon/safari-pinned-tab.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="260.000000pt" height="260.000000pt" viewBox="0 0 260.000000 260.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,260.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1809 2595 c-2 -2 -20 -6 -39 -9 -72 -12 -94 -17 -154 -38 -280 -96
+-414 -225 -835 -807 -375 -518 -486 -779 -475 -1121 3 -122 5 -135 28 -215 46
+-155 133 -259 291 -345 85 -47 138 -58 257 -54 101 3 129 6 196 18 17 3 47 8
+65 11 64 11 67 13 63 54 -2 21 -1 42 3 47 3 5 44 27 90 49 88 42 226 134 249
+166 12 17 93 65 100 60 1 -1 26 2 55 8 123 26 183 12 213 -47 11 -20 20 -39
+21 -40 5 -10 164 111 223 168 116 112 249 360 334 621 28 89 73 266 81 324 3
+22 9 67 14 100 14 91 6 349 -13 430 -24 108 -27 115 -68 193 -107 204 -259
+343 -443 407 -44 15 -245 31 -256 20z m-104 -655 c11 -5 17 -9 14 -9 -121 -14
+-306 -71 -414 -130 -99 -53 -286 -192 -420 -311 -62 -55 -313 -307 -388 -389
+-37 -40 -67 -70 -67 -66 0 3 21 39 46 78 142 220 343 428 597 618 110 82 159
+112 267 164 22 10 109 34 175 48 36 8 170 6 190 -3z m-15 -451 c-19 -11 -54
+-32 -77 -47 -24 -15 -96 -61 -160 -102 -65 -40 -120 -76 -123 -80 -3 -3 -57
+-40 -120 -82 -287 -193 -731 -520 -767 -566 -11 -13 -13 -13 -13 -1 0 28 266
+274 435 403 200 152 319 236 333 236 6 0 12 4 14 8 7 19 353 202 381 202 8 0
+17 3 21 8 9 9 87 41 101 41 6 0 -6 -9 -25 -20z m102 -417 c-34 -56 -146 -186
+-237 -275 -143 -141 -437 -334 -642 -422 -94 -40 -252 -89 -261 -81 -2 3 3 9
+13 12 20 8 180 100 350 202 150 89 440 281 495 326 54 45 153 134 235 210 33
+31 61 56 62 56 2 0 -5 -13 -15 -28z m160 -325 c-23 -45 -56 -98 -72 -117 -56
+-64 -134 -139 -180 -172 -40 -29 -35 -21 41 63 84 93 190 229 226 289 9 16 19
+27 22 25 2 -3 -14 -42 -37 -88z"/>
+<path d="M587 1712 c-34 -37 -49 -90 -62 -207 l-6 -60 76 102 77 102 -23 41
+c-25 44 -38 49 -62 22z"/>
+<path d="M175 374 c-50 -41 -109 -94 -132 -119 -75 -77 -54 -84 76 -26 47 21
+110 46 139 55 56 19 57 21 42 61 -5 14 -12 40 -16 58 -3 18 -8 35 -12 39 -4 3
+-47 -27 -97 -68z"/>
+<path d="M1734 378 c-79 -12 -140 -40 -187 -84 -69 -66 -127 -106 -223 -153
+-81 -39 -90 -46 -86 -67 2 -13 9 -25 16 -25 6 -1 116 -2 245 -3 205 -2 346 5
+358 18 8 7 40 226 33 226 -3 0 -10 -4 -15 -9 -21 -19 -339 -42 -320 -22 9 8
+91 33 160 47 59 13 156 15 169 5 23 -19 27 3 7 36 -15 24 -26 30 -55 31 -20 1
+-40 3 -44 5 -4 2 -30 0 -58 -5z m109 -207 c19 -19 -8 -33 -75 -38 -75 -5 -278
+-9 -278 -6 0 13 170 58 245 65 38 4 94 -7 108 -21z"/>
+</g>
+</svg>

http://git-wip-us.apache.org/repos/asf/zeppelin/blob/2a7b2ea9/assets/themes/zeppelin/img/zepLogo.png
----------------------------------------------------------------------
diff --git a/assets/themes/zeppelin/img/zepLogo.png b/assets/themes/zeppelin/img/zepLogo.png
new file mode 100644
index 0000000..f11f022
Binary files /dev/null and b/assets/themes/zeppelin/img/zepLogo.png differ

http://git-wip-us.apache.org/repos/asf/zeppelin/blob/2a7b2ea9/assets/themes/zeppelin/js/docs.js
----------------------------------------------------------------------
diff --git a/assets/themes/zeppelin/js/docs.js b/assets/themes/zeppelin/js/docs.js
index 2b880db..eaefee9 100644
--- a/assets/themes/zeppelin/js/docs.js
+++ b/assets/themes/zeppelin/js/docs.js
@@ -39,4 +39,16 @@ $(function() {
   });
 
   $('[data-toggle="tooltip"]').tooltip();
+
+  anchors.remove('.zeppelin-title');
+
+});
+
+$(document).click(function (event) {
+  // custom navigation click event
+  var clickover = $(event.target);
+  var _opened = $(".navbar-collapse").hasClass("navbar-collapse in");
+  if (_opened === true && !clickover.hasClass("navbar-toggle")) {
+    $("button.navbar-toggle").click();
+  }
 });


Mime
View raw message