diff --git a/assets/images/gittip-bw.png b/assets/images/gittip-bw.png new file mode 100644 index 00000000..e7158849 Binary files /dev/null and b/assets/images/gittip-bw.png differ diff --git a/assets/images/gittip-bw@2x.png b/assets/images/gittip-bw@2x.png new file mode 100644 index 00000000..f4e72974 Binary files /dev/null and b/assets/images/gittip-bw@2x.png differ diff --git a/assets/javascripts/templates/pages/root_tmpl.coffee.erb b/assets/javascripts/templates/pages/root_tmpl.coffee.erb index d9573c78..9f4f9d11 100644 --- a/assets/javascripts/templates/pages/root_tmpl.coffee.erb +++ b/assets/javascripts/templates/pages/root_tmpl.coffee.erb @@ -1,6 +1,7 @@ app.templates.splash = """
That's all. Happy coding! @@ -43,6 +45,7 @@ app.templates.intro = """
That's all. Happy coding! diff --git a/assets/stylesheets/components/_content.scss b/assets/stylesheets/components/_content.scss index 9ad0b586..85bfb9c1 100644 --- a/assets/stylesheets/components/_content.scss +++ b/assets/stylesheets/components/_content.scss @@ -53,21 +53,31 @@ @extend ._booting:before, %user-select-none; } -._splash-maxcdn { +%splash-promo { position: absolute; bottom: 1.25rem; - left: 50%; - width: 16rem; - margin-left: -8rem; line-height: 1rem; color: #bbb; - text-align: center; &:hover { color: $linkColor; } +} + +._splash-maxcdn { + left: .75rem; + @extend %splash-promo; + > ._maxcdn-logo-bw { opacity: .2; } &:hover > ._maxcdn-logo-bw { opacity: .5; } } +._splash-gittip { + right: 1.25rem; + @extend %splash-promo; + + > ._gittip-logo-bw { opacity: .35; } + &:hover > ._gittip-logo-bw { opacity: .65; } +} + // // Intro // @@ -298,7 +308,7 @@ display: inline-block; vertical-align: top; width: 6.25rem; - margin-left: .375rem; + margin-left: .5rem; overflow: hidden; text-indent: -20rem; background-position: center center; @@ -323,3 +333,15 @@ background-image: image-url('maxcdn-bw@2x.png'); } } + +._gittip-logo-bw { + width: 4.375rem; + margin-left: .375rem; + background-size: 4.375rem 1rem; + background-image: image-url('gittip-bw.png'); + @extend %maxcdn-logo; + + @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { + background-image: image-url('gittip-bw@2x.png'); + } +} diff --git a/assets/stylesheets/components/_mobile.scss b/assets/stylesheets/components/_mobile.scss index 792c8973..2fee76ba 100644 --- a/assets/stylesheets/components/_mobile.scss +++ b/assets/stylesheets/components/_mobile.scss @@ -131,7 +131,13 @@ // Splash - ._splash-title { margin-top: -.5em; } + ._splash-maxcdn, ._splash-gittip { + left: 0; + right: 0; + text-align: center; + } + + ._splash-gittip { margin-bottom: 2.25rem; } } // diff --git a/views/manifest.erb b/views/manifest.erb index 8d9dbe6d..ac15238f 100644 --- a/views/manifest.erb +++ b/views/manifest.erb @@ -10,6 +10,8 @@ CACHE: <%= image_path 'maxcdn@2x.png' %> <%= image_path 'maxcdn-bw.png' %> <%= image_path 'maxcdn-bw@2x.png' %> +<%= image_path 'gittip-bw.png' %> +<%= image_path 'gittip-bw@2x.png' %> <%= asset_path 'docs.js' %> <%= doc_index_urls.join "\n" %>