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 {