readme up

jaredly · jaredly · commit 9f7825ae07c7 · 2015-03-17T09:34:43.000-06:00
diff --git a/Readme.md b/Readme.md
@@ -73,12 +73,15 @@ I think it will be exactly what I've always wanted; we'll see.
 You will need:
 
 - [nodejs](http://nodejs.org/)
-- [browserify](http://browserify.org) `npm install -g browserify watchify`
-- [less](http://lesscss.org) `npm install -g less`
+- [webpack](http://webpack.github.io) `npm install -g webpack`
 
 ```
 npm install
-make all
+cd demo
+webpack --watch
 ```
 
+Then open `demo/plugins/index.html` for example in your favorite browser, and
+enjoy!
+
 
diff --git a/demo/menu/index.html b/demo/menu/index.html
@@ -3,7 +3,6 @@
 <head>
     <link rel="stylesheet" href="build.css">
     <script src="../react.js"></script>
-    <script src="build.js"></script>
     <style>
         body {
             height: 400px;
@@ -23,56 +22,5 @@
     </button>
     <div id="something">Here's a menu</div>
     <div id="output"></div>
-    <script>
-
-var React = require('react')
-  , output = document.getElementById('output')
-
-function makeMenu(e) {
-    e.preventDefault()
-    Menu.show([
-        {title: 'hello'},
-        {title: 'awesome', action: log.bind(null, 'Custom action')},
-        {title: 'One'},
-        {title: 'Two'},
-        {title: 'Three', children: [
-            {title: 'Three One'},
-            {title: 'Three Two', children: [
-                {title: 'awesome', action: log.bind(null, 'Custom action')},
-                {title: 'One'},
-                {title: 'Two some is more and things are here it is long'},
-            ]},
-        ]},
-        {title: 'Four'},
-    ], e.pageX, e.pageY, logItem)
-}
-
-window.something.addEventListener('contextmenu', makeMenu)
-
-function showmenu() {
-    Menu.show([
-        {title: 'hello'},
-        {title: 'awesome', action: log.bind(null, 'Custom action')},
-    ], 100, 100, logItem)
-}
-
-function logItem(item) {
-    log('Clicked ' + item.title)
-}
-
-function log(text) {
-    output.innerHTML += text + '<br/>';
-}
-
-Menu.show([
-    {title: 'One'},
-    {title: 'Two'},
-    {title: 'Three', children: [
-        {title: 'Three One'},
-        {title: 'Three Two'},
-    ]},
-    {title: 'Four'},
-], 300, 300, logItem)
-
-    </script>
+    <script src="build.js"> </script>
 </body>
