Make the landing page show the arrow on smaller resolutions, as well as some basic SEO fixes
This commit is contained in:
parent
986642218b
commit
d7ea1944e3
4 changed files with 27 additions and 13 deletions
|
@ -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;
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
Reference in a new issue