Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

HDDS-4903. Add Ozone logo to the website #32

Merged
merged 1 commit into from Dec 20, 2022
Merged

HDDS-4903. Add Ozone logo to the website #32

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
9 changes: 7 additions & 2 deletions layouts/partials/header.html
View file
Open in desktop
Expand Up @@ -43,9 +43,8 @@
<ul class="breadcrumb col-md-6">
<li>
<img class="asf-logo" src="asf_feather.png"/>
<a href="https://www.apache.org">Apache Software Foundation</span></a>
<a href="https://www.apache.org">Apache Software Foundation</a>
</li>
<li><a href="{{.Site.BaseURL}}">Ozone&trade;</a></li>
</ul>
<div class="col-md-6">
<ul class="pull-right breadcrumb">
Expand All @@ -61,6 +60,12 @@
<nav class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<ul class="nav navbar-nav navbar-brand">
<li>
<img src="ozone-logo.png" alt="Ozone logo"/>
<a href="{{.Site.BaseURL}}">Apache Ozone&trade;</a>
</li>
</ul>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#ozone-menu" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
Expand Down
15 changes: 12 additions & 3 deletions static/style.css
View file
Open in desktop
Expand Up @@ -40,17 +40,18 @@
z-index: 0;
margin-bottom: 0px; }
.topnav .navbar .navbar-brand img {
margin: -15px 5px 0 0;
height: 60px;
float: left; }
.topnav .navbar .nav {
padding: 30px 0 0 0;
color: #fff; }
.topnav .navbar .nav li a {
white-space: nowrap;
text-align: center;
font-size: 24px;
padding: 5px 0 5px 5px;
margin: 0 10px;}
margin: 0 10px; }
.topnav .navbar .nav li a:hover {

background: none; }
.topnav .navbar .navbar-header {
height: 80px; }
Expand All @@ -67,6 +68,11 @@
border-color: transparent;
box-shadow: none; }

@media (min-width: 768px) {
.topnav .navbar .nav {
padding: 25px 0 0 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.navbar .nav li a {
padding: 8px 0 15px 8px; } }
Expand Down Expand Up @@ -149,6 +155,9 @@
}

@media (max-width: 767px) {
.topnav .navbar .navbar-brand {
margin: 10px 0; }

.jumbotron > .lead {
font-weight: 200; }

Expand Down