Update README.md

VincentGarreau · VincentGarreau · commit c7ca473d09dc · 2015-05-05T11:06:58.000+02:00
diff --git a/README.md b/README.md
@@ -23,7 +23,7 @@ Load particles.js and configure the particles:
 particlesJS('particles-js', {
   particles: {
     color: '#fff',
-    color_random: false, // true, false or ['#ffaa44', '#ffffaa', '#445500', etc.]
+    color_random: false,
     shape: 'circle', // "circle", "edge" or "triangle"
     opacity: {
       opacity: 1,
@@ -60,7 +60,7 @@ particlesJS('particles-js', {
       distance: 300
     },
     detect_on: 'canvas', // "canvas" or "window"
-    mode: 'grab', // "grab" or false
+    mode: 'grab', // "grab" of false
     line_linked: {
       opacity: .5
     },
@@ -83,47 +83,14 @@ particlesJS('particles-js', {
 });
 ```
 -------------------------------
+### ***Live Demo***
+<a href="http://codepen.io/VincentGarreau/pen/pnlso" target="_blank">CodePen demo</a>
 
-### `Options`
-
-key | option type / notes | example
-----|---------|------|------
-`particles.number.value` | number | `40`
-`particles.number.density.enable` | boolean | `true` / `false` 
-`particles.number.density.value_area` | number | `800`
-`particles.color.value` | HEX (string) <br /> RGB (object) <br /> HSL (object) <br /> array selection (HEX) <br /> random (string) | `"#b61924"` <br /> `{r:182, g:25, b:36}` <br />  `{h:356, s:76, l:41}` <br /> `["#b61924", "#333333", "999999"]` <br /> `"random"`
-`particles.number.density.value_area` | number | `800`
-`particles.shape.type` | string / array selection | `"circle"` <br /> `"edge"` <br /> `"triangle"` <br /> `"polygon"` <br /> `"star"` <br /> `"image"` <br /> `["circle", "triangle", "image"]`
-`particles.shape.stroke.width` | number | `2`
-`particles.shape.stroke.color` | HEX (string) | `"#222222"`
-`particles.shape.polygon.nb_slides` | number | `5`
-`particles.shape.image.src` | path link <br /> svg / png / gif / jpg | `"assets/img/yop.svg"` <br /> `"http://mywebsite.com/assets/img/yop.png"`
-`particles.shape.image.width` | number <br />(for aspect ratio) | `100`
-`particles.shape.image.height` | number <br />(for aspect ratio) | `100`
-`particles.opacity.value` | number (0 to 1) | `0.75`
-`particles.opacity.random` | boolean | `true` / `false` 
-`particles.opacity.anim.enable` | boolean | `true` / `false` 
-`particles.opacity.anim.speed` | number | `3`
-`particles.opacity.anim.opacity_min` | number (0 to 1) | `0.25`
-`particles.opacity.anim.sync` | boolean | `true` / `false`
-`particles.size.value` | number | `20`
-`particles.size.random` | boolean | `true` / `false` 
-`particles.size.anim.enable` | boolean | `true` / `false` 
-`particles.size.anim.speed` | number | `3`
-`particles.size.anim.size_min` | number | `0.25`
-`particles.size.anim.sync` | boolean | `true` / `false`
-`particles.line_linked.enable` | boolean | `true` / `false`
+<a href="http://htmlpreview.github.io/?https://github.com/VincentGarreau/particles.js/blob/master/demo/index.html" target="_blank">GitHub demo</a>
 
 -------------------------------
 
-### `Packages install`
-
-##### ***Bower***
+##### ***Install with Bower***
 ```
 bower install particles.js --save
 ```
-
-##### ***Rails Assets***
-```
-gem 'rails-assets-particles.js'
-```
