Dist files

jakiestfu · Jan 12, 2015 · a54a65c · a54a65c
1 parent 0aca347
commit a54a65c
Show file tree

Hide file tree

Showing 7 changed files with 47 additions and 19 deletions.
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -29,6 +29,7 @@ module.exports = function(grunt) {
         uglify: {
             options: {
                 banner: "/* " + banner + " */\n",
+                footer: "$.ripple.version = \"<%= pkg.version %>\";",
                 preserveComments: 'some'
             },
             main: {

diff --git a/README.md b/README.md
@@ -19,13 +19,20 @@ Include jQuery, the ripple.css, and ripple.js into your page. Then upon initiali
 
 ```javascript
 $.ripple(".btn", {
+	debug: false, // Turn Ripple.js logging on/off
 	on: 'mousedown', // The event to trigger a ripple effect
 
 	opacity: 0.4, // The opacity of the ripple
 	color: "auto", // Set the background color. If set to "auto", it will use the text color
 	multi: false, // Allow multiple ripples per element
 
 	duration: 0.7, // The duration of the ripple
+
+	// Filter function for modifying the speed of the ripple
+	rate: function(pxPerSecond) {
+        return pxPerSecond;
+    },
+
 	easing: 'linear' // The CSS3 easing function of the ripple
 });
 ```

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
 	"name": "Ripple.js",
 	"author": "Jacob Kelley",
-	"version": "1.1.0",
+	"version": "1.2.0",
 	"main": "dist/ripple.min.js"
 }
diff --git a/demo/index.html b/demo/index.html
@@ -17,6 +17,10 @@
 				background: #fefefe;
 				color: #2a2a2a;
 				font-family: 'Open Sans', sans-serif;
+				cursor: default;
+			}
+			*::selection {
+				background: transparent !important;
 			}
 			header h1 {
 				opacity: 0.7;
@@ -28,12 +32,13 @@
 				box-shadow: none !important;
 			}
 
-			.white .btn {
+			.white.btn {
 				background: #fff;
 			}
-			.white .btn-success { color: #5cb85c; }
-			.white .btn-warning { color: #f0ad4e; }
-			.white .btn-danger { color: #d9534f; }
+			.white.btn-primary { color: #428bca; }
+			.white.btn-success { color: #5cb85c; }
+			.white.btn-warning { color: #f0ad4e; }
+			.white.btn-danger { color: #d9534f; }
 
 
 			.btn-block { max-width: 500px; margin: 0 auto; }
@@ -51,6 +56,9 @@
 				transition: all 0.3s ease;
 				text-decoration: none !important;
 			}
+			.text-muted {
+				color: #777 !important;
+			}
 		</style>
 	</head>
 	<body class="text-center">
@@ -68,28 +76,29 @@ <h1>Ripple.js</h1>
 					<a href="#" class="btn btn-warning btn-lg">Warnings</a>
 					<a href="#" class="btn btn-danger btn-lg">Danger</a>
 					<hr />
-					<div class="white">
-						<a href="#" class="btn btn-success btn-lg">Success</a>
-						<a href="#" class="btn btn-warning btn-lg">Warnings</a>
-						<a href="#" class="btn btn-danger btn-lg">Danger</a>
-					</div>
+					<a href="#" class="btn btn-success btn-lg white">Success</a>
+					<a href="#" class="btn btn-warning btn-lg white">Warning</a>
+					<a href="#" class="btn btn-danger btn-lg white">Danger</a>
 					<hr />
 					<div class="area">
 						<h3>Area</h3>
 					</div>
 					<hr />
 					<a href="#" class="btn btn-primary btn-block">Default</a>
-					<a href="#" class="btn btn-primary btn-block" data-easing="ease-in-out">Easing</a>
+					<a href="#" class="btn btn-primary btn-block" data-easing="ease-in-out" data-duration="1.5">Easing</a>
 					<a href="#" class="btn btn-primary btn-block" data-duration="3">Duration</a>
 					<a href="#" class="btn btn-primary btn-block" data-opacity="1">Opacity</a>
-					<a href="#" class="btn btn-primary btn-block" data-color="limegreen">Color</a>
+					<a href="#" class="btn btn-primary btn-block white" data-color="auto">Auto Color</a>
+					<a href="#" class="btn btn-primary btn-block" data-color="limegreen" data-opacity="1">Color + Opacity</a>
+					<a href="#" class="btn btn-primary btn-block no-bind demo">Bind to Events (mouseleave)</a>
+					<a href="#" class="btn btn-primary btn-block" data-multi="false">Multi = false</a>
 				</div>
 			</div>
 		</div>
 
 		<hr />
-		<a href="http://jakiestfu.com/" target="_blank" class="text-muted">
-			<small>Carefully Crapted by jakiestfu</small>
+		<a href="http://jakiestfu.com/" target="_blank" class="btn btn-small btn-primary white text-muted no-bind jakiestfu" data-delay="200">
+			<small>by jakiestfu</small>
 		</a>
 		<hr />
 
@@ -103,7 +112,18 @@ <h3>Area</h3>
 
 				$(document).on('click', '[href="#"]', function(e) { e.preventDefault(); })
 
-				$.ripple('.btn, .area', {
+				window.rippler = $.ripple('.btn:not(.no-bind), .area', {
+					debug: true,
+					multi: true
+				});
+
+				$.ripple('.no-bind.demo', {
+					on: 'mouseleave',
+					multi: true
+				});
+
+				$.ripple('.no-bind.jakiestfu', {
+					on: 'mouseenter',
 					multi: true
 				});
 			});

diff --git a/dist/ripple.min.css b/dist/ripple.min.css
diff --git a/dist/ripple.min.js b/dist/ripple.min.js
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "Ripple.js",
     "author": "Jacob Kelley",
-    "version": "1.1.0",
+    "version": "1.2.0",
     "repository": {
         "type": "git",
         "url": "https://github.com/jakiestfu/Ripple.js.git"