Init Docs

docs/components/home/Home.jsx

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+
+var HomeFeature = require('./HomeFeature');
+var HomeDocumentation = require('./HomeDocumentation');
+
+module.exports = class Home extends React.Component {
+
+  render() {
+    return (
+      <div>
+        <HomeFeature />
+        <HomeDocumentation />
+      </div>
+    );
+  }
+};

docs/components/home/HomeDocumentation.jsx

@@ -0,0 +1,32 @@
+'use strict';
+
+var React = require('react');
+var ReactCSS = require('reactcss');
+
+var { Container, Grid } = require('react-basic-layout');
+var { Raised } = require('react-material-design');
+var Docs = require('react-docs');
+
+var documentation = require('../../documentation');
+
+class HomeDocumentation extends ReactCSS.Component {
+
+  classes() {
+    return {
+      'default': {
+      },
+    };
+  }
+
+  render() {
+    return (
+      <div is="body">
+        <Container>
+          Body
+        </Container>
+      </div>
+    );
+  }
+}
+
+module.exports = HomeDocumentation;

docs/components/home/HomeFeature.jsx

@@ -0,0 +1,30 @@
+'use strict';
+
+var React = require('react');
+var ReactCSS = require('reactcss');
+var ColorPicker = require('react-color');
+
+var { Container, Grid } = require('../layout');
+var { Raised } = require('react-material-design');
+
+class HomeFeature extends ReactCSS.Component {
+
+  classes() {
+    return {
+      'default': {
+      },
+    };
+  }
+
+  render() {
+    return (
+      <div is="feature">
+        <Container>
+          feature
+        </Container>
+      </div>
+    );
+  }
+}
+
+module.exports = HomeFeature;

docs/documentation/01-about.md

@@ -0,0 +1,10 @@
+---
+id: about
+title: About
+---
+
+**7 Different Pickers** - Sketch, Photoshop, Chrome and more
+
+**Popup or Block** - They can either be popped up or always visible
+
+**Make Your Own** - Use the building block components to make your own

docs/documentation/index.js

@@ -0,0 +1,4 @@
+
+module.exports = {
+  '01-about': require('./01-about.md'),
+};

docs/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var React = require('react');
+require('../node_modules/normalize.css/normalize.css');
+
+var Home = require('./components/home/Home');
+
+React.render(
+  React.createElement(Home),
+  document.getElementById('root')
+);

package.json

@@ -21,5 +21,8 @@
     "npm": "^2.13.4",
     "react": "^0.13.3",
     "tinycolor2": "^1.1.2"
+  },
+  "devDependencies": {
+    "normalize.css": "^3.0.3"
   }
 }