This is an automated email from the ASF dual-hosted git repository. kishoreg pushed a commit to branch asf-site in repository https://gitbox.apache.org/repos/asf/incubator-pinot-site.git
commit e4f820cf98a35d7a27ef990c85f884e98c4ec082 Author: ssahay <[email protected]> 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: [email protected] For additional commands, e-mail: [email protected]
