diff --git a/website/source/assets/images/logo-lockup.png b/website/source/assets/images/logo-lockup.png index 61b5fb5860..be11c65604 100644 Binary files a/website/source/assets/images/logo-lockup.png and b/website/source/assets/images/logo-lockup.png differ diff --git a/website/source/assets/images/logo-lockup@2x.png b/website/source/assets/images/logo-lockup@2x.png index c8fd172a66..09322ee352 100644 Binary files a/website/source/assets/images/logo-lockup@2x.png and b/website/source/assets/images/logo-lockup@2x.png differ diff --git a/website/source/assets/stylesheets/_buttons.scss b/website/source/assets/stylesheets/_buttons.scss index 91c4049290..906a46d817 100755 --- a/website/source/assets/stylesheets/_buttons.scss +++ b/website/source/assets/stylesheets/_buttons.scss @@ -12,7 +12,7 @@ &.lrg{ font-size: 18px; - padding: 10px 60px; + padding: 10px 50px; } &.sml{ diff --git a/website/source/assets/stylesheets/_home.scss b/website/source/assets/stylesheets/_home.scss index b5bd48c281..747b4d6762 100755 --- a/website/source/assets/stylesheets/_home.scss +++ b/website/source/assets/stylesheets/_home.scss @@ -14,12 +14,70 @@ } */ #logo-lockup{ + position: relative; display: inline-block; - width: 186px; - height: 34px; + width: 228px; + height: 43px; margin-top: 120px; background: image-url('../images/logo-lockup.png') 0 0 no-repeat; - @include img-retina("../images/logo-lockup.png", "../images/logo-lockup@2x.png", 186px, 34px); + @include img-retina("../images/logo-lockup.png", "../images/logo-lockup@2x.png", 228px, 43px); + + .keys{ + position: absolute; + left: 15px; + top: 8px; + width: 12px; + span{ + width: 3px; + height: 3px; + border-radius: 2px; + float: left; + margin-left: 1px; + margin-bottom: 1px; + background-color: $blue; + + &:nth-child(1){ + opacity: 1; + } + + &:nth-child(2){ + opacity: .4; + } + + &:nth-child(3){ + opacity: .8; + } + + &:nth-child(4){ + opacity: 1; + } + + &:nth-child(5){ + opacity: .9; + } + + &:nth-child(6){ + opacity: .4; + } + + &:nth-child(7){ + opacity: .65; + } + + &:nth-child(8){ + opacity: .7; + } + + &:nth-child(9){ + opacity: 1; + } + + &:nth-child(10){ + opacity: 1; + margin-left: 5px; + } + } + } } #tag-line{ diff --git a/website/source/index.html.erb b/website/source/index.html.erb index f4aab139b5..940140b428 100644 --- a/website/source/index.html.erb +++ b/website/source/index.html.erb @@ -4,7 +4,20 @@
-
+
+
+ + + + + + + + + + +
+

A tool for storing and retrieving secrets.

Get Started