From 7ad983d6547bf254c1a441fb070e362207a2b9ff Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Mon, 24 Dec 2012 15:07:23 -0800
Subject: [PATCH 01/21] Added component.json for bower installations

---
 component.json | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 component.json

diff --git a/component.json b/component.json
new file mode 100644
index 0000000..8c858f8
--- /dev/null
+++ b/component.json
@@ -0,0 +1,11 @@
+{
+  "name": "bootstrap-notify",
+  "version": "1.0.0",
+  "main": "js/bootstrap-notify.js",
+  "dependencies": {},
+  "description": "Bootstrap alert system made better.",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/nijikokun/bootstrap-notify.git"
+  }
+}
\ No newline at end of file

From c8281393f7d38f7e20142d842f733dae04a4569f Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Mon, 24 Dec 2012 15:20:14 -0800
Subject: [PATCH 02/21] Remove trailing slashes

---
 examples/index.html | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/examples/index.html b/examples/index.html
index 4d8c362..e8aba60 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -11,20 +11,20 @@
     <link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet">
     <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
     <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
-    
+
     <!-- Notify CSS -->
     <link href="../css/bootstrap-notify.css" rel="stylesheet">
 
     <!-- Custom Styles -->
     <link href="../css/styles/alert-bangtidy.css" rel="stylesheet">
     <link href="../css/styles/alert-blackgloss.css" rel="stylesheet">
-    
+
     <style>
       body {
         margin-bottom: 50px;
       }
     </style>
-    
+
 
     <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
     <!--[if lt IE 9]>
@@ -41,9 +41,9 @@
           <div class="span3">
             <iframe src="http://nijikokun.github.com/github-buttons/github-btn.html?user=Nijikokun&repo=bootstrap-notify&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
             <iframe src="http://nijikokun.github.com/github-buttons/github-btn.html?user=Nijikokun&repo=bootstrap-notify&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
-            
+
             <br />
-            
+
             <a href="https://twitter.com/share" class="twitter-share-button" data-via="vizualover" data-related="nijikokun" data-hashtags="twitterextensions">Tweet</a>
           </div>
 
@@ -72,7 +72,7 @@ <h4>Html:</h4>
 </pre>
 
           <h5>Position Options:</h5>
-          
+
           <p>Notifications supports four different position classes, only if utilizing the css file provided.</p>
 
           <table class="table table-bordered table-striped">
@@ -160,7 +160,7 @@ <h5>Options:</h5>
                 <td>...</td>
                 <td>
                   <p>Text to show on alert, you can use either html or text. HTML will override text.</p>
-                  <p>Object structure: <code>message: { html: false, text: 'This is a message.' }</code></p> 
+                  <p>Object structure: <code>message: { html: false, text: 'This is a message.' }</code></p>
                 </td>
               </tr>
               <tr>
@@ -182,7 +182,7 @@ <h5>Options:</h5>
       <div class="row">
         <div class="span3">
           <div class="span12">&nbsp;</div>
-          
+
           <div class="span3">
             <button class='btn show-bangTidy'>bangTidy</button>
             <button class='btn show-blackgloss'>blackgloss</button>
@@ -192,14 +192,14 @@ <h5>Options:</h5>
           <div class='page-header'>
             <h1>Notifications: Custom Styles</h1>
           </div>
-          
+
           <p>Notifications supports custom styles, and in fact have a few that come with the download. The buttons to the left show this.</p>
-          
+
           <h4>Custom Styles Included:</h4>
-          
+
           <p>bangTidy: <code>css/styles/alert-bangtidy.css</code></p>
           <p>blackgloss: <code>css/styles/alert-blackgloss.css</code> <strong>mostly supported only by webkit!</strong></p>
-          
+
         </div>
       </div>
     </div> <!-- /container -->
@@ -231,7 +231,7 @@ <h4>Custom Styles Included:</h4>
       // Basic Features, style isn't even required.
       $('.show-notification').click(function (e) {
         var message = messages[Math.floor(Math.random() * messages.length)];
-        
+
         $('.' + message[0]).notify({
           message: { text: message[2] },
           type: message[1],
@@ -240,16 +240,16 @@ <h4>Custom Styles Included:</h4>
           }
         }).show();
       });
-      
+
       /* Custom Styles */
       var custom = [
         'bangTidy',
         'blackgloss'
       ];
