diff --git a/app/assets/images/pages/home/button.png b/app/assets/images/pages/home/button.png deleted file mode 100644 index 9e68760da..000000000 Binary files a/app/assets/images/pages/home/button.png and /dev/null differ diff --git a/app/styles/home.sass b/app/styles/home.sass index 7cccff966..ffa7705f9 100644 --- a/app/styles/home.sass +++ b/app/styles/home.sass @@ -17,7 +17,9 @@ img display: block margin: 0 auto - + + text-shadow: 2px 2px 5px black + h3 color: $yellow position: absolute @@ -25,7 +27,6 @@ left: 40px font-size: 70px margin-top: 0 - text-shadow: 2px 2px 5px black h4 color: #e8d9c5 @@ -34,30 +35,15 @@ left: 140px font-size: 30px margin-top: 0 - text-shadow: 2px 2px 5px black - .play-button - text-align: center + .play-text position: absolute - right: 40px - bottom: -30px - width: 200px - height: 100px - - div, img - color: $yellow - position: absolute - top: 0 - bottom: 0 - left: 0 - right: 0 - width: 100% - height: 100% - font-size: 50px - font-family: Bangers - line-height: 100px - text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black - @include transition(color .10s linear) + right: 45px + bottom: -25px + color: $yellow + font-size: 90px + font-family: Bangers + @include transition(color .10s linear) &:hover div color: lighten($yellow, 20%) diff --git a/app/templates/home.jade b/app/templates/home.jade index 40b2cbf45..666ce1087 100644 --- a/app/templates/home.jade +++ b/app/templates/home.jade @@ -29,9 +29,7 @@ block content img(src="/images/pages/home/campaign_notext.jpg").img-rounded h3(data-i18n="home.campaign") Campaign h4(data-i18n="home.for-beginners") For Beginners - .play-button - img(src="/images/pages/home/button.png") - div(data-i18n="home.play") Play + .play-text(data-i18n="home.play") Play a#multiplayer(href="/play/ladder/dungeon-arena") div.game-mode-wrapper @@ -41,8 +39,6 @@ block content img(src="/images/pages/home/multiplayer_notext.jpg").img-rounded h3(data-i18n="home.multiplayer") Multiplayer h4(data-i18n="home.for-developers") For Developers - .play-button - img(src="/images/pages/home/button.png") - div(data-i18n="home.play") Play + .play-text(data-i18n="home.play") Play .clearfix