diff --git a/static/css/quay.css b/static/css/quay.css index 089b42800..8a699eb55 100644 --- a/static/css/quay.css +++ b/static/css/quay.css @@ -1,3 +1,4 @@ + .plans .callout { font-size: 2em; text-align: center; @@ -144,6 +145,38 @@ background-color: #DDFFEE; } +.product-tour .tour-header { + height: 200px; + text-align: center; + margin-bottom: 40px; + border-bottom: 4px solid black; +} + +.product-tour .tour-header .tour-shoutout-header { + margin: 20px; + font-size: 4em; +} + +.product-tour .tour-header .tour-shoutout { + font-size: 2em; + color: #444; +} + +.product-tour .tour-section { + margin-bottom: 20px; +} + +.product-tour .tour-section .tour-section-title { + font-size: 1.8em; + margin-top: 10px; + margin-bottom: 10px; +} + +.product-tour .tour-section .tour-section-description { + font-size: 1.2em; + margin-bottom: 20px; +} + .landing .popover-content { color: black; } @@ -168,6 +201,14 @@ .landing-footer { background-color: white; background-image: none; + padding: 10px; + padding-bottom: 40px; + margin-top: 10px; + border-top: 1px solid #eee; +} + +.landing-footer .row { + max-width: 100%; } .landing-footer .copyright-container { @@ -182,7 +223,6 @@ display: block; } - .landing-footer .dt-logo { vertical-align: center; max-width: 150px; diff --git a/static/partials/landing.html b/static/partials/landing.html index 3b7460575..493ef554d 100644 --- a/static/partials/landing.html +++ b/static/partials/landing.html @@ -84,6 +84,47 @@ +
+
+
+
Why use 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.
+
+
+ +
+
+
+
Useful views of respositories
+
+ Each repository is presented with the maximum amount of useful information, including its image history, markdown-based description, and tags. +
+
+
+ +
+
+
+
Share at your control
+
+ Share any repository with as many (or as few) users as you choose. +
+
Want to share with the world? Make your repository public.
+
Need a repository only for your team? Share with your team members.
+
Need finer grain control? Mark a user as read-only or read/write.
+
+
+
+