mikegerwitz
/
lasertank-js
1
0
Fork 0
Code Releases Activity

Added noscript dialog to index page 

It is important that users understand that this game is free software. The same
issues exist for proprietary software in the browser.
master
Mike Gerwitz 2012-03-24 19:39:11 -04:00
parent 2454739d75
commit ee99ab6ba9
2 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
index.html
View File

@ -5,6 +5,34 @@
<link rel="stylesheet" type="text/css" href="style.css" /> <link rel="stylesheet" type="text/css" href="style.css" />
</head> </head>
<body> <body>
<noscript>
<div id="noscript" class="dialog show">
<div class="body">
<p>
<strong>Oops; it looks like JavaScript is not enabled.</strong> I do
applaud you for being a cautious user. Unfortunately, you aren't
going to get very far without it on this page.
</p>
<p>
There is no need for concern here &mdash; <strong>this game is
<a href="http://www.gnu.org/philosophy/free-sw.html">free
software</a></strong>, so you can rest assured that we will have
full respect for your freedoms and your privacy. Should you wish to
take a gander before enabling JavaScript, you may find the full
source code on <a
href="https://gitorious.org/lasertank-js">Gitorious</a> (I encourage
you to take a look either way).
</p>
<p>
Enjoy! (No, I'm sorry, you cannot close this dialog without enabling
JavaScript; too many people would simply close it without reading
this message. Should you be so inclined, feel free to inspect the
<tt>&lt;noscript&gt;</tt> element on this page and remove it.)
</p>
</div>
</div>
</noscript>
<div id="game" class="game opening"> <div id="game" class="game opening">
<ul class="menu"> <ul class="menu">
<li> <li>

7
style.css
View File

@ -167,6 +167,9 @@ body {
* and be hidden */ * and be hidden */
z-index: 2000; z-index: 2000;
} }
.dialog.show {
display: block;
}
.dialog > .body { .dialog > .body {
position: absolute; position: absolute;
@ -187,6 +190,10 @@ body {
float: right; float: right;
} }
#noscript .body {
width: 500px;
}
#todo .body { #todo .body {
width: 350px; width: 350px;
} }