diff --git a/static/css/quay.css b/static/css/quay.css index c60f258b6..576892c38 100644 --- a/static/css/quay.css +++ b/static/css/quay.css @@ -84,35 +84,34 @@ } .landing { - position: relative; - width: 100%; - height: 562px; - - padding: 10px; - color: white; - margin-top: -19px; + + background-color: #1d1d1d; + background-position: left; + background-image: url(../containers-back-black.jpg); + background-repeat: no-repeat; + + margin-top: -20px; + margin-bottom: 0px; + + padding-top: 96px; + + min-height: 500px; } -.landing .message-container { - position: absolute; - top: 88px; - left: 50px; - width: 600px; - - z-index: 3; +.landing .messages { + margin-bottom: 40px; } -.landing .signup-container { - position: absolute; - top: 100px; - right: 50px; - width: 350px; - - z-index: 3; +.landing .messages b { + color: #94C9F7; } -.landing .signup-container input { +.landing .messages h1 { + font-size: 48px; +} + +.form-signup input { margin: 12px; margin-left: 0px; } @@ -129,179 +128,63 @@ color: black; } -.landing .message { - font-size: 3.4em; - margin-bottom: 10px; -} - -.landing .message b { - color: #94C9F7; -} - -.landing .sub-message { - font-size: 1.8em; - margin-bottom: 20px; -} - -.landing .welcome-message { - text-align: center; -} - -.landing .welcome-message .sub-message { - margin-top: 16px; -} - -.landing .welcome-message .gravatar { - display: inline-block; - border: 1px solid #94C9F7; -} - -.landing .sub-message b { - color: #94C9F7; -} - -.landing .sellcall { - font-size: 1.4em; -} - -.landing .shoutouts { - position: absolute; - bottom: 30px; - left: 0px; - right: 0px; - text-align: center; - z-index: 3; - white-space: nowrap; -} - -.landing .shoutout { - display: inline-block; - margin-left: 20px; - margin-right: 20px; - width: 300px; - vertical-align: top; - white-space: normal; -} - .landing .shoutout i { font-size: 36px; display: block; - text-align: center; } .landing .shoutout b { font-size: 22px; display: block; + line-height: 31px; +} + +.landing .shoutout { + font-size: 14px; text-align: center; -} - -.landing .background-mask { - position: absolute; - top: 0px; - left: 0px; - right: 0px; - - height: 562px; - -background: -moz-linear-gradient(top, #141414 0%, transparent 15%, transparent 85%, #141414 100%); -background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#141414), color-stop(15%,transparent), color-stop(85%,transparent), color-stop(100%,#141414)); -background: -webkit-linear-gradient(top, #141414 0%,transparent 15%,transparent 85%,#141414 100%); -background: -o-linear-gradient(top, #141414 0%,transparent 15%,transparent 85%,#141414 100%); -background: -ms-linear-gradient(top, #141414 0%,transparent 15%,transparent 85%,#141414 100%); -background: linear-gradient(to bottom, #141414 0%,transparent 15%,transparent 85%,#141414 100%); - - - z-index: 2; -} - -.landing .background { - position: absolute; - top: 0px; - left: 0px; - right: 0px; - - background-color: #1d1d1d; - background-position: left; - background-image: url(../containers-back-black.jpg); - background-repeat: no-repeat; - - height: 562px; - - z-index: 1; -} - -.landing .options { - display: inline-block; - padding: 10px; - margin-top: 20px; -} - -.landing .options .option { -} - -.landing .options .or { - margin: 14px; - text-align: center; -} - -.landing .options .or span { - display: inline-block; - border-radius: 50%; - background: #444; - padding: 6px; - width: 48px; - height: 48px; - line-height: 36px; - text-transform: uppercase; - text-align: center; + line-height: normal; } .landing-footer { - padding: 20px; - - position: absolute; - top: 610px; - bottom: 0px; - left: 0px; - right: 0px; - - min-height: 138px; - border-radius: 0px; - margin-bottom: 0px; + background-color: white; + background-image: none; } -.landing-footer .footer-column { - display: inline-block; - padding: 10px; - margin-left: 20px; - vertical-align: top; +.landing-footer .copyright-container { + font-size: 11px; + color: black; + text-align: right; + padding-right: 30px; + padding-top: 20px; } -.landing-footer .footer-column ul { +.landing-footer .copyright-container a { + display: block; +} + + +.landing-footer .dt-logo { + vertical-align: center; + max-width: 150px; +} + +.landing-footer .copyright { + font-size: 11px; + color: black; +} + +.landing-footer ul { list-style-type: none; margin: 0px; padding-left: 0px; } -.landing-footer .footer-column li { +.landing-footer li { margin: 0px; } -.landing-footer .dt-logo { - float: right; - margin-top: 30px; - margin-right: 10px; - vertical-align: center; - width: 150px; -} - -.landing-footer .copyright { - position: absolute; - left: 10px; - bottom: 4px; - - font-size: 11px; - color: black; +.user-welcome { + text-align: center; } #repoSearch { @@ -547,6 +430,8 @@ p.editable:hover i { margin-bottom: 20px; border-bottom: 1px solid #eee; padding: 10px; + font-size: 14px; + line-height: normal; } .repo-listing:last-child { diff --git a/static/partials/landing.html b/static/partials/landing.html index 4630cd497..2ff7c1e05 100644 --- a/static/partials/landing.html +++ b/static/partials/landing.html @@ -1,110 +1,115 @@ -
-
-
-
-
Secure hosting for private docker containers
-
Use the docker images your team needs with the safety of private storage
-
Starting at $7/mo
-
+
+
+
+
+
+

Secure hosting for private docker containers

+

Use the docker images your team needs with the safety of private storage

+
Starting at $7/mo
+
-
-
- -
-
-

Your Top Repositories

-
- - {{repository.namespace}}/{{repository.name}} -
+
+
+ +
+
+

Your Top Repositories

+
+ + {{repository.namespace}}/{{repository.name}} +
+
+
+
+
+ You don't have any private repositories yet! + +
+
Learn how to create a repository
+
or
+
Browse the public repositories
+
+
+
+
+
+ +
+
+ +
+ +
+
+
Thank you for registering! We have sent you an activation email. You must verify your email address before you can continue.
+
+
+
+ +
Welcome {{ user.username }}!
+ +
+
+
+ +
+
+ + Secure + Store your private docker containers securely where only you and your team + can access it
-
-
-
- You don't have any private repositories yet! - -
-
Learn how to create a repository
-
or
-
Browse the public repositories
-
+
+ + Cloud Hosted + Accessible from anywhere, anytime
-
-
- +
+
-
-
- - Secure - Store your private docker containers securely where only you and your team - can access it +