diff options
| author | Diclophis <diclophis@gmail.com> | 2012-04-17 01:31:12 +0000 |
|---|---|---|
| committer | Diclophis <diclophis@gmail.com> | 2012-04-18 08:01:20 +0000 |
| commit | 0ea9684acb5206669788bee5ed557a070f9bfe4e (patch) | |
| tree | 9dd793fd3b216f275a5ad3cc2636934945cbd4e2 | |
| parent | 327b6f859e95be71e5613f24cc1c9d4f4b97c15f (diff) | |
Make src/shell.html HTML5 compliant by fixing incorrect DOM around head/body tags, also declare a new CSS class 'emscripten' and make all generated elements use it so that we can prevent collision of additional elements if a developer chooses to modify this page and add additional elements, plus remove inline styles
| -rw-r--r-- | src/shell.html | 28 |
1 files changed, 17 insertions, 11 deletions
diff --git a/src/shell.html b/src/shell.html index 37509889..93dcdf2b 100644 --- a/src/shell.html +++ b/src/shell.html @@ -1,16 +1,22 @@ -<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> -<html> +<!doctype html> +<html lang="en-us"> <head> + <meta charset="utf-8"> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Emscripten-Generated Code</title> + <style> + .emscripten { padding-right: 0; margin-left: auto; margin-right: auto; display: block; } + canvas.emscripten { width: 256px; height: 256px; border: 1px solid black; } + textarea.emscripten { font-family: monospace; width: 80%; } + div.emscripten { text-align: center; } + </style> + </head> <body> - <center> - <canvas id='canvas' width='256' height='256' style="border: 1px solid black" - oncontextmenu="event.preventDefault()"></canvas> - <hr> - <textarea id="output" style="font-family: monospace; width: 80%" rows="8"></textarea> - <hr> - <div id='status'>Downloading...</div> - </center> + <canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()"></canvas> + <hr/> + <textarea class="emscripten" id="output" rows="8"></textarea> + <hr> + <div class="emscripten" id="status">Downloading...</div> <hr> <script type='text/javascript'> // connect to canvas @@ -40,7 +46,7 @@ }; {{{ SCRIPT_CODE }}} + </script> </body> </html> - |