tweaked markup to work as an include

remy · remy · commit a027a384ac1e · 2012-12-10T10:44:20.000Z
diff --git a/demos/worker.html b/demos/worker.html
@@ -1,30 +1,27 @@
-<html>
-<head>
-    <title>Worker</title>
-    <style>
-        body {
-            font-family: sans-serif;
-        }
-        
-        #status {
-            height: 200px;
-            max-height: 200px;
-            border: thin solid black;
-            overflow-y: scroll;
-        }
-        
-        #square {
-            position: absolute;
-            left: 0px;
-            top: 0px;
-            width: 75px;
-            height: 75px;
-            background-color: rgba(0, 0, 220, 0.3);
-            z-index: -1;
-        }
-    </style>
-</head>
-<body>    
+<title>Web Worker</title>
+<style>
+    body {
+        font-family: sans-serif;
+    }
+    
+    #status {
+        height: 200px;
+        max-height: 200px;
+        border: thin solid black;
+        overflow-y: scroll;
+    }
+    
+    #square {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        width: 75px;
+        height: 75px;
+        background-color: rgba(0, 0, 220, 0.3);
+        z-index: -1;
+    }
+</style>
+<article>    
     <h1>Web Worker Demo</h1>
     <p>Works in Chrome, Safari, and Firefox. Web worker portion works in Opera.</p>
     <p>Use arrow keys to change the direction of the animated square. The square is animated with <em>requestAnimationFrame</em>.</p>
@@ -33,6 +30,5 @@ <h1>Web Worker Demo</h1>
     <h2>Messages from Worker:</h2>
     <div id="status"></div>
     <div id="square"></div>
-<script src="../js/worker-main.js"></script>
-</body>
-</html>
+<script src="/js/worker-main.js"></script>
+</article>
