Added Universal Module Definition

.gitignore

@@ -0,0 +1 @@
+node_modules

demo/default-pt.html

@@ -5,7 +5,7 @@
     <title>Outdated Browser</title>
     <meta name="description" content="A time saving tool for developers. It detects outdated browsers and advises users to upgrade to a new version.">
     <!-- Styles -->
-    <link rel="stylesheet" href="../outdatedbrowser/outdatedbrowser.min.css">
+    <link rel="stylesheet" href="../dist/outdatedbrowser.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
     <style type="text/css">
         body {
@@ -38,7 +38,7 @@ <h3>What does it look like? <span>(it may differ in your tests)</span></h3>
     <div id="outdated"></div>
 
     <!-- javascript includes -->
-    <script src="../outdatedbrowser/outdatedbrowser.min.js"></script>
+    <script src="../dist/outdatedbrowser.js"></script>
 
     <!-- plugin call -->
     <script>

demo/default.html

@@ -5,7 +5,7 @@
     <title>Outdated Browser</title>
     <meta name="description" content="A time saving tool for developers. It detects outdated browsers and advises users to upgrade to a new version.">
     <!-- Styles -->
-    <link rel="stylesheet" href="../outdatedbrowser/outdatedbrowser.min.css">
+    <link rel="stylesheet" href="../dist/outdatedbrowser.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
     <style type="text/css">
         body {
@@ -42,7 +42,7 @@ <h3>What does it look like? <span>(it may differ in your tests) </span></h3>
 
 
     <!-- javascript includes -->
-    <script src="../outdatedbrowser/outdatedbrowser.min.js"></script>
+    <script src="../dist/outdatedbrowser.js"></script>
 
     <!-- plugin call -->
     <script>

demo/design.html

@@ -5,7 +5,7 @@
     <title>Outdated Browser</title>
     <meta name="description" content="A time saving tool for developers. It detects outdated browsers and advises users to upgrade to a new version.">
     <!-- Styles -->
-    <link rel="stylesheet" href="../outdatedbrowser/outdatedbrowser.min.css">
+    <link rel="stylesheet" href="../dist/outdatedbrowser.css">
 
     <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
     <style type="text/css">
@@ -20,9 +20,6 @@
         p.designBy{position: absolute; bottom: 0; right: 1em; font-size: .8em;}
         a {color: #0a0a0a;}
         ul{list-style-type: none; padding: 0;}
-        /*do not use this!*/
-        h6, p{color: #0a0a0a;} /* test to be sure that I have inline colors! IE6-9 kills me!*/
-        #outdated{display: block;}
     </style>
 </head>
 
@@ -45,7 +42,7 @@ <h6>Your browser is out-of-date!</h6>
     </div>
 
     <!-- javascript includes -->
-    <script src="../outdatedbrowser/outdatedbrowser.min.js"></script>
+    <script src="../dist/outdatedbrowser.js"></script>
 
 
     <!-- plugin call -->
@@ -70,7 +67,8 @@ <h6>Your browser is out-of-date!</h6>
                 bgColor: '#f25648',
                 color: '#ffffff',
                 lowerThan: 'transform',
-                languagePath: ''
+                languagePath: '',
+                force: true
             })
         });
     </script>

demo/jquery.html

@@ -6,7 +6,7 @@
     <title>Outdated Browser</title>
     <meta name="description" content="A time saving tool for developers. It detects outdated browsers and advises users to upgrade to a new version.">
     <!-- Styles -->
-    <link rel="stylesheet" href="../outdatedbrowser/outdatedbrowser.min.css">
+    <link rel="stylesheet" href="../dist/outdatedbrowse.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
     <style type="text/css">
         body {
@@ -40,7 +40,7 @@ <h3>What does it look like? <span>(it may differ in your tests) </span></h3>
 
     <!-- javascript includes -->
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
-    <script src="../outdatedbrowser/outdatedbrowser.min.js"></script>
+    <script src="../dist/outdatedbrowse.js"></script>
 
     <!-- plugin call -->
     <script>

demo/noajax-fr.html

@@ -5,7 +5,7 @@
     <title>Outdated Browser</title>
     <meta name="description" content="A time saving tool for developers. It detects outdated browsers and advises users to upgrade to a new version.">
     <!-- Styles -->
-    <link rel="stylesheet" href="../outdatedbrowser/outdatedbrowser.min.css">
+    <link rel="stylesheet" href="../dist/outdatedbrowser.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
     <style type="text/css">
         body {
@@ -42,7 +42,7 @@ <h6>Votre navigateur est désuet!</h6>
     </div>
 
     <!-- javascript includes -->
-    <script src="../outdatedbrowser/outdatedbrowser.min.js"></script>
+    <script src="../dist/outdatedbrowser.js"></script>
 
     <!-- plugin call -->
     <script>

gulpfile.coffee

@@ -0,0 +1,35 @@
+gulp = require('gulp')
+$ = require('gulp-load-plugins')()
+browserSync = require("browser-sync")
+reload = browserSync.reload
+
+gulp.task "default", ['jshint', 'js', 'css']
+
+gulp.task 'js', ->
+  gulp.src 'src/*.js'
+  .pipe $.uglify()
+  .pipe gulp.dest 'dist/'
+  .pipe $.size()
+  .pipe reload(stream: true)
+
+gulp.task 'css', ->
+  gulp.src 'src/*.css'
+  .pipe $.csso()
+  .pipe gulp.dest 'dist/'
+  .pipe $.size()
+  .pipe reload(stream: true)
+
+gulp.task 'jshint', ->
+  gulp.src 'src/*.js'
+  .pipe $.jshint()
+  .pipe $.jshint.reporter 'jshint-stylish'
+
+
+gulp.task 'serve', ['default'], ->
+  browserSync
+    server: { baseDir: './' }
+    notify: false
+  gulp.watch 'src/*.js', ['jshint', 'js']
+  gulp.watch 'src/*.css', ['css']
+  gulp.watch 'demo/**/*.html', reload
+

gulpfile.js

@@ -0,0 +1,2 @@
+require('coffee-script/register');
+require('./gulpfile.coffee');