Merge pull request #16 from mladenplavsic/develop

Develop

Author: mladenplavsic

README.md

@@ -4,15 +4,32 @@
 
 Main advantage of this solution is that there is no DOM manipulation in order to create animation. That means this is faster - it doesn't use JavaScript or jQuery to animate.
 
-This solution is also implemented in one of the biggest Bootstrap theming libraries [Bootswatch](https://bootswatch.com/) in their [Paper theme](https://bootswatch.com/paper/#buttons).
+This solution is also implemented in one of the biggest Bootstrap theming libraries [Bootswatch](https://bootswatch.com/) in their [Materia theme](https://bootswatch.com/materia/#buttons).
+
+Installation
+============
+
+This library can be installed via `bower`
+
+```
+bower install css-ripple-effect --save
+```
+
+Or you can use `npm`
+
+```
+npm install css-ripple-effect --save
+```
+
+Or you can simply download it in your project, but that way you don't have the option to update if newer versions appear.
 
 ![CSS ripple effect example](https://github.com/mladenplavsic/css-ripple-effect/raw/master/docs/images/example-css-ripple-effect.gif "CSS ripple effect example")
 
 * [Demo](https://mladenplavsic.github.io/css-ripple-effect/)
-* [Bootswatch Paper theme demo](https://bootswatch.com/paper/#buttons)
-* [Bootswatch witn Bootstrap v4-alpha Materia theme demo](https://bootswatch.com/4-alpha/materia/#buttons)
+* [Bootswatch Materia theme demo](https://bootswatch.com/materia/#buttons)
+* [Bootswatch Paper (Bootstrap v3) theme demo](https://bootswatch.com/3/paper/#buttons)
 
 Supporters
 ==========
 
-- **BrowserStack**: Live, Web-Based Browser Testing https://browserstack.com
+- **BrowserStack**: Live, Web-Based Browser Testing https://browserstack.com

docs/images/example-css-ripple-effect.gif

@@ -66,7 +66,7 @@ <h2 id="project_tagline">CSS-only implementation of Android Material design &quo
 
         <p>This solution is also implemented in one of the biggest Bootstrap theming libraries <a
                 href="https://bootswatch.com/" target="_blank">Bootswatch</a> in their <a
-                href="https://bootswatch.com/paper/#buttons" target="_blank">Paper theme</a>.</p>
+                href="https://bootswatch.com/materia/#buttons" target="_blank">Materia theme</a>.</p>
 
         <p>
             <a href="#examples">More examples</a>
@@ -241,9 +241,8 @@ <h2 id="examples">Examples</h2>
         <h3>Examples on Bootswatch website</h3>
 
         <ul>
-            <li><a href="https://bootswatch.com/paper/#buttons" target="_blank">Bootswatch Paper theme demo</a></li>
-            <li><a href="https://bootswatch.com/4-alpha/materia/#buttons" target="_blank">Bootswatch witn Bootstrap
-                v4-alpha Materia theme demo</a></li>
+            <li><a href="https://bootswatch.com/materia/#buttons" target="_blank">Bootswatch Materia theme demo</a></li>
+            <li><a href="https://bootswatch.com/3/paper/#buttons" target="_blank">Bootswatch Paper (Bootstrap v3) theme demo</a></li>
         </ul>
 
         <h2>Supporters</h2>