diff --git a/app/assets/images/level/footer_background.jpg b/app/assets/images/level/footer_background.jpg new file mode 100644 index 000000000..97f24c48a Binary files /dev/null and b/app/assets/images/level/footer_background.jpg differ diff --git a/app/styles/play/level.sass b/app/styles/play/level.sass index 5d1e315fb..40eae3312 100644 --- a/app/styles/play/level.sass +++ b/app/styles/play/level.sass @@ -209,6 +209,12 @@ $level-resize-transition-time: 0.5s &:not(.premium) display: none + #level-footer-shadow + position: absolute + width: 100% + height: 30px + background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) + #fullscreen-editor-background-screen background-color: black opacity: 0.5 @@ -271,3 +277,14 @@ body.ipad #level-view canvas margin: 0 auto overflow: hidden + +#level-footer-background + display: none + position: absolute + background: transparent url(/images/level/footer_background.jpg) no-repeat + bottom: 0 + width: 100% + background-size: 100% 400px + height: 400px + z-index: -9001 + @include opacity(0.25) diff --git a/app/templates/play/level.jade b/app/templates/play/level.jade index b9329fc29..7aec98f87 100644 --- a/app/templates/play/level.jade +++ b/app/templates/play/level.jade @@ -34,6 +34,9 @@ button.btn.btn-lg.btn-warning.banner.header-font#stop-real-time-playback-button(title="Stop real-time playback", data-i18n="play_level.skip") Skip +#level-footer-shadow +#level-footer-background + if !me.get('anonymous') #play-footer(class=me.isPremium() ? "premium" : "") p(class='footer-link-text') diff --git a/app/views/play/level/LevelLoadingView.coffee b/app/views/play/level/LevelLoadingView.coffee index 2c44bc974..f5bdfc877 100644 --- a/app/views/play/level/LevelLoadingView.coffee +++ b/app/views/play/level/LevelLoadingView.coffee @@ -99,6 +99,7 @@ module.exports = class LevelLoadingView extends CocoView @$el.find('.right-wing').css right: '-100%', backgroundPosition: 'left -400px top 0' Backbone.Mediator.publish 'audio-player:play-sound', trigger: 'loading-view-unveil', volume: 0.5 _.delay @onUnveilEnded, duration * 1000 + $('#level-footer-background').detach().appendTo('#page-container').slideDown(duration * 1000) onUnveilEnded: => return if @destroyed