Fix the skip button

Delete the last object when you create a new object

Author: blackazaru

.bowerrc

@@ -0,0 +1,3 @@
+{
+    "directory":"lib"
+}

.gitignore

@@ -0,0 +1,2 @@
+node_modules/*
+lib/*

Gruntfile.js

@@ -0,0 +1,37 @@
+module.exports = function(grunt){
+    grunt.initConfig({
+        pkg: grunt.file.readJSON('bower.json'),
+        concat:{
+            options: {
+                separator: ';'
+            },
+            dist:{
+                src:['src/*.js', 'lib/kinetic/kinetic.min.js'],
+                dest: '<%= pkg.name %>.js'
+            }
+        },
+        uglify: {
+            main: {
+                files: {
+                    '<%= pkg.name %>.min.js': ['<%= concat.dist.dest %>']
+                }
+            }
+        },
+        jshint: {
+            files: ['Gruntfile.js', 'src/*.js'],
+            options: {
+                "eqnull": true,
+                "globals": {
+                    jQuery: true,
+                    console: true,
+                    module: true
+                }
+            }
+        }
+    });
+
+    grunt.loadNpmTasks('grunt-contrib-uglify');
+    grunt.loadNpmTasks('grunt-contrib-jshint');
+    grunt.loadNpmTasks('grunt-contrib-concat');
+
+};

bower.json

@@ -20,5 +20,9 @@
     "bower_components",
     "test",
     "tests"
-  ]
+  ],
+  "dependencies": {
+    "jquery": "~2.1.3",
+    "kinetic": "~5.2.0"
+  }
 }

enjoyhint.js

@@ -0,0 +1,25 @@
+{
+  "name": "enjoyhint",
+  "version": "1.0.0",
+  "description": "Web-tool that provides the simplest way to create interactive tutorials and hints.",
+  "main": "enjoyhint.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/xbsoftware/enjoyhint.git"
+  },
+  "keywords": [
+    "enjoyhint",
+    "hint",
+    "xbs",
+    "tutorials"
+  ],
+  "author": "XB Software",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/xbsoftware/enjoyhint/issues"
+  },
+  "homepage": "https://github.com/xbsoftware/enjoyhint"
+}

enjoyhint.min.js

@@ -19,6 +19,8 @@ var EnjoyHint = function(_options){
 
   /********************* PRIVAT METHODS ***************************************/
   var init = function(){
+      if ($('.enjoyhint'))
+          $('.enjoyhint').remove();
     $body.enjoyhint({
       onNextClick:function(){
         current_step++;
@@ -29,9 +31,15 @@ var EnjoyHint = function(_options){
         var $element = $(step_data.selector);
         off(step_data.event);
         $element.off(makeEventName(step_data.event));
+        destroyEnjoy();
       }
     });
   };
+
+    var destroyEnjoy = function () {
+        $body = $('body');
+        $('.enjoyhint').remove();
+    };
 
   var $body = $('body');
   var stepAction = function(){
@@ -124,6 +132,7 @@ var EnjoyHint = function(_options){
     } else {
       $body.enjoyhint('hide');
       options.onEnd();
+      destroyEnjoy();
     }
 
   };

package.json

@@ -1,10 +1,10 @@
 @font-face {
     font-family: 'casino_handregular';
-    src: url('Casino_Hand/casino_hand-webfont.eot');
-    src: url('Casino_Hand/casino_hand-webfont.eot?#iefix') format('embedded-opentype'),
-         url('Casino_Hand/casino_hand-webfont.woff') format('woff'),
-         url('Casino_Hand/casino_hand-webfont.ttf') format('truetype'),
-         url('Casino_Hand/casino_hand-webfont.svg#casino_handregular') format('svg');
+    src: url('src/Casino_Hand/casino_hand-webfont.eot');
+    src: url('src/Casino_Hand/casino_hand-webfont.eot?#iefix') format('embedded-opentype'),
+         url('src/Casino_Hand/casino_hand-webfont.woff') format('woff'),
+         url('src/Casino_Hand/casino_hand-webfont.ttf') format('truetype'),
+         url('src/Casino_Hand/casino_hand-webfont.svg#casino_handregular') format('svg');
     font-weight: normal;
     font-style: normal;
 
@@ -35,12 +35,31 @@
 }
 
 .enjoyhint_skip_btn{
-  position:absolute;
-  bottom:40px;
-  right:40px;
-  z-index: 1012;
-  /*display: none;*/
-  pointer-events: all;
+    position:absolute;
+    z-index: 1012;
+    /*display: none;*/
+    pointer-events: all;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    width: 100px;
+    height: 40px;
+    cursor: pointer;
+    margin: 0 auto;
+    border: 2px solid rgb(30,205,151);
+    -webkit-border-radius: 40px;
+    border-radius: 40px;
+    font: normal normal normal 17px/40px "Advent Pro", Helvetica, sans-serif;
+    color: rgb(30, 205, 151);
+    text-align: center;
+    -o-text-overflow: clip;
+    text-overflow: clip;
+    letter-spacing: 1px;
+    background: rgba(0,0,0,0);
+    -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
+    -moz-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
+    -o-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
+    transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
 }
 .enjoyhint_next_btn{
   position:absolute;