diff --git a/static/css/quay.css b/static/css/quay.css index 9f18fb872..854d19e25 100644 --- a/static/css/quay.css +++ b/static/css/quay.css @@ -1168,6 +1168,14 @@ i.toggle-icon:hover { text-decoration: none; } +.landing-page { + color: #555; +} + +.landing-page .wrapper > nav { + display: none; +} + .landing .popover { font-size: 14px; } @@ -1176,20 +1184,53 @@ i.toggle-icon:hover { color: white; background-color: #1d1d1d; - background-position: left -30px; - background-image: url(../img/containers-back-black.jpg); + background-position: left -300px; + background-image: url(../img/landing-back.jpg); background-repeat: no-repeat; - margin-top: -20px; margin-bottom: 0px; - padding-top: 46px; + padding-top: 120px; min-height: 440px; } -.landing .messages { - margin-bottom: 40px; +.landing .logo { + position: absolute; + top: 10px; + left: 10px; +} + +.landing .product-name { + position: absolute; + top: 22px; + left: 131px; + color: white; + font-size: 40px; +} + +.landing .nav { + font-size: 16px; + position: absolute; + right: 20px; + top: 20px; + color: white; +} + +.landing .nav a { + font-weight: bold; + color: white; + border-radius: 6px; +} + +.landing .nav li a:hover { + background: rgba(255, 255, 255, 0.2); +} + + +@media (max-height: 768px) { + .landing { + } } .landing .messages b { @@ -1200,6 +1241,33 @@ i.toggle-icon:hover { font-size: 48px; } +.landing-section { + padding: 20px; + padding-bottom: 40px; + border-top: 1px solid #ddd; + display: block; +} + +.landing-section:nth-child(even) { + background: #f7f7f7; +} + +.landing-section h2 { + text-align: center; + display: block; + margin-bottom: 50px; + font-weight: 200; +} + +.landing-page .tour-overview { +} + +.landing-page .tour-overview img { + width: 500px; + padding: 10px; + display: inline-block; +} + .form-signup input { margin: 12px; margin-left: 0px; @@ -1259,28 +1327,39 @@ form input.ng-valid.ng-dirty, color: black; } -.landing .shoutout i { +.landing-page .shoutout > i { font-size: 36px; display: block; } -.landing .shoutout b { +.landing-page .shoutout > b { font-size: 22px; display: block; line-height: 31px; } -.landing .shoutout { +.landing-page .shoutout { font-size: 14px; text-align: center; line-height: normal; } -@media (max-height: 768px) { - .landing { - padding: 20px; - padding-top: 20px; - } +.landing-page .feature-shoutout { + margin-bottom: 20px; +} + +.landing-page .feature-shoutout > a { + font-size: 22px; + display: block; + line-height: 31px; + padding-top: 10px; + padding-bottom: 10px; + text-align: center; +} + +.landing-page .feature-shoutout .img-responsive { + border: 2px solid #eee; + padding: 6px; } .page-footer { diff --git a/static/img/box-logo.png b/static/img/box-logo.png new file mode 100644 index 000000000..6192e0b7f Binary files /dev/null and b/static/img/box-logo.png differ diff --git a/static/img/landing-back copy.jpg b/static/img/landing-back copy.jpg new file mode 100644 index 000000000..73b278980 Binary files /dev/null and b/static/img/landing-back copy.jpg differ diff --git a/static/img/landing-back.jpg b/static/img/landing-back.jpg new file mode 100644 index 000000000..4fa4d2696 Binary files /dev/null and b/static/img/landing-back.jpg differ diff --git a/static/img/landing-back.psd b/static/img/landing-back.psd new file mode 100644 index 000000000..60ac7906d Binary files /dev/null and b/static/img/landing-back.psd differ diff --git a/static/img/modcloth-logo.png b/static/img/modcloth-logo.png new file mode 100644 index 000000000..629d9f12c Binary files /dev/null and b/static/img/modcloth-logo.png differ diff --git a/static/js/app.js b/static/js/app.js index 3d068d6cc..49dbf16b4 100644 --- a/static/js/app.js +++ b/static/js/app.js @@ -4204,6 +4204,8 @@ quayApp.run(['$location', '$rootScope', 'Restangular', 'UserService', 'PlanServi }); $rootScope.$on('$routeChangeSuccess', function (event, current, previous) { + $rootScope.customClass = ''; + if (current.$$route.title) { $rootScope.title = current.$$route.title; } diff --git a/static/js/controllers.js b/static/js/controllers.js index ae0a4f090..683dd6a3b 100644 --- a/static/js/controllers.js +++ b/static/js/controllers.js @@ -262,7 +262,9 @@ function RepoListCtrl($scope, $sanitize, Restangular, UserService, ApiService) { loadPublicRepos(); } -function LandingCtrl($scope, UserService, ApiService) { +function LandingCtrl($scope, UserService, ApiService, $rootScope) { + $rootScope.customClass = 'landing-page'; + $scope.namespace = null; $scope.$watch('namespace', function(namespace) { diff --git a/static/partials/landing.html b/static/partials/landing.html index 96182b85a..634d19203 100644 --- a/static/partials/landing.html +++ b/static/partials/landing.html @@ -1,4 +1,17 @@
+ + Quay.io + + +
@@ -49,101 +62,93 @@
- -
-
- - Secure - - Your data is transferred using SSL at all times and encrypted when at rest. More information available in our security guide - -
- -
- - Shareable - - Have to share a repository? No problem! Share with anyone you choose - -
- -
- - Cloud Hosted - - Accessible from anywhere, anytime - -
-
-
-
-
-
Take a tour of Quay
-
- -
-
-
-
Customized for you
-
- Your personal home screen shows those repositories most important to you, ordered by recent activity. -
-
Keep up to date on the status of those repositories you deem important.
+
+
+

Simple and straightforward benefits

+
+
+ + Secure + + Your data is transferred using SSL at all times and encrypted when at rest. More information available in our security guide +
-
-
-
-
-
Useful views of respositories
-
- Each repository is presented with the maximum amount of useful information, including its image history, markdown-based description, and tags. +
+ + Shareable + + Have to share a repository? No problem! Share with anyone you choose + +
+ +
+ + Cloud Hosted + + Accessible from anywhere, anytime + +
+
+
+ +
+

Trusted by companies who use Docker

+
+
+ +
+
+
+ +
+

Business-class management tools

+
+
+ + Customized for you +
+ +
+ + Detailed repository information +
+ +
+ + Dockerfile build in the cloud
-
-
-
-
-
Dockerfile Build in the cloud
-
- Like to use Dockerfiles to build your images? Simply upload your Dockerfile (and any additional files it needs) and we'll build your Dockerfile into an image and push it to your repository. +
+
+ + Fine grain permissions model
-
- If you store your Dockerfile in GitHub, add a Build Trigger to your repository and we'll start a Dockerfile build for every change you make. + +
+ + Docker diff visualized +
+ +
+ + Organizations and Teams
-
+
-
-
-
-
Share at your control
-
- Share any repository with as many (or as few) users as you choose. -
-
Need a repository only for your team? Easily share with your team members.
-
Need finer grain control? Mark a user as read-only or read/write.
-
Have a build script or a deploy process that needs access? Generate an access token to grant revocable access for pushing or pulling.
-
Want to share with the world? Make your repository fully public.
-
-
- -
-
-
-
Docker diff whenever you need it
-
- We wanted to know what was changing in each image of our repositories just as much as you do. So we added diffs. Now you can see exactly which files were added, changed, or removed for each image. We've also provided two awesome ways to view your changes, either in a filterable list, or in a drill down tree view. -
+
+

See what people are saying about Quay.io

+
+
+
Mobile Analytics
diff --git a/templates/base.html b/templates/base.html index f4dfe4dbe..1baa5ab84 100644 --- a/templates/base.html +++ b/templates/base.html @@ -102,7 +102,7 @@ var isProd = document.location.hostname === 'quay.io'; */ - +