Geocities was before its time.

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;
+}

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('<link rel="stylesheet" href="css/april.css" type="text/css" title="aprilFools" />');
+			$('.lightsOff').text(_('april fools.')).on('click', function() { window.location = "./index.html"});
+			
+		}
+
+		$('body').append($('<div>').addClass('construction'));
+		$('body').append($('<div>').addClass('cute'));
+		$('body').append($('<a>').addClass("counter")
+								 .attr('href','http://www.hitwebcounter.com/')
+								 .attr('target','_blank').append($('<img>').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();
 });

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($('<iframe>').attr('src','https://www.youtube.com/embed/ZZ5LpwO-An4?autoplay=1').attr('frameborder',0))
+		}
 	},
 	
 	setTitle: function() {