.

badges.md

@@ -55,6 +55,10 @@ Here are some badges for open source projects.
 
     [![Gitter chat](https://badges.gitter.im/USER/REPO.png)](https://gitter.im/USER/REPO "Gitter chat")
 
+[![Chat](http://img.shields.io/badge/gitter-rstacruz / nprogress-blue.svg)]( https://gitter.im/rstacruz/nprogress )
+
+    [![Chat](http://img.shields.io/badge/gitter-USER / REPO-blue.svg)]( https://gitter.im/USER/REPO )
+
 [![Development Dependency Status](https://david-dm.org/USER/REPO/dev-status.png?theme=shields.io)](https://david-dm.org/USER/REPO#info=devDependencies)
 
     [![Development Dependency Status](https://david-dm.org/USER/REPO/dev-status.png?theme=shields.io)](https://david-dm.org/USER/REPO#info=devDependencies)
@@ -72,7 +76,43 @@ Here are some badges for open source projects.
     [![Issues](http://img.shields.io/github/issues/USER/REPO.svg)]( https://github.com/USER/REPO/issues )
 
     __Questions__: ask them at StackOverflow with the tag *REPO*.<br>
-    [![StackOverflow](http://img.shields.io/badge/stackoverflow-REPO-brightgreen.svg)]( http://stackoverflow.com/questions/tagged/REPO )
+    [![StackOverflow](http://img.shields.io/badge/stackoverflow-REPO-blue.svg)]( http://stackoverflow.com/questions/tagged/REPO )
 
     __Chat__: join us at gitter.im.<br>
-    [![Chat](http://img.shields.io/badge/gitter.im-USER/REPO-brightgreen.svg)]( https://gitter.im/USER/REPO )
+    [![Chat](http://img.shields.io/badge/gitter.im-USER/REPO-blue.svg)]( https://gitter.im/USER/REPO )
+
+### Frontend js installation
+
+    Installation
+    ------------
+
+    Add [nprogress.js] and [nprogress.css] to your project.
+
+    ```html
+    <script src='nprogress.js'></script>
+    <link rel='stylesheet' href='nprogress.css'/>
+    ```
+
+    NProgress is available via [bower] and [npm].
+
+        $ bower install --save nprogress
+        $ npm install --save nprogress
+
+    [![npm version](https://img.shields.io/npm/v/nprogress.png)](https://npmjs.org/package/nprogress "View this project on npm")
+    [bower]: http://bower.io/search/?q=nprogress
+    [npm]: https://www.npmjs.org/package/nprogress
+
+### Acknowledgements
+
+    ## Thanks
+
+    **Jsfuse** © 2014, Rico Sta. Cruz. Released under the [MIT License].<br>
+    Authored and maintained by Rico Sta. Cruz with help from [contributors].
+
+    > [ricostacruz.com](http://ricostacruz.com) &nbsp;&middot;&nbsp;
+    > GitHub [@rstacruz](https://github.com/rstacruz) &nbsp;&middot;&nbsp;
+    > Twitter [@rstacruz](https://twitter.com/rstacruz)
+
+    [MIT License]: License.md
+    [MIT License]: http://mit-license.org/
+    [contributors]: http://github.com/rstacruz/nprogress/contributors

css.md

@@ -6,15 +6,15 @@ layout: default
 Selectors
 ---------
 
-    =  [attr="value"]       - exact
+    [attr="value"]       /*  =   exact */
-    ~= [class~="box"]       - has word
+    [class~="box"]       /*  ~=  has word */
-    |= [class|="icon"]      - exact, or prefix (eg, value-)
+    [class|="icon"]      /*  |=  exact, or prefix (eg, value-) */
-    $= [href$=".doc"]       - ends in
+    [href$=".doc"]       /*  $=  ends in */
-    *= [class*="-is-"]      - contains
+    [class*="-is-"]      /*  *=  contains */
 
-    + adjacent sibling
+    h3 + p               /*  +   adjacent sibling */
-    ~ far sibling
+    article ~ footer     /*  ~   far sibling */
-    > direct child
+    .container > .box    /*  >   direct child */
 
     :target (h2#foo:target)
     :disabled
@@ -32,47 +32,42 @@ Selectors
 
     :only-child
 
-
 Background
 ----------
 
 ### Shorthand
 
-    background: <color> <image> <position> <size> <repeat> <attachment> <clip>
+    background: #ff0  url(bg.jpg) center top 100px auto no-repeat fixed;
-
+             /* ^     ^           ^          ^          ^         ^
-    # Example:
+                color image       position   size       repeat    attachment */
-    background: #ff0 url(bg.jpg) center top no-repeat fixed
 
 ### Other properties
 
-    background-clip: border-box | padding-box | content-box [, ...]*
+    background-clip: border-box | padding-box | content-box [, ...]*; /* IE9+ */
-
+    background-repeat: no-repeat | repeat-x | repeat-y;
-    background-repeat: no-repeat | repeat-x | repeat-y
+    background-attachment: scroll | fixed | local;
-
+    background: url(x), url(y); /* multiple (IE9+) */
-    background-attachment: scroll | fixed | local
-
-### Compatibility
-
-  - background-clip: IE9+
-  - Multiple backgrounds: IE9+
 
 Animations
 ----------
 
 ### Shorthand
 
-    animation: <name> <duration> <timing-function> <delay> <count> <direction> <fill-mode>
+    animation: bounce 300ms    linear          100ms infinite alternate-reverse;
+            /* ^      ^        ^               ^     ^        ^
+               name   duration timing-function delay count    direction */
 
     # Example:
-    animation: bounce 300ms linear 0s infinite normal
+    animation: bounce 300ms linear 0s infinite normal;
-    animation: bounce 300ms linear infinite
+    animation: bounce 300ms linear infinite;
-    animation: bounce 300ms linear infinite alternate-reverse
+    animation: bounce 300ms linear infinite alternate-reverse;
 
-### Other properties
+    animation-name: bounce;
-
+    animation-delay: 100ms;
-    animation-direction: normal | reverse | alternate | alternate-reverse
+    animation-duration: 300ms;
-
+    animation-direction: normal | reverse | alternate | alternate-reverse;
-    animation-iteration-count: infinite | <number>
+    animation-iteration-count: infinite | <number>;
+    animation-timing-function: ease | linear | ease-in | ease-out | ease-in-out;
 
 Webkit extensions
 -----------------

less.md

@@ -0,0 +1,4 @@
+---
+title: Less
+layout: default
+---