diff --git a/Cquence.js b/Cquence.js
index 5edc1ed..6084e04 100644
--- a/Cquence.js
+++ b/Cquence.js
@@ -1,7 +1,7 @@
-var Cquence;
+var Cq;
-Cquence = function(){
+Cq = function(){
var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || function( f ){ setTimeout( f, 1000/60 ); };
var elem = function( id ){ return document.getElementById( id ); };
diff --git a/README.md b/README.md
index 0b9e191..77bdde4 100644
--- a/README.md
+++ b/README.md
@@ -17,54 +17,49 @@ render = Cquence.combine() // Combine fires the sequences in its body the same t
render = Cquence.sequence() // Define the animations in order to create a timeline
-Cquence.sequence(
- Cquence.easIn( :id, :time, { :from }, { :to }),
- Cquence.easOut( :id, :time, { :from }, { :to }),
- Cquence.sleep( :time ) // Wait utill time is passed
+Cq.sequence(
+ Cq.easIn( :id, :time, { :from }, { :to }),
+ Cq.easOut( :id, :time, { :from }, { :to }),
+ Cq.sleep( :time ) // Wait utill time is passed
)
```
-
## Full example
```javascript
-render = Cquence.combine(
- Cquence.sequence(
- Cquence.sleep( 100 ),
- Cquence.linear('frame3', 10000, { left: -900 }, {left: 300 })
+render = Cq.combine(
+ Cq.sequence(
+ Cq.sleep( 100 ),
+ Cq.linear('frame3', 10000, { left: -900 }, {left: 300 })
),
- Cquence.sequence(
- Cquence.easeOut('frame1', 2000, { left: -1000 }, { left: 120 }),
- Cquence.easeIn('frame6', 1000, { opacity: 0 }, { opacity: 1}),
- Cquence.easeIn('frame7', 1000, { opacity: 0 }, { opacity: 1}),
- Cquence.combine(
- Cquence.easeIn('frame6', 1500, { opacity: 1 }, { opacity: 0}),
- Cquence.easeIn('frame7', 1500, { opacity: 1 }, { opacity: 0}),
- Cquence.easeIn('frame8', 1500, { opacity: 0 }, { opacity: 1})
+ Cq.sequence(
+ Cq.easeOut('frame1', 2000, { left: -1000 }, { left: 120 }),
+ Cq.easeIn('frame6', 1000, { opacity: 0 }, { opacity: 1}),
+ Cq.easeIn('frame7', 1000, { opacity: 0 }, { opacity: 1}),
+ Cq.combine(
+ Cq.easeIn('frame6', 1500, { opacity: 1 }, { opacity: 0}),
+ Cq.easeIn('frame7', 1500, { opacity: 1 }, { opacity: 0}),
+ Cq.easeIn('frame8', 1500, { opacity: 0 }, { opacity: 1})
),
- Cquence.sleep(1000),
- Cquence.easeIn('frame8', 1000, { opacity: 1 }, { opacity: 0}),
- Cquence.easeIn('frame9', 1000, { opacity: 0, left: -300 }, { opacity: 1, left: 10}),
- Cquence.sleep(1500),
- Cquence.sequence(
- Cquence.combine(
- Cquence.easeIn('frame1', 1500, { left: 120 }, { left: -620 }),
- Cquence.easeOut('frame9', 2000, { opacity: 1, left: 10 }, { opacity: 0, left: -300 })
+ Cq.sleep(1000),
+ Cq.easeIn('frame8', 1000, { opacity: 1 }, { opacity: 0}),
+ Cq.easeIn('frame9', 1000, { opacity: 0, left: -300 }, { opacity: 1, left: 10}),
+ Cq.sleep(1500),
+ Cq.sequence(
+ Cq.combine(
+ Cq.easeIn('frame1', 1500, { left: 120 }, { left: -620 }),
+ Cq.easeOut('frame9', 2000, { opacity: 1, left: 10 }, { opacity: 0, left: -300 })
),
- Cquence.easeIn('frame2', 1000, { opacity: 0 },{ opacity: 0
-
- }),
- Cquence.easeOut('frame10', 1000, { bottom: -260 }, { bottom: 0 })
-
+ Cq.easeIn('frame2', 1000, { opacity: 0 },{ opacity: 0 }),
+ Cq.easeOut('frame10', 1000, { bottom: -260 }, { bottom: 0 })
)
-
)
);
// launch the animation
-Cquence.renderloop();
+Cq.renderloop();
```
@@ -119,6 +114,17 @@ To minify/uglify for production use:
```
+### Linting
+
+We use jshint for linting.
+Run the gulp task to check.
+
+```bash
+
+ gulp lint
+
+```
+
## Licence
diff --git a/example.html b/example.html
index 54a2bf9..6069459 100644
--- a/example.html
+++ b/example.html
@@ -1,5 +1,5 @@
-Banner test
+Cquence example
@@ -78,47 +78,41 @@
-
-
-
-
-
-