victorvoid
diff --git a/‎.gitignore‎
Lines changed: 1 addition & 0 deletions b/‎.gitignore‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎Makefile‎
Lines changed: 0 additions & 16 deletions b/‎Makefile‎
Lines changed: 0 additions & 16 deletions
diff --git a/‎README.md‎
Lines changed: 36 additions & 36 deletions b/‎README.md‎
Lines changed: 36 additions & 36 deletions
diff --git a/‎compile.sh‎
Lines changed: 0 additions & 41 deletions b/‎compile.sh‎
Lines changed: 0 additions & 41 deletions
@@ -1 +1,2 @@
 node_modules
+build
@@ -3,16 +3,15 @@ The best way to create a placeholder layout effect.
 
 What is it?
 -------------
+
 Placeload.js is a library to customize your interface previews/skeleton screen that yield a fantastic user experience.
 
 ![](https://github.com/victorvoid/placeload.js/blob/master/placeload-desc.jpg)
 
-
 Getting started
 ------------
 
-Compiled and production-ready code can be found in the lib directory. The src directory contains development code.
-
+Compiled and production-ready code can be found in the dist directory. The lib directory contains development code.
 
 Install placeload.js with npm:
 
@@ -29,57 +28,58 @@ $ bower install https://github.com/victorvoid/placeload.js.git
 ### 1. Include placeload on your site.
 
 ```html
-<link href="lib/placeload.css">
+<link href="dist/placeload.min.css">
 
-<script src="lib/placeload.js"></script>
+<script src="dist/placeload.min.js"></script>
 ```
 
 ### 2. Paint your placeholder
 
 ```js
-  var placeUserUI = new Placeload('.user__panel--placeholder');
-  placeUserUI.draw({
-    width: '300px',
-    height: '200px'
-  });
-
-  placeUserUI.draw({
-    width: '400px',
-    height: '20px',
-    marginTop: '10px'
-  });
-
-  placeUserUI.draw({
-    width: '400px',
-    height: '20px',
-    marginTop: '10px'
-  });
-
-  placeUserUI.draw({
-    width: '250px',
-    height: '20px',
-    marginTop: '10px'
-  });
+
+import Placeload from 'placeload.js'
+
+Placeload
+  .$('.user-placeload')
+  .config({speed: '2s'})
+  .line((element) => element.width(300).height(200))
+  .fold(
+    (err) => console.log('error: ', err),
+    (allElements) => console.log('allElements: ', allElements)
+  )
 ```
 
-![](https://github.com/victorvoid/placeload.js/blob/master/docs/imgs/placeload_example.gif)
+### 3. Placeload uses lazy evaluation, in that nothing is evaluated until necessary. 
 
-Demos
---------
+```js
 
-[User load - vanillajs](https://victorvoid.github.io/placeload.js/examples/vanillajs/user_load/index.html)
+import Placeload from 'placeload.js'
 
+const userContainer = Placeload
+    .$('.user-placeload')
+    .config({speed: '2s'})
+    .line((element) => element.width(300).height(200))
+    .config({spaceBetween: '30px'})
+    .line((element) => element.width(400).height(20))
+    .config({spaceBetween: '30px'})
+    .line((element) => element.width(400).height(20))
+    .config({spaceBetween: '30px'})
+    .line((element) => element.width(250).height(20))
 
-Learning More
--------------
 
-Read the [reference documentation](https://victorvoid.github.io/placeload.js/#documentation).
+userContainer.fold(
+  (err) => console.log('error: ', err),
+  (allElements) => console.log('allElements: ', allElements)
+)
+```
+
+![](https://github.com/victorvoid/placeload.js/blob/master/docs/imgs/placeload_example.gif)
 
 Authors
 --------
 The repo is written and maintained by [Victor Igor](https://github.com/victorvoid). Other contributors that have submitted  something, in alphabetical order:
 
-- [Raniel Oliveira](https://github.com/raniel182)
+- [Raniel Oliveira](https://github.com/raniel182) - UX
 
 License
 -------