You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@pinot.apache.org by ss...@apache.org on 2019/01/06 00:55:27 UTC

[incubator-pinot-site] branch ss-logo-nav created (now e4f820c)

This is an automated email from the ASF dual-hosted git repository.

ssahay pushed a change to branch ss-logo-nav
in repository https://gitbox.apache.org/repos/asf/incubator-pinot-site.git.


      at e4f820c  adding logo and navbar

This branch includes the following new commits:

     new e4f820c  adding logo and navbar

The 1 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@pinot.apache.org
For additional commands, e-mail: commits-help@pinot.apache.org


[incubator-pinot-site] 01/01: adding logo and navbar

Posted by ss...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

ssahay pushed a commit to branch ss-logo-nav
in repository https://gitbox.apache.org/repos/asf/incubator-pinot-site.git

commit e4f820cf98a35d7a27ef990c85f884e98c4ec082
Author: ssahay <ss...@apache.org>
AuthorDate: Sat Jan 5 16:54:33 2019 -0800

    adding logo and navbar
---
 assets/css/pinot.css         |  82 +++++++++++++++++++++++++++++++++++++
 assets/images/pinot_logo.jpg | Bin 0 -> 132926 bytes
 index.html                   |  95 ++++++++++++++++++++++++++++++++++++++++++-
 3 files changed, 175 insertions(+), 2 deletions(-)

