diff --git a/css/multi.css b/css/multi.css index 5047357..173f27b 100644 --- a/css/multi.css +++ b/css/multi.css @@ -232,3 +232,33 @@ html, body { padding-top: 200px; z-index: 999999; } + +#credits { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 9999; + background: black; + overflow-y: auto; + text-align: center; + color: white; + font-size: 1.1em; + padding: 40px 20px; +} + +#credits h3 { + font-size: 2em; + color: #666; +} + +#credits b { + font-size: 1.2em; + color: #bbb; +} + +#credits h4 { + color: #555; + font-size: 1.2em; +} diff --git a/index.html b/index.html index 8d4b01b..35ac5b8 100644 --- a/index.html +++ b/index.html @@ -50,10 +50,11 @@ @@ -71,6 +72,16 @@
Click/Touch to continue.
+ diff --git a/launch.coffee b/launch.coffee index 89ecdab..ebca8b7 100644 --- a/launch.coffee +++ b/launch.coffee @@ -52,6 +52,12 @@ $('step-2').onclick = -> init s[0][3], s[1][3], s[2][3], s[3][3] $('step-5').onclick = -> window.location.reload() +$('s-credits').onclick = -> + $('step-1').style.display = 'none' + $('credits').style.display = 'block' +$('credits').onclick = -> + $('step-1').style.display = 'block' + $('credits').style.display = 'none' hasWebGL = -> gl = null diff --git a/launch.js b/launch.js index 14df016..5de737e 100644 --- a/launch.js +++ b/launch.js @@ -1,4 +1,4 @@ -// Generated by CoffeeScript 1.7.1 +// Generated by CoffeeScript 1.6.3 (function() { var $, a, getWebGL, hasWebGL, init, s, u, _fn, _i, _len; @@ -72,6 +72,16 @@ return window.location.reload(); }; + $('s-credits').onclick = function() { + $('step-1').style.display = 'none'; + return $('credits').style.display = 'block'; + }; + + $('credits').onclick = function() { + $('step-1').style.display = 'block'; + return $('credits').style.display = 'none'; + }; + hasWebGL = function() { var canvas, gl; gl = null;