vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Have the landing page reuse the normal header, restyled

Browse source
This commit is contained in:
Joseph Schorr 2014-04-18 17:33:50 -04:00
parent e66ac8425e
commit 7399f5db54
3 changed files with 23 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
static/css/quay.css
View file

@ -1243,7 +1243,15 @@ i.toggle-icon:hover {
font-size: 40px;
}
.landing .nav {
.landing .header-bar .navbar-brand {
display: none;
}
.landing .header-bar form {
display: none;
}
.landing .header-bar {
font-size: 16px;
position: absolute;
right: 20px;
@ -1251,16 +1259,26 @@ i.toggle-icon:hover {
color: white;
}
.landing .nav a {
.landing .header-bar .user-tools a {
padding-left: 10px;
padding-right: 10px;
background: transparent !important;
}
.landing .navbar-links a {
font-weight: bold;
color: white;
border-radius: 6px;
}
.landing .nav li a:hover {
.landing .navbar-links li a:hover {
background: rgba(255, 255, 255, 0.2);
}
.landing .nav .dropdown-menu a {
color: black;
font-weight: normal;
}
@media (max-height: 768px) {
.landing {

2
static/directives/header-bar.html
View file

@ -10,7 +10,7 @@
<!-- Collapsable stuff -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<ul class="nav navbar-nav navbar-links">
<li><a ng-href="/repository/" target="{{ appLinkTarget() }}">Repositories</a></li>
<li><a href="http://docs.quay.io/" target="_blank">Docs</a></li>
<li><a ng-href="/tutorial/" target="{{ appLinkTarget() }}">Tutorial</a></li>

10
static/partials/landing.html
View file

@ -5,15 +5,7 @@
<img class="logo" src="/static/img/box-logo.png">
<span class="product-name">Quay.io</span>
<ul class="nav navbar-nav">
<li><a href="http://docs.quay.io/" target="_blank">Tour</a></li>
<li><a href="http://docs.quay.io/" target="_blank">Documentation</a></li>
<li><a ng-href="/tutorial/" target="{{ appLinkTarget() }}">Tutorial</a></li>
<li><a ng-href="/plans/" target="{{ appLinkTarget() }}">Pricing</a></li>
<li><a ng-href="/repository/" target="{{ appLinkTarget() }}">Repositories</a></li>
<li><a ng-href="/organizations/" target="{{ appLinkTarget() }}">Organizations</a></li>
<li><a ng-href="/signin/" target="{{ appLinkTarget() }}">Sign In</a></li>
</ul>
<div class="header-bar"></div>
<div class="container">
<div class="row messages">