diff --git a/public/app.js b/public/app.js
index 5444e02..a63dc38 100644
--- a/public/app.js
+++ b/public/app.js
@@ -160,15 +160,17 @@ window.Websock_native=!0;window.MozWebSocket&&(window.WebSocket=window.MozWebSoc
* Keeping it somewhat readable until I automate minification.
*/
(function () {
-var t = Math.floor(Math.random() * 20);
var s = document.getElementById("status");
-document.body.style.backgroundImage = "url('tiles/tile_" + t + ".png')";
+var d = document.getElementById("display");
+var t = Math.floor(Math.random() * 20);
if (window.WebSocket) {
- var display = document.getElementById("display");
- var rfb = new RFB({ target: display, encrypt: true });
+ var rfb = new RFB({ target: d, encrypt: true });
rfb.connect("sandbox.y2k.land", 443);
+ document.body.style.backgroundImage = "url('tiles/tile_" + t + ".png')";
s.innerHTML = "Spinning up your very own personal computer, please wait!";
- setTimeout(function () { s.innerHTML = "Oh dear, it looks like something went very wrong. :(
We might be a little busy, please try again in a bit!"; }, 20000);
+ setTimeout(function () {
+ s.innerHTML = "Oh dear, it looks like something went very wrong. :(
Click here to check the server status, or try again in a bit.";
+ }, 20000);
} else {
s.innerHTML = "WebSockets must be enabled to enter Y2K Land!!!
Press the Any key to continue.";
}
diff --git a/public/style.css b/public/style.css
index 9bfe41f..894d746 100644
--- a/public/style.css
+++ b/public/style.css
@@ -6,17 +6,23 @@
url("fonts/perfect-dos.woff") format("woff");
}
body {
- margin: 0;
- padding: 0;
+ font-family: "Perfect DOS VGA 437", monospace;
width: 100%;
height: 100%;
- font-family: "Perfect DOS VGA 437", monospace;
+ margin: 0;
+ padding: 0;
+ user-select: none;
/* specific retro wallpaper tile is set randomly by JS onload */
+ background-color: #000;
background-repeat: repeat;
background-attachment: fixed;
background-position: center;
}
+a {
+ color: inherit;
+ text-decoration: underline;
+}
canvas, div#cmd {
display: block;
margin: auto;
@@ -32,7 +38,6 @@ div#cmd {
padding: 12px;
background-color: #000;
color: #ccc;
- user-select: none;
z-index: -100;
}
canvas {