index.html in stylus-source-0.22.0

- old
+ new
@@ -1,56 +1,11 @@
 <html>
   <head>
-    <!--<link rel="stylesheet/stylus"></link>-->
-    <style type="text/stylus">
-fg = white
-body {
-  color: fg;
-  background: black;
-}
-    </style>
-    <script src="../stylus.js"></script>
-    <script>
-
-    function createStylesheet(css) {
-      var el = document.createElement('style');
-      el.type = 'text/css';
-      el.media = 'screen';
-      el.id = 'todo';
-      el.textContent = css;
-      document.getElementsByTagName('head')[0].appendChild(el);
-    }
-
-    onload = function(){
-      var styles = document.getElementsByTagName('style')
-        , indent
-        , styl;
-
-        // TODO: link tags like https://github.com/cloudhead/less.js/blob/master/dist/less-1.1.4.js#L2463
-        // TODO: strip indentation
-      for (var i = 0, len = styles.length; i < len; ++i) {
-        if ('text/stylus' == styles[i].type) {
-          styl = styles[i].textContent;
-          stylus(styl.trim())
-            .render(function(err, css){
-              if (err) throw err;
-              createStylesheet(css);
-            });
-        }
-      }
-    };
-    </script>
+    <link rel="stylesheet" href="test.css" type="text/css" media="screen" title="no title" charset="utf-8">
   </head>
   <body>
-    <div id="dialog">
-      <h1>Dialog</h1>
-      <p>Some random dialog</p>
-    </div>
-
-    <div class="tip username-tip">Please enter your username</div>
-    <div class="tip password-tip">Please enter your password</div>
-    <div id="content">
-      <p><input type="text" class="username" placeholder="Username:"></p>
-      <p><input type="text" class="password" placeholder="Password:"></p>
-    </div>
+    <p class="message">Message</p>
+    <p class="warning">Warning</p>
+    <p class="error">Error</p>
+    <p class="fatal">Fatal</p>
   </body>
 </html>
\ No newline at end of file