-      
+
       for(var i = 0; i < custom.length; i++) {
         var type = custom[i];
-        
+
         (function(type) {
           $('.show-' + type).click(function (e) {
             var message = messages[Math.floor(Math.random() * messages.length)];

From 5a486e9921bd7fcc96e0ba45a6d0a27b03a0e201 Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Mon, 24 Dec 2012 15:21:24 -0800
Subject: [PATCH 03/21] Add support for data-attributes

---
 js/bootstrap-notify.js | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/js/bootstrap-notify.js b/js/bootstrap-notify.js
index 394335c..3c91d98 100644
--- a/js/bootstrap-notify.js
+++ b/js/bootstrap-notify.js
@@ -1,7 +1,8 @@
 /**
- * bootstrap-notify.js v1.0
+ * bootstrap-notify.js v1.0.0
  * --
-  * Copyright 2012 Goodybag, Inc.
+ * Copyright 2012 Nijiko Yonskai <nijikokun@gmail.com>
+ * Copyright 2012 Goodybag, Inc.
  * --
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -21,7 +22,7 @@
     // Element collection
     this.$element = $(element);
     this.$note    = $('<div class="alert"></div>');
-    this.options  = $.extend(true, {}, $.fn.notify.defaults, options);
+    this.options  = $.extend(true, $.fn.notify.defaults, options, this.$element.data());
 
     // Setup from options
     if(this.options.transition)
@@ -34,19 +35,17 @@
       this.$note.addClass('alert-' + this.options.type);
     else this.$note.addClass('alert-success');
 
-    if(!this.options.message && this.$element.data("message") !== '') // dom text
-      this.$note.html(this.$element.data("message"));
-    else 
-      if(typeof this.options.message === 'object')
+    if(this.options.message)
+      if(typeof this.options.message === 'string')
+        this.$note.html(this.options.message);
+      else if(typeof this.options.message === 'object')
         if(this.options.message.html)
           this.$note.html(this.options.message.html);
         else if(this.options.message.text)
           this.$note.text(this.options.message.text);
-      else 
-        this.$note.html(this.options.message);
 
     if(this.options.closable)
-      var link = $('<a class="close pull-right" href="#">&times;</a>');
+      var link = $('<a class="close pull-right">&times;</a>');
       $(link).on('click', $.proxy(onClose, this));
       this.$note.prepend(link);
 

From 26310495ff34fef26b4cf8e47b5e9e52b2c5ef42 Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Mon, 24 Dec 2012 15:21:44 -0800
Subject: [PATCH 04/21] Add base less file

---
 css/bootstrap-notify.less | 45 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 css/bootstrap-notify.less

diff --git a/css/bootstrap-notify.less b/css/bootstrap-notify.less
new file mode 100644
index 0000000..fd6c989
--- /dev/null
+++ b/css/bootstrap-notify.less
@@ -0,0 +1,45 @@
+/**
+ * Bootstrap-notify.less
+ *
+ * @author Vitaly @Laboratory
+ * @copyright 2012 Vitaly
+ */
+
+@right: 10px;
+@left: @right;
+@top: 25px;
+@bottom: @top;
+
+.notifications {
+    position: fixed;
+}
+
+/* Positioning */
+.notifications.top-right {
+    right: @right;
+    top: @top;
+}
+
+.notifications.top-left {
+    left: @left;
+    top: @top;
+}
+
+.notifications.bottom-left {
+    left: @left;
+    bottom: @bottom;
+}
+
+.notifications.bottom-right {
+    right: @right;
+    bottom: @bottom;
+}
+
+/* Notification Element */
+.notifications {
+  > div {
+      position: relative;
+      z-index: 9999;
+      margin: 5px 0px;
+  }
+}
\ No newline at end of file

From 425298973154e0f7fe977ff8476ec24892ab4fbb Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Mon, 24 Dec 2012 15:22:29 -0800
Subject: [PATCH 05/21] Update readme, as per Apache Licensing for copyright

---
 README.md | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 53041a2..c148da7 100644
--- a/README.md
+++ b/README.md
@@ -3,9 +3,7 @@ bootstrap-notify
 
 Bootstrap alert system made better.
 
-### Contributors
+### Copyright
 
-* Nijiko Yonskai <http://twitter.com/nijikokun>
-
-
-Copyright 2012 Goodybag, Inc.
\ No newline at end of file
+    Copyright 2012 Nijiko Yonskai @nijikokun
+    Copyright 2012 Goodybag, Inc.
\ No newline at end of file

From 3e87049407a3d8d6ac9816fac18ac88a7be8d3df Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Mon, 24 Dec 2012 15:32:09 -0800
Subject: [PATCH 06/21] Clean up css files, move notification animations to
 their own file

---
 css/styles/alert-bangtidy.less               | 45 ++++++++++++++++++
 css/styles/alert-blackgloss.css              | 32 -------------
 css/styles/alert-notification-animations.css | 48 ++++++++++++++++++++
 3 files changed, 93 insertions(+), 32 deletions(-)
 create mode 100644 css/styles/alert-bangtidy.less
 create mode 100644 css/styles/alert-notification-animations.css

diff --git a/css/styles/alert-bangtidy.less b/css/styles/alert-bangtidy.less
new file mode 100644
index 0000000..06ae6bf
--- /dev/null
+++ b/css/styles/alert-bangtidy.less
@@ -0,0 +1,45 @@
+/**
+ * bangTidy2 Style - Ported from Growl Style
+ * Ported and Cleaned By Nijikokun @nijikokun
+ * Less By Vitaly @Laboratory
+ * Original Author Daryl Ginn
+ * Based On http://dribbble.com/shots/527056-Growl-Theme-2
+ *
+ * To use, for style use: bangTidy
+ *
+ */
+
+@glossLight: rgba(0, 0, 0, 0.80);
+@glossDark: rgba(0, 0, 0, 0.88);
+@box_shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+@text_shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+@border_radius: 4px;
+
+.alert-bangTidy {
+  box-sizing: border-box;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  background: @glossLight;
+  background: -moz-linear-gradient(top, @glossLight 0%, @glossDark 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @glossLight), color-stop(100%, @glossDark));
+  background: -webkit-linear-gradient(top, @glossLight 0%, @glossDark 100%);
+  background: -o-linear-gradient(top, @glossLight 0%, @glossDark 100%);
+  background: -ms-linear-gradient(top, @glossLight 0%, @glossDark 100%);
+  background: linear-gradient(top, @glossLight 0%, @glossDark 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '@{glossLight}', endColorstr = '@{glossDark}', GradientType = 0);
+  border: 1px solid #000;
+  -webkit-box-shadow: @box_shadow;
+  -moz-box-shadow: @box_shadow;
+  -o-box-shadow: @box_shadow;
+  box-shadow: @box_shadow;
+  -webkit-border-radius: @border_radius;
+  -moz-border-radius: @border_radius;
+  -o-border-radius: @border_radius;
+  border-radius: @border_radius;
+  overflow: hidden;
+  color: white;
+  -webkit-text-shadow: @text_shadow;
+  -moz-text-shadow: @text_shadow;
+  -o-text-shadow: @text_shadow;
+  text-shadow: @text_shadow;
+  -webkit-font-smoothing: antialiased;
+}
\ No newline at end of file
diff --git a/css/styles/alert-blackgloss.css b/css/styles/alert-blackgloss.css
index 89c3d8b..4ec0078 100644
--- a/css/styles/alert-blackgloss.css
+++ b/css/styles/alert-blackgloss.css
@@ -11,33 +11,6 @@
  *   The gloss is only supported in webkit based browsers. 
  *   Chrome and Safari.
  */
-@-webkit-keyframes notification {
-	0% { -webkit-transform: rotateY(-90deg); opacity: 0; }
-	70% { -webkit-transform: rotateY(20deg); opacity: .8; }
-	90% { -webkit-transform: rotateY(-10deg); opacity: 1; }
-	100% { -webkit-transform: rotateY(-0deg); opacity: 1; }
-}
-
-@-moz-keyframes notification {
-	0% { -webkit-transform: rotateY(-90deg); opacity: 0; }
-	70% { -webkit-transform: rotateY(20deg); opacity: .8; }
-	90% { -webkit-transform: rotateY(-10deg); opacity: 1; }
-	100% { -webkit-transform: rotateY(-0deg); opacity: 1; }
-}
-
-@-o-keyframes notification {
-	0% { -webkit-transform: rotateY(-90deg); opacity: 0; }
-	70% { -webkit-transform: rotateY(20deg); opacity: .8; }
-	90% { -webkit-transform: rotateY(-10deg); opacity: 1; }
-	100% { -webkit-transform: rotateY(-0deg); opacity: 1; }
-}
-
-keyframes notification {
-	0% { -webkit-transform: rotateY(-90deg); opacity: 0; }
-	70% { -webkit-transform: rotateY(20deg); opacity: .8; }
-	90% { -webkit-transform: rotateY(-10deg); opacity: 1; }
-	100% { -webkit-transform: rotateY(-0deg); opacity: 1; }
-}
 
 /* Webkit Only */
 .alert-blackgloss:before {
@@ -57,11 +30,6 @@ keyframes notification {
 }
 
 .alert-blackgloss {
-	-webkit-animation: notification .75s linear;
-	-moz-animation: notification .75s linear;
-	-ms-animation: notification .75s linear;
-	-o-animation: notification .75s linear;
-	animation: notification .75s linear;
 	background: rgba(0,0,0,1);
 	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
 	-moz-box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
diff --git a/css/styles/alert-notification-animations.css b/css/styles/alert-notification-animations.css
new file mode 100644
index 0000000..2a16d66
--- /dev/null
+++ b/css/styles/alert-notification-animations.css
@@ -0,0 +1,48 @@
+/* ## Notification Keyframe Animations
+ *
+ * ## Usage
+ *
+ * ```css
+ *  -webkit-animation: notification .75s linear;
+ *  -moz-animation: notification .75s linear;
+ *  -ms-animation: notification .75s linear;
+ *  -o-animation: notification .75s linear;
+ *  animation: notification .75s linear;
+ * ```
+ */
+
+@-webkit-keyframes notification {
+  0% { -webkit-transform: rotateY(-90deg); opacity: 0; }
+  70% { -webkit-transform: rotateY(20deg); opacity: .8; }
+  90% { -webkit-transform: rotateY(-10deg); opacity: 1; }
+  100% { -webkit-transform: rotateY(-0deg); opacity: 1; }
+}
+
+@-moz-keyframes notification {
+  0% { -webkit-transform: rotateY(-90deg); opacity: 0; }
+  70% { -webkit-transform: rotateY(20deg); opacity: .8; }
+  90% { -webkit-transform: rotateY(-10deg); opacity: 1; }
+  100% { -webkit-transform: rotateY(-0deg); opacity: 1; }
+}
+
+@-o-keyframes notification {
+  0% { -webkit-transform: rotateY(-90deg); opacity: 0; }
+  70% { -webkit-transform: rotateY(20deg); opacity: .8; }
+  90% { -webkit-transform: rotateY(-10deg); opacity: 1; }
+  100% { -webkit-transform: rotateY(-0deg); opacity: 1; }
+}
+
+keyframes notification {
+  0% { -webkit-transform: rotateY(-90deg); opacity: 0; }
+  70% { -webkit-transform: rotateY(20deg); opacity: .8; }
+  90% { -webkit-transform: rotateY(-10deg); opacity: 1; }
+  100% { -webkit-transform: rotateY(-0deg); opacity: 1; }
+}
+
+.notifications > div {
+  -webkit-animation: notification .75s linear;
+  -moz-animation: notification .75s linear;
+  -ms-animation: notification .75s linear;
+  -o-animation: notification .75s linear;
+  animation: notification .75s linear;
+}
\ No newline at end of file

From 755a337c937df596bad613f6b4b772ea1e30cdca Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Mon, 24 Dec 2012 15:35:11 -0800
Subject: [PATCH 07/21] Fix transform clauses with correct vendor prefixes, add
 ms

---
 css/styles/alert-notification-animations.css | 31 ++++++++++++--------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/css/styles/alert-notification-animations.css b/css/styles/alert-notification-animations.css
index 2a16d66..e5ed32f 100644
--- a/css/styles/alert-notification-animations.css
+++ b/css/styles/alert-notification-animations.css
@@ -19,24 +19,31 @@
 }
 
 @-moz-keyframes notification {
-  0% { -webkit-transform: rotateY(-90deg); opacity: 0; }
-  70% { -webkit-transform: rotateY(20deg); opacity: .8; }
-  90% { -webkit-transform: rotateY(-10deg); opacity: 1; }
-  100% { -webkit-transform: rotateY(-0deg); opacity: 1; }
+  0% { -moz-transform: rotateY(-90deg); opacity: 0; }
+  70% { -moz-transform: rotateY(20deg); opacity: .8; }
+  90% { -moz-transform: rotateY(-10deg); opacity: 1; }
+  100% { -moz-transform: rotateY(-0deg); opacity: 1; }
+}
+
+@-ms-keyframes notification {
+  0% { -ms-transform: rotateY(-90deg); opacity: 0; }
+  70% { -ms-transform: rotateY(20deg); opacity: .8; }
+  90% { -ms-transform: rotateY(-10deg); opacity: 1; }
+  100% { -ms-transform: rotateY(-0deg); opacity: 1; }
 }
 
 @-o-keyframes notification {
-  0% { -webkit-transform: rotateY(-90deg); opacity: 0; }
-  70% { -webkit-transform: rotateY(20deg); opacity: .8; }
-  90% { -webkit-transform: rotateY(-10deg); opacity: 1; }
-  100% { -webkit-transform: rotateY(-0deg); opacity: 1; }
+  0% { -o-transform: rotateY(-90deg); opacity: 0; }
+  70% { -o-transform: rotateY(20deg); opacity: .8; }
+  90% { -o-transform: rotateY(-10deg); opacity: 1; }
+  100% { -o-transform: rotateY(-0deg); opacity: 1; }
 }
 
 keyframes notification {
-  0% { -webkit-transform: rotateY(-90deg); opacity: 0; }
-  70% { -webkit-transform: rotateY(20deg); opacity: .8; }
-  90% { -webkit-transform: rotateY(-10deg); opacity: 1; }
-  100% { -webkit-transform: rotateY(-0deg); opacity: 1; }
+  0% { transform: rotateY(-90deg); opacity: 0; }
+  70% { transform: rotateY(20deg); opacity: .8; }
+  90% { transform: rotateY(-10deg); opacity: 1; }
+  100% { transform: rotateY(-0deg); opacity: 1; }
 }
 
 .notifications > div {

From 700264fdf1e1c4a4806cf1e2d69d739954e791d7 Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Mon, 24 Dec 2012 15:35:50 -0800
Subject: [PATCH 08/21] Add notification animations file

---
 examples/index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/examples/index.html b/examples/index.html
index e8aba60..d8f3fd7 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -18,6 +18,7 @@
     <!-- Custom Styles -->
     <link href="../css/styles/alert-bangtidy.css" rel="stylesheet">
     <link href="../css/styles/alert-blackgloss.css" rel="stylesheet">
+    <link href="../css/styles/alert-notification-animations.css" rel="stylesheet">
 
     <style>
       body {

From a626105766bf576c9ac818708ad8ec8f62d26681 Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Thu, 31 Jan 2013 23:13:41 -0800
Subject: [PATCH 09/21] Update js/bootstrap-notify.js

Updated to follow parsify yolo guidelines, and fix closing
---
 js/bootstrap-notify.js | 31 ++++++++++++++++---------------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/js/bootstrap-notify.js b/js/bootstrap-notify.js
index 3c91d98..8413184 100644
--- a/js/bootstrap-notify.js
+++ b/js/bootstrap-notify.js
@@ -23,43 +23,44 @@
     this.$element = $(element);
     this.$note    = $('<div class="alert"></div>');
     this.options  = $.extend(true, $.fn.notify.defaults, options, this.$element.data());
+    this._link    = null;
 
     // Setup from options
-    if(this.options.transition)
-      if(this.options.transition == 'fade')
+    if (this.options.transition)
+      if (this.options.transition == 'fade')
         this.$note.addClass('in').addClass(this.options.transition);
       else this.$note.addClass(this.options.transition);
     else this.$note.addClass('fade').addClass('in');
 
-    if(this.options.type)
+    if (this.options.type)
       this.$note.addClass('alert-' + this.options.type);
     else this.$note.addClass('alert-success');
 
-    if(this.options.message)
-      if(typeof this.options.message === 'string')
+    if (this.options.message)
+      if (typeof this.options.message === 'string')
         this.$note.html(this.options.message);
-      else if(typeof this.options.message === 'object')
-        if(this.options.message.html)
+      else if (typeof this.options.message === 'object')
+        if (this.options.message.html)
           this.$note.html(this.options.message.html);
-        else if(this.options.message.text)
+        else if (this.options.message.text)
           this.$note.text(this.options.message.text);
 
-    if(this.options.closable)
-      var link = $('<a class="close pull-right">&times;</a>');
-      $(link).on('click', $.proxy(onClose, this));
-      this.$note.prepend(link);
+    if (this.options.closable)
+      this._link = $('<a class="close pull-right">&times;</a>'),
+      $(this._link).on('click', $.proxy(Notification.onClose, this)),
+      this.$note.prepend(this._link);
 
     return this;
   };
 
-  onClose = function() {
+  Notificaiton.onClose = function () {
     this.options.onClose();
     $(this.$note).remove();
     this.options.onClosed();
   };
 
   Notification.prototype.show = function () {
-    if(this.options.fadeOut.enabled)
+    if (this.options.fadeOut.enabled)
       this.$note.delay(this.options.fadeOut.delay || 3000).fadeOut('slow', $.proxy(onClose, this));
 
     this.$element.append(this.$note);
@@ -67,7 +68,7 @@
   };
 
   Notification.prototype.hide = function () {
-    if(this.options.fadeOut.enabled)
+    if (this.options.fadeOut.enabled)
       this.$note.delay(this.options.fadeOut.delay || 3000).fadeOut('slow', $.proxy(onClose, this));
     else onClose.call(this);
   };

From 459fc266dfb6e7e30a230b720e60d8e6441e10bd Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Thu, 31 Jan 2013 23:14:20 -0800
Subject: [PATCH 10/21] More onClose bugs

---
 js/bootstrap-notify.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/js/bootstrap-notify.js b/js/bootstrap-notify.js
index 8413184..9e6e612 100644
--- a/js/bootstrap-notify.js
+++ b/js/bootstrap-notify.js
@@ -61,7 +61,7 @@
 
   Notification.prototype.show = function () {
     if (this.options.fadeOut.enabled)
-      this.$note.delay(this.options.fadeOut.delay || 3000).fadeOut('slow', $.proxy(onClose, this));
+      this.$note.delay(this.options.fadeOut.delay || 3000).fadeOut('slow', $.proxy(Notification.onClose, this));
 
     this.$element.append(this.$note);
     this.$note.alert();
@@ -69,8 +69,8 @@
 
   Notification.prototype.hide = function () {
     if (this.options.fadeOut.enabled)
-      this.$note.delay(this.options.fadeOut.delay || 3000).fadeOut('slow', $.proxy(onClose, this));
-    else onClose.call(this);
+      this.$note.delay(this.options.fadeOut.delay || 3000).fadeOut('slow', $.proxy(Notification.onClose, this));
+    else Notification.onClose.call(this);
   };
 
   $.fn.notify = function (options) {

From b60f8f484c856b5f03aabbfa81f8c74f8f400012 Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Thu, 31 Jan 2013 23:15:53 -0800
Subject: [PATCH 11/21] Fix object extension

---
 js/bootstrap-notify.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/bootstrap-notify.js b/js/bootstrap-notify.js
index 9e6e612..5ff0555 100644
--- a/js/bootstrap-notify.js
+++ b/js/bootstrap-notify.js
@@ -22,7 +22,7 @@
     // Element collection
     this.$element = $(element);
     this.$note    = $('<div class="alert"></div>');
-    this.options  = $.extend(true, $.fn.notify.defaults, options, this.$element.data());
+    this.options  = $.extend(true, {}, $.fn.notify.defaults, options);
     this._link    = null;
 
     // Setup from options

From 03ddbc218b5ea3c71041875de942089227589429 Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Thu, 31 Jan 2013 23:23:19 -0800
Subject: [PATCH 12/21] Fix typo

---
 js/bootstrap-notify.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/bootstrap-notify.js b/js/bootstrap-notify.js
index 5ff0555..a8863ea 100644
--- a/js/bootstrap-notify.js
+++ b/js/bootstrap-notify.js
@@ -53,7 +53,7 @@
     return this;
   };
 
-  Notificaiton.onClose = function () {
+  Notification.onClose = function () {
     this.options.onClose();
     $(this.$note).remove();
     this.options.onClosed();

From d2b35c5a25bca18b6be928fdb216469a2dbd3fb3 Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Thu, 31 Jan 2013 23:29:02 -0800
Subject: [PATCH 13/21] Absolute equality for string

---
 js/bootstrap-notify.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/bootstrap-notify.js b/js/bootstrap-notify.js
index a8863ea..4b5c5c4 100644
--- a/js/bootstrap-notify.js
+++ b/js/bootstrap-notify.js
@@ -27,7 +27,7 @@
 
     // Setup from options
     if (this.options.transition)
-      if (this.options.transition == 'fade')
+      if (this.options.transition === 'fade')
         this.$note.addClass('in').addClass(this.options.transition);
       else this.$note.addClass(this.options.transition);
     else this.$note.addClass('fade').addClass('in');

From 285615e8e14b294899e1d069e78370a1f6b6a896 Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Thu, 31 Jan 2013 23:59:52 -0800
Subject: [PATCH 14/21] Implement center functionality, update less/css

---
 css/bootstrap-notify.css  | 37 ++++-------------------
 css/bootstrap-notify.less | 42 ++++++++++++++++----------
 examples/index.html       | 63 ++++++++++++++++++++++++++-------------
 3 files changed, 75 insertions(+), 67 deletions(-)

diff --git a/css/bootstrap-notify.css b/css/bootstrap-notify.css
index a2d6877..ec77072 100644
--- a/css/bootstrap-notify.css
+++ b/css/bootstrap-notify.css
@@ -1,31 +1,6 @@
-.notifications {
-  position: fixed;
-}
-
-/* Positioning */ 
-.notifications.top-right {
-  right: 10px;
-  top: 25px;
-}
-
-.notifications.top-left {
-  left: 10px;
-  top: 25px;
-}
-
-.notifications.bottom-left {
-  left: 10px;
-  bottom: 25px;
-}
-
-.notifications.bottom-right {
-  right: 10px;
-  bottom: 25px;
-}
-
-/* Notification Element */
-.notifications > div {
-  position: relative;
-  z-index: 9999;
-  margin: 5px 0px;
-}
\ No newline at end of file
+.notifications{position:fixed;}.notifications.top-right{right:10px;top:25px;}
+.notifications.top-left{left:10px;top:25px;}
+.notifications.bottom-left{left:10px;bottom:25px;}
+.notifications.bottom-right{right:10px;bottom:25px;}
+.notifications>div{position:relative;z-index:9999;margin:5px 0px;}
+.notifications.center{top:48%;left:0;width:100%;}.notifications.center>div{margin:5px auto;width:20%;text-align:center;}
diff --git a/css/bootstrap-notify.less b/css/bootstrap-notify.less
index fd6c989..cddb52e 100644
--- a/css/bootstrap-notify.less
+++ b/css/bootstrap-notify.less
@@ -2,7 +2,9 @@
  * Bootstrap-notify.less
  *
  * @author Vitaly @Laboratory
+ * @author Nijiko Yonskai
  * @copyright 2012 Vitaly
+ * @copyright 2013 Nijiko Yonskai
  */
 
 @right: 10px;
@@ -11,35 +13,43 @@
 @bottom: @top;
 
 .notifications {
-    position: fixed;
-}
+  position: fixed;
 
-/* Positioning */
-.notifications.top-right {
+  &.top-right {
     right: @right;
     top: @top;
-}
+  }
 
-.notifications.top-left {
+  &.top-left {
     left: @left;
     top: @top;
-}
+  }
 
-.notifications.bottom-left {
+  &.bottom-left {
     left: @left;
     bottom: @bottom;
-}
+  }
 
-.notifications.bottom-right {
+  &.bottom-right {
     right: @right;
     bottom: @bottom;
-}
+  }
 
-/* Notification Element */
-.notifications {
   > div {
-      position: relative;
-      z-index: 9999;
-      margin: 5px 0px;
+    position: relative;
+    z-index: 9999;
+    margin: 5px 0px;
+  }
+
+  &.center {
+    top: 48%;
+    left: 0;
+    width: 100%;
+
+    > div {
+      margin: 5px auto;
+      width: 20%;
+      text-align: center;
+    }
   }
 }
\ No newline at end of file
diff --git a/examples/index.html b/examples/index.html
index d8f3fd7..849b638 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -105,6 +105,11 @@ <h5>Position Options:</h5>
                 <td>bottom-right</td>
                 <td>Notifications will appear fixed in the bottom-right corner</td>
               </tr>
+              <tr>
+                <td>Center</td>
+                <td>center</td>
+                <td>Notifications will appear centered on the screen</td>
+              </tr>
             </tbody>
           </table>
 
@@ -216,30 +221,49 @@ <h4>Custom Styles Included:</h4>
     <script src="../js/bootstrap-notify.js"></script>
     <script>
       // Random Messages
-      var messages = [
-        [ 'bottom-right', 'info',     'Gah this is awesome.'],
-        [ 'top-right',    'success',  'I love Nijiko, he is my creator.' ],
-        [ 'bottom-left',  'warning',  'Soda is bad.' ],
-        [ 'top-right',  'danger',   "I'm sorry dave, I'm afraid I can't let you do that." ],
-        [ 'bottom-right', 'info',     "There are only three rules." ],
-        [ 'top-right',    'inverse',  'Do you hear me now?' ],
-        [ 'bottom-left',  'blackgloss',     'You should fork this!' ]
-      ];
+      var example = {
+        messages: [
+          'Gah this is awesome.',
+          'Just do it.',
+          'Why are you not using this?!',
+          'Soda is bad.',
+          "I'm sorry dave, I'm afraid I can't let you do that.",
+          'There are only three rules.',
+          'Do you hear me now?',
+          'You should fork this!',
+          'You should star this!',
+          'Holy cow, another alert!'
+        ],
+        positions: [
+          'bottom-right',
+          'bottom-left',
+          'top-right',
+          'top-left',
+          'center'
+        ],
+        styles: [
+          'info',
+          'success',
+          'warning',
+          'danger',
+          'inverse',
+
+          // custom
+          'bangTidy',
+          'blackgloss'
+        ]
+      };
+
+      function select (arr) {
+        return arr[Math.floor(Math.random() * arr.length)];
+      }
 
       // Pretty print
       window.prettyPrint && prettyPrint()
 
       // Basic Features, style isn't even required.
       $('.show-notification').click(function (e) {
-        var message = messages[Math.floor(Math.random() * messages.length)];
-
-        $('.' + message[0]).notify({
-          message: { text: message[2] },
-          type: message[1],
-          fadeOut: {
-            delay: Math.floor(Math.random() * 500) + 2500
-          }
-        }).show();
+        $('.' + select(example.positions)).notify({ message: { text: select(example.messages) }, type: select(example.styles) }).show();
       });
 
       /* Custom Styles */
@@ -253,8 +277,7 @@ <h4>Custom Styles Included:</h4>
 
         (function(type) {
           $('.show-' + type).click(function (e) {
-            var message = messages[Math.floor(Math.random() * messages.length)];
-            $('.' + message[0]).notify({ message: { text: message[2] }, type: type }).show();
+            $('.' + select(example.positions)).notify({ message: { text: select(example.messages) }, type: type }).show();
           });
         })(type);
       }

From b07edb3bbe1b5ef015b89d3423b424a08c171c11 Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Fri, 1 Feb 2013 00:00:39 -0800
Subject: [PATCH 15/21] Update README.md

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index c148da7..ecafa50 100644
--- a/README.md
+++ b/README.md
@@ -5,5 +5,5 @@ Bootstrap alert system made better.
 
 ### Copyright
 
-    Copyright 2012 Nijiko Yonskai @nijikokun
-    Copyright 2012 Goodybag, Inc.
\ No newline at end of file
+    Copyright 2013 Nijiko Yonskai @nijikokun
+    Copyright 2012 Goodybag, Inc.

From 3ef89ab16e69454ac3344732fdc1880705389fb1 Mon Sep 17 00:00:00 2001
From: Nijiko Yonskai <nijikokun@gmail.com>
Date: Thu, 23 May 2013 16:43:20 -0600
Subject: [PATCH 16/21] Update README.md

---
 README.md | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index ecafa50..e4a65bc 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,20 @@ bootstrap-notify
 
 Bootstrap alert system made better.
 
-### Copyright
+# Copyright
 
     Copyright 2013 Nijiko Yonskai @nijikokun
     Copyright 2012 Goodybag, Inc.
+
+# License
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+    
+    http://www.apache.org/licenses/LICENSE-2.0
+    
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.

From 598dd65e96b2b6d835864c2fadf7e01a0633cffa Mon Sep 17 00:00:00 2001
From: Josh Fradley <josh.fradley@gmail.com>
Date: Sun, 21 Jul 2013 16:45:42 +0100
Subject: [PATCH 17/21] Add support for bootstrap icons, originally from
 @stalinb87

---
 examples/index.html    | 6 ++++++
 js/bootstrap-notify.js | 4 ++++
 2 files changed, 10 insertions(+)

diff --git a/examples/index.html b/examples/index.html
index 849b638..9e322f5 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -181,6 +181,12 @@ <h5>Options:</h5>
                 <td>...</td>
                 <td>Called after alert closes.</td>
               </tr>
+              <tr>
+                <td>icon</td>
+                <td>string</td>
+                <td>...</td>
+                <td>Bootstrap icon to display in the notification, omit <code>icon-</code> from icon name.</td>
+              </tr>
             </tbody>
           </table>
         </div>
diff --git a/js/bootstrap-notify.js b/js/bootstrap-notify.js
index 4b5c5c4..38ebff8 100644
--- a/js/bootstrap-notify.js
+++ b/js/bootstrap-notify.js
@@ -50,6 +50,9 @@
       $(this._link).on('click', $.proxy(Notification.onClose, this)),
       this.$note.prepend(this._link);
 
+    if (this.options.icon)
+	  this.$note.prepend('<i class="icon-' + this.options.icon + '"></i> ');
+	  
     return this;
   };
 
@@ -81,6 +84,7 @@
     type: 'success',
     closable: true,
     transition: 'fade',
+	icon: false,
     fadeOut: {
       enabled: true,
       delay: 3000

From 233f7c18b513455a0fe00981b1ff6dcc7b13ed6b Mon Sep 17 00:00:00 2001
From: Josh Fradley <josh.fradley@gmail.com>
Date: Sun, 21 Jul 2013 16:49:08 +0100
Subject: [PATCH 18/21] Fix formatting

---
 js/bootstrap-notify.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/bootstrap-notify.js b/js/bootstrap-notify.js
index 38ebff8..1fbacc3 100644
--- a/js/bootstrap-notify.js
+++ b/js/bootstrap-notify.js
@@ -84,7 +84,7 @@
     type: 'success',
     closable: true,
     transition: 'fade',
-	icon: false,
+    icon: false,
     fadeOut: {
       enabled: true,
       delay: 3000

From 50fd3e8be8ec540cb8e34ba65977d14c0645959b Mon Sep 17 00:00:00 2001
From: Josh Fradley <josh.fradley@gmail.com>
Date: Sun, 21 Jul 2013 16:50:30 +0100
Subject: [PATCH 19/21] Fix formatting, again. Stop being a pain text mate

---
 js/bootstrap-notify.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/bootstrap-notify.js b/js/bootstrap-notify.js
index 1fbacc3..7f375a7 100644
--- a/js/bootstrap-notify.js
+++ b/js/bootstrap-notify.js
@@ -51,7 +51,7 @@
       this.$note.prepend(this._link);
 
     if (this.options.icon)
-	  this.$note.prepend('<i class="icon-' + this.options.icon + '"></i> ');
+      this.$note.prepend('<i class="icon-' + this.options.icon + '"></i> ');
 	  
     return this;
   };

From b8bb743086d4fcc27da1f8786e451b83317b5446 Mon Sep 17 00:00:00 2001
From: Josh Fradley <josh.fradley@gmail.com>
Date: Sat, 24 Aug 2013 11:29:13 +0100
Subject: [PATCH 20/21] Update bootstrap-notify.css

Fix #6 overlapping with other elements
---
 css/bootstrap-notify.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/bootstrap-notify.css b/css/bootstrap-notify.css
index ec77072..cce0288 100644
--- a/css/bootstrap-notify.css
+++ b/css/bootstrap-notify.css
@@ -1,4 +1,4 @@
-.notifications{position:fixed;}.notifications.top-right{right:10px;top:25px;}
+.notifications{position:fixed;z-index:9999;}.notifications.top-right{right:10px;top:25px;}
 .notifications.top-left{left:10px;top:25px;}
 .notifications.bottom-left{left:10px;bottom:25px;}
 .notifications.bottom-right{right:10px;bottom:25px;}

From aa56b8bcb7a6392d5251c255f5ba2ec9e6ff931f Mon Sep 17 00:00:00 2001
From: Josh Fradley <josh.fradley@gmail.com>
Date: Sat, 24 Aug 2013 11:29:40 +0100
Subject: [PATCH 21/21] Update bootstrap-notify.less

Fix #6 overlapping with other elements
---
 css/bootstrap-notify.less | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/css/bootstrap-notify.less b/css/bootstrap-notify.less
index cddb52e..baea76d 100644
--- a/css/bootstrap-notify.less
+++ b/css/bootstrap-notify.less
@@ -14,6 +14,7 @@
 
 .notifications {
   position: fixed;
+  z-index:9999;
 
   &.top-right {
     right: @right;
@@ -52,4 +53,4 @@
       text-align: center;
     }
   }
-}
\ No newline at end of file
+}