Add module support

README.md

@@ -3,32 +3,51 @@ ImageComparison
 Slider to quickly compare two images
 
 
-##Getting started
-1. `npm install image-comparison --save`
-2. Include style `node_modules/image-comparison/src/ImageComparison.css`
-3. Call ImageComparison with your options:
+
+## Install
+```bash
+$ npm install image-comparison
+```
+
+## Usage
+Once you have downloaded ImageComparison, the first thing you need to do is include the CSS and the JavaScript.
+
+### CSS
+```html
+<link rel="stylesheet" href="path/ImageComparison.css">
+```
+
+### JavaScript
 ```html
+<script src="path/ImageComparison.js"></script>
 <script>
-   import { ImageComparison } from './ImageComparison';
-
-   new ImageComparison({ 
-      container: containerSelector,
-      startPosition: 70,
-      data: [
-        {
-          image: images[0],
-          label: 'before'
-        },
-        {
-          image: images[1],
-          label: 'after'
-        }
-      ],
-   });
+new ImageComparison({ 
+  container: containerSelector,
+  startPosition: 70,
+  data: [
+    {
+      image: images[0],
+      label: 'before'
+    },
+    {
+      image: images[1],
+      label: 'after'
+    }
+  ],
+});
 </script>
 ```
-4. For support UMD use - `https://babeljs.io/docs/plugins/transform-es2015-modules-umd/`
-5. Using!
+
+### commonJS
+```js
+  var ImageComparison = require('ImageComparison');
+```
+
+### ES6
+```js
+  import ImageComparison from 'ImageComparison';
+```
+
 
 ##Options
 Options list:

package.json

@@ -1,8 +1,8 @@
 {
   "name": "image-comparison",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "Slider to quickly compare two images",
-  "main": "index.js",
+  "main": "src/ImageComparison.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },