diff --git a/css/april.css b/css/april.css new file mode 100644 index 0000000..9c9d5b6 --- /dev/null +++ b/css/april.css @@ -0,0 +1,270 @@ +/*** dark.css + APRIL FOOLS! ***/ + +body { + background-color: #272823; + color: #EEE; +} + +div.headerButton { + border-left: 1px solid #EEE; +} + +div#notifyGradient { + background-color: #272823; + background: -webkit-linear-gradient( rgba(39, 40, 35, 0) 0%, rgba(39, 40, 35, 1) 100% ); + background: linear-gradient( rgba(39, 40, 35, 0) 0%, rgba(39, 40, 35, 1) 100% ); + filter: alpha( Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=500 ); +} + +div#saveNotify { + background: #272823; +} + +.eventPanel:before { + background-color: #272823; +} + +.eventTitle:after { + background-color: #272823; +} + +div.tooltip { + background-color: #111; + border: 1px solid black; + box-shadow: -1px 3px 2px #111; +} + +div#population { + background-color: #272823; +} + +div#village:before { + background: #272823; +} + +div#village { + border: 1px solid #EEE; +} + +div#stores:before { + background: #272823; +} + +div#stores { + border: 1px solid #EEE; +} + +div#weapons:before { + background: #272823; +} + +div#weapons { + border: 1px solid #EEE; +} + +div#bagspace { + background-color: #272823; +} + +div#outfitting:before { + background: #272823; +} + +div#perks { + border: 1px solid #EEE; +} + +div#perks:before { + background-color: #272823; +} + +div#outfitting { + border: 1px solid #EEE; +} + +#bagspace-world { + border: 1px solid #EEE; +} + +div.supplyItem { + border: 1px solid #EEE; +} + +#backpackTitle { + background-color: #272823; +} + +#backpackSpace { + background-color: #272823; +} + +#healthCounter { + background-color: #272823; +} + +#map { + border: 1px solid #EEE; +} + +#map .landmark { + color: #EEE; +} + +#dropMenu { + background: none repeat scroll 0 0 #272823; + box-shadow: -1px 3px 2px #111; +} + +div.button { + border: 1px solid #EEE; +} + +div.button.disabled, div.button.disabled:hover { + border-color: #444; + color: #444; +} + + +.upBtn:after, .upManyBtn:after { + border-color: transparent transparent #272823; +} + +.upBtn:before, .upManyBtn:before { + border-color: transparent transparent #EEE; +} + +.upBtn.disabled:before, .upManyBtn.disabled:before { + border-color: transparent transparent #555; +} + +.dnBtn:after, .dnManyBtn:after { + border-color: #272823 transparent transparent; +} + +.dnBtn:before, .dnManyBtn:before { + border-color: #EEE transparent transparent; +} + +.dnBtn.disabled:before, .dnManyBtn.disabled:before { + border-color: #555 transparent transparent; +} + +body.noMask .eventTitle { + background-color: #EEE; + color: #272823; +} + +body.noMask .eventTitle:after { + background-color: #EEE; +} + +body.noMask .eventPanel { + background-color: #EEE; +} + +body.noMask #description { + color: #272823; +} + +body.noMask #buttons > .button { + border: 1px solid #272823; + color: #272823; +} + +#stars > div, #starsBack > div { + color: black; +} + +.endGame { + color:#272823; +} + +#theEnd { + color: #272823; +} + + + + +body { + background: url('../img/tile-background.jpg'); + color: yellow!important; +} + +.menu { + color: yellow!important; +} + +.button { + background: url('../img/wefd.gif'); +} + +#bagspace-world, +#map, +.eventPanel { + background: url('../img/Rainbow.gif'); +} + +.construction { + background: url('../img/jZSGX.gif'); + width: 390px; + height: 351px; + bottom: 0; +} + +.paws { + background: url('../img/paws.gif') +} + +.cute { + width: 288px; + height: 243px; + -webkit-transition: all 3s linear; + -moz-transition: all 3s linear; + -o-transition: all 3s linear; + -ms-transition: all 3s linear; + transition: all 3s linear; + position: absolute; + top: 30px; + left: 0; + background: url('../img/cute.gif') + +} + +.cute.move { + left: 100%; + margin-left: -288px; /*.animate width*/ +} + +.construction, +.paws, +.cute { + position: fixed; +} + +div#notifyGradient { + background-color: transparent!important; + background: none!important; +} + +.eventPanel:before { + background-color: transparent; +} + +#starsBack { + background: url('../img/Rainbow.gif'); +} + +iframe { + position: fixed; + height: 315px; + width:420px; + bottom: 0; + right: 0; +} + +.counter { + position: fixed; + top: 0; + right: 0; +} \ No newline at end of file diff --git a/img/Rainbow.gif b/img/Rainbow.gif new file mode 100644 index 0000000..08518c6 Binary files /dev/null and b/img/Rainbow.gif differ diff --git a/img/cute.gif b/img/cute.gif new file mode 100644 index 0000000..3d99447 Binary files /dev/null and b/img/cute.gif differ diff --git a/img/jZSGX.gif b/img/jZSGX.gif new file mode 100644 index 0000000..e4c2942 Binary files /dev/null and b/img/jZSGX.gif differ diff --git a/img/tile-background.jpg b/img/tile-background.jpg new file mode 100644 index 0000000..5ed0a12 Binary files /dev/null and b/img/tile-background.jpg differ diff --git a/img/wefd.gif b/img/wefd.gif new file mode 100644 index 0000000..da67327 Binary files /dev/null and b/img/wefd.gif differ diff --git a/script/engine.js b/script/engine.js index 145fdc3..5b3629d 100644 --- a/script/engine.js +++ b/script/engine.js @@ -222,7 +222,7 @@ Engine.saveLanguage(); Engine.travelTo(Room); - + }, browserValid: function() { @@ -774,6 +774,61 @@ $.Dispatch = function( id ) { return topic; }; +// APRIL FOOLS! +var april = function() { + + if(document.location.href.search(/[\?\&]april=1/) != -1){ + var april = Engine.findStylesheet('aprilFools'); + if (april == null) { + + $('head').append(''); + $('.lightsOff').text(_('april fools.')).on('click', function() { window.location = "./index.html"}); + + } + + $('body').append($('
').addClass('construction')); + $('body').append($('
').addClass('cute')); + $('body').append($('').addClass("counter") + .attr('href','http://www.hitwebcounter.com/') + .attr('target','_blank').append($('').attr('src','http://hitwebcounter.com/counter/counter.php?page=6031127&style=0015&nbdigits=6&type=page&initCount=0'))); + + $('.cute').toggleClass("move"); + setInterval(function() { + $('.cute').toggleClass("move"); + }, 3030); + + setTimeout(function() { + alert('Welcome to the Web Site!'); + setTimeout(function() { alert('Hope you enjoy your time!'); }, 2000); + }, 1000); + } + + else { + Events.startEvent({ + title: _('Update'), + scenes: { + start: { + text: [ + _('there is a new layout, would you like to use it?') + ], + buttons: { + 'ok': { + text: _('check it out.'), + onChoose: function() { window.location = './index.html?april=1' } + }, + 'no': { + text: _('no thanks.'), + nextScene: 'end' + } + } + }, + } + }); + } +} + $(function() { Engine.init(); + + april(); }); diff --git a/script/space.js b/script/space.js index d9d91b8..4cdab8c 100644 --- a/script/space.js +++ b/script/space.js @@ -67,6 +67,11 @@ var Space = { }); Space.startAscent(); Space._shipTimer = setInterval(Space.moveShip, 33); + + // APRIL FOOLS! + if(document.location.href.search(/[\?\&]april=1/) != -1){ + $('body').append($('