Make the landing page show the arrow on smaller resolutions, as well as some basic SEO fixes

This commit is contained in:
Joseph Schorr 2013-10-09 17:57:29 -04:00
parent 986642218b
commit d7ea1944e3
4 changed files with 27 additions and 13 deletions

View file

@ -108,16 +108,16 @@
color: white;
background-color: #1d1d1d;
background-position: left;
background-position: left -30px;
background-image: url(../containers-back-black.jpg);
background-repeat: no-repeat;
margin-top: -20px;
margin-bottom: 0px;
padding-top: 96px;
padding-top: 66px;
min-height: 500px;
min-height: 440px;
}
.landing .messages {
@ -146,14 +146,14 @@
}
.product-tour .tour-header {
height: 200px;
height: 172px;
text-align: center;
margin-bottom: 40px;
border-bottom: 4px solid black;
}
.product-tour .tour-header .tour-shoutout-header {
margin: 20px;
margin: 10px;
font-size: 4em;
}
@ -198,6 +198,13 @@
line-height: normal;
}
@media (max-height: 768px) {
.landing {
padding: 20px;
padding-top: 46px;
}
}
.landing-footer {
background-color: white;
background-image: none;

View file

@ -124,7 +124,7 @@ quayApp = angular.module('quay', ['restangular', 'angularMoment', 'angulartics',
when('/user', {title: 'User Admin', templateUrl: '/static/partials/user-admin.html', controller: UserAdminCtrl}).
when('/guide/', {title: 'Getting Started Guide', templateUrl: '/static/partials/guide.html', controller: GuideCtrl}).
when('/plans/', {title: 'Quay Plans', templateUrl: '/static/partials/plans.html', controller: PlansCtrl}).
when('/', {title: 'Quay', templateUrl: '/static/partials/landing.html', controller: LandingCtrl}).
when('/', {title: 'Quay: Private docker repository hosting', templateUrl: '/static/partials/landing.html', controller: LandingCtrl}).
otherwise({redirectTo: '/'});
}]).
config(function(RestangularProvider) {

View file

@ -3,8 +3,8 @@
<div class="row messages">
<div class="col-md-7">
<div ng-show="user.anonymous">
<h1>Secure hosting for <b>private</b> docker containers</h1>
<h3>Use the docker images <b>your team</b> needs with the safety of <b>private</b> storage</h3>
<h1>Secure hosting for <b>private</b> docker repositories</h1>
<h3>Use the docker images <b>your team</b> needs with the safety of <b>private</b> repositories</h3>
<div class="sellcall"><a href="#/plans">Private repository plans starting at $7/mo</a></div>
</div>
@ -65,20 +65,26 @@
<div class="col-md-4 shoutout">
<i class="icon-lock"></i>
<b>Secure</b>
Store your private docker containers securely where only you and your team
can access it
<span class="shoutout-expand">
Store your private docker containers securely where only you and your team
can access it
</span>
</div>
<div class="col-md-4 shoutout">
<i class="icon-user"></i>
<b>Shareable</b>
Have to share a container? No problem! Share with anyone you choose
<span class="shoutout-expand">
Have to share a repository? No problem! Share with anyone you choose
</span>
</div>
<div class="col-md-4 shoutout">
<i class="icon-cloud"></i>
<b>Cloud Hosted</b>
Accessible from anywhere, anytime
<span class="shoutout-expand">
Accessible from anywhere, anytime
</span>
</div>
</div> <!-- row -->
</div> <!-- container -->
@ -87,7 +93,7 @@
<div class="product-tour container" ng-show="user.anonymous">
<div class="tour-header row">
<div class="tour-shoutout-header"><i class="icon-chevron-sign-down"></i></div>
<div class="tour-shoutout">Why use Quay</div>
<div class="tour-shoutout">Take a tour of Quay</div>
</div>
<div class="tour-section row">

View file

@ -3,6 +3,7 @@
<head>
<title ng-bind="title + ' · Quay'">Quay - Private Docker Repository</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Hosted private docker repositories. Includes full user management and history. Free for public repositories.">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.no-icons.min.css">