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:28 UTC
[incubator-pinot-site] 01/01: adding logo and navbar
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"> </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