diff --git a/assets/css/pinot.css b/assets/css/pinot.css
new file mode 100644
index 0000000..e12e1bf
--- /dev/null
+++ b/assets/css/pinot.css
@@ -0,0 +1,82 @@
+/********************************
+* Body
+*********************************/ 
+
+/********************************
+* Navigation Bar
+*********************************/ 
+.fa-external-link {
+    font-size: 12px;
+}
+/********************************
+* Primary container 
+*********************************/ 
+.primary-container-header h1 {
+    margin-top: 0px;
+}
+
+.pinot-logo-h1 {
+    width: 1.8em;
+    
+}
+/********************************
+* News Items
+*********************************/ 
+.latest-news-panel {
+    border: none;
+    border-radius: 2px;
+    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
+    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
+}
+.latest-news-header {
+    font-size: 24px;
+    margin-top: 10px;
+    margin-bottom: 5px;
+}
+.latest-news-item {
+    font-size: 15px;
+    line-height: 18px;
+    margin-bottom: 10px;
+}
+
+/********************************
+* Animated Button
+*********************************/ 
+.btn-outline {
+    background-color: transparent;
+    color: inherit;
+    transition: all .5s;
+}
+
+.btn-primary.btn-outline {
+    color: #111;
+}
+
+.btn-primary.btn-outline:hover,
+.btn-success.btn-outline:hover,
+.btn-info.btn-outline:hover,
+.btn-warning.btn-outline:hover,
+.btn-danger.btn-outline:hover {
+    color: #fff;
+}
+.btn-animated {
+  -webkit-animation-name: pinotPulse;
+  -webkit-animation-duration: 2s;
+  -webkit-animation-iteration-count: infinite;
+  font: 300 1em/1.5 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
+}
+@-webkit-keyframes pinotPulse {
+  from { -webkit-box-shadow: 0 0 9px #333; }
+  50% { -webkit-box-shadow: 0 0 18px #2daebf; }
+  to { -webkit-box-shadow: 0 0 9px #333; }
+}
+/********************************
+* Misc
+*********************************/ 
+.header-link {
+    padding-left: 5px;
+    opacity: 0;
+    -webkit-transition: opacity 0.2s ease-in-out 0.1s;
+    -moz-transition: opacity 0.2s ease-in-out 0.1s;
+    -ms-transition: opacity 0.2s ease-in-out 0.1s;
+}
\ No newline at end of file
diff --git a/assets/images/pinot_logo.jpg b/assets/images/pinot_logo.jpg
new file mode 100644
index 0000000..d8a9c72
Binary files /dev/null and b/assets/images/pinot_logo.jpg differ
diff --git a/index.html b/index.html
index 2a8a4c2..83ab3cf 100644
--- a/index.html
+++ b/index.html
@@ -28,8 +28,89 @@
     =================================================-->
     <link rel="stylesheet" href="assets/css/bootstrap.css" media="screen">
     <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
+    <link rel="stylesheet" href="assets/css/pinot.css">
 </head>
 <body>
+<!--===============================================
+      Pinot Navigation Space <start>
+    =================================================-->
+
+<div class="navbar navbar-default navbar-fixed-top">
+    <div class="container">
+        <!--===============================================
+          Pinot Navigation Bar Header <start>
+        =================================================-->
+        <div class="navbar-header">
+            <img class="navbar-left" src="assets/images/pinot_logo.jpg" height="50">
+            <a href="/" class="navbar-brand">&emsp;</a>
+            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+        </div>
+        <!--===============================================
+          Pinot Navigation Bar Header <end>
+        =================================================-->
+        <!--===============================================
+          Pinot Navigation Bar Options <start>
+        =================================================-->
+        <div class="navbar-collapse collapse" id="navbar-main">
+            <ul class="nav navbar-nav">
+                <li>
+                    <a href="#">Download</a>
+                </li>
+                <li class="dropdown">
+                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" >Releases <span class="caret"></span></a>
+                    <ul class="dropdown-menu">
+                        <li class="dropdown-header">Apache Releases</li>
+                        <!-- Release Step 1: Add a new li tag for new release -->
+                        <!-- hint: copy and replicate the line below for subsequent releases -->
+                        <!-- eg. <li><a href="https://www.apache.org/dyn/closer.lua/incubator/pinot/apache-pinot-incubating-0.XY.0/">0.XY.0 <i class="fa fa-external-link"></i></a></li> -->
+                    </ul>
+                </li>
+                <li class="dropdown">
+                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" >Documentation <span class="caret"></span></a>
+                    <ul class="dropdown-menu">
+                        <li><a href="https://cwiki.apache.org/confluence/display/PINOT" target="_blank">Apache Wiki <i class="fa fa-external-link"></i></a></li>
+                        <li class="divider"></li>
+                        <li class="dropdown-header">ReadTheDocs</li>
+                        <li><a href="http://pinot.readthedocs.io/en/latest/" target="_blank">Latest <i class="fa fa-external-link"></i></a></li>
+                    </ul>
+                </li>
+                <li class="dropdown">
+                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Community <span class="caret"></span></a>
+                    <ul class="dropdown-menu">
+                        <li class="dropdown-header">Issue / Feature Tracking</li>
+                        <li><a href="https://issues.apache.org/jira/projects/PINOT/issues" target="_blank">Apache JIRA <i class="fa fa-external-link"></i></a></li>
+                    </ul>
+                </li>
+            </ul>
+
+            <ul class="nav navbar-nav navbar-right">
+                <li class="dropdown">
+                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">Apache Software Foundation<span class="caret"></span></a>
+                    <ul class="dropdown-menu">
+                        <li><a href="https://www.apache.org" target="_blank">Apache Homepage <i class="fa fa-external-link"></i></a></li>
+                        <li><a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">License <i class="fa fa-external-link"></i></a></li>
+                        <li><a href="https://www.apache.org/foundation/sponsorship" target="_blank">Sponsorship <i class="fa fa-external-link"></i></a></li>
+                        <li><a href="https://www.apache.org/security" target="_blank">Security <i class="fa fa-external-link"></i></a></li>
+                        <li><a href="https://www.apache.org/foundation/thanks" target="_blank">Thanks <i class="fa fa-external-link"></i></a></li>
+                        <li><a href="https://www.apache.org/foundation/policies/conduct" target="_blank">Code of Conduct <i class="fa fa-external-link"></i></a></li>
+                    </ul>
+                </li>
+            </ul>
+
+        </div>
+        <!--===============================================
+          Pinot Navigation Bar Options <end>
+        =================================================-->
+    </div>
+</div>
+
+<!--===============================================
+  Pinot Navigation Space <end>
+=================================================-->
 
 <!--===============================================
   Pinot Center Space <start>
@@ -38,6 +119,16 @@
 
     <div class="page-header" id="primary-content">
         <!--===============================================
+       ROW 0 <start>
+     =================================================-->
+        <div class="row">
+                <br>
+                <br>
+        </div>
+        <!--===============================================
+          ROW 0 <end>
+        =================================================-->
+        <!--===============================================
           ROW 1 <start>
         =================================================-->
         <div class="row">
@@ -50,8 +141,8 @@
                     It can ingest data from offline data sources (such as Apache Hadoop and flat files) as well as online sources (such as Apache Kafka).
                     Pinot is designed to scale horizontally.</p>
                 <p class="lead">
-                    <a class="btn btn-primary btn-animated btn-outline" href="http://github.com/linkedin/pinot">Download</a>
-                    <a class="btn btn-primary btn-animated btn-outline" href="https://pinot.readthedocs.io/" target="_blank">Try Pinot</a>
+                    <a class="btn btn-default btn-animated btn-outline" >Download</a>
+                    <a class="btn btn-default btn-animated btn-outline" href="https://pinot.readthedocs.io/" target="_blank">Try Pinot</a>
                 </p>
             </div>
             <!--===============================================


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@pinot.apache.org
For additional commands, e-mail: commits-help@pinot.apache.org