diff --git a/css/main.css b/css/main.css index 897f87f68..b788226b8 100644 --- a/css/main.css +++ b/css/main.css @@ -48,29 +48,21 @@ div#header { height: 20px; } -.deleteSave { +.menu { position: absolute; right: 10px; bottom: 10px; - cursor: pointer; + color: #666; } -.manualSave { - position: absolute; - right: 125px; - bottom: 10px; +.menu span { cursor: pointer; + float: right; + margin-left: 20px; } -.deleteSave:hover, .share:hover, .manualSave:hover { - text-decoration: underline; -} - -.share { - position: absolute; - right: 70px; - bottom: 10px; - cursor: pointer; +.menu span:hover { + text-decoration: underline; } div.headerButton { diff --git a/css/space.css b/css/space.css index 9bcf3316a..079bdd42f 100644 --- a/css/space.css +++ b/css/space.css @@ -146,4 +146,9 @@ .endGameRestart { font-size: 32px; -} \ No newline at end of file + cursor: pointer; +} + +.endGameRestart:hover { + text-decoration: underline; +} diff --git a/script/engine.js b/script/engine.js index 7b35cfa5e..57130b175 100644 --- a/script/engine.js +++ b/script/engine.js @@ -94,23 +94,33 @@ var Engine = { $('
').attr('id', 'locationSlider').appendTo('#main'); + var menu = $('
') + .addClass('menu') + .appendTo('body'); + $('') - .addClass('deleteSave') + .addClass('menuBtn') .text('restart.') .click(Engine.confirmDelete) - .appendTo('body'); + .appendTo(menu); - $('
') - .addClass('share') + $('') + .addClass('menuBtn') .text('share.') .click(Engine.share) - .appendTo('body'); + .appendTo(menu); - $('') - .addClass('manualSave') + $('') + .addClass('menuBtn') .text('save.') .click(Engine.exportImport) - .appendTo('body'); + .appendTo(menu); + + $('') + .addClass('menuBtn') + .text('app store.') + .click(function() { window.open('https://itunes.apple.com/us/app/a-dark-room/id736683061'); }) + .appendTo(menu); // Register keypress handlers $('body').off('keydown').keydown(Engine.keyDown); diff --git a/script/space.js b/script/space.js index f7bee7b83..073d36f6e 100644 --- a/script/space.js +++ b/script/space.js @@ -251,7 +251,7 @@ var Space = { }, 1000); Space._panelTimeout = setTimeout(function() { - $('#spacePanel, .deleteSave, .share, .manualSave').animate({color: 'white'}, 500, 'linear'); + $('#spacePanel, .menu').animate({color: 'white'}, 500, 'linear'); }, Space.FTB_SPEED / 2); Space.createAsteroid(); @@ -331,7 +331,7 @@ var Space = { $('#starsContainer').remove(); } }); - $('#spacePanel, .deleteSave, .share, .manualSave').animate({color: 'black'}, 300, 'linear'); + $('#spacePanel, .menu').animate({color: 'black'}, 300, 'linear'); $('#outerSlider').animate({top: '0px'}, 300, 'linear'); Engine.activeModule = Ship; Ship.onArrival(); @@ -410,13 +410,10 @@ var Space = { .appendTo('.centerCont'); $('
') .appendTo('.centerCont'); - $('#starsContainer').remove(); - $('.deleteSave, .share, .manualSave').remove(); $('#content, #notifications').remove(); - $('.deleteSave, .share, .manualSave').attr('style', 'color: white;').animate({opacity:0},1500); $('') - .addClass('deleteSave endGame endGameRestart') + .addClass('endGame endGameRestart') .text('restart.') .click(Engine.confirmDelete) .appendTo('.centerCont')