Dev: Home button

package.json

@@ -30,5 +30,8 @@
     "handlebars-loader": "^1.1.4",
     "node-sass": "^3.4.2",
     "sass-loader": "^3.1.2"
+  },
+  "dependencies": {
+    "draggabilly": "^2.1.0"
   }
 }

src/config.es6

@@ -0,0 +1,10 @@
+export default {
+    get: function ()
+    {
+
+    },
+    set: function ()
+    {
+
+    }
+};

src/homeBtn/style.scss

@@ -1,19 +1,22 @@
 #eruda {
     .home-btn {
-        width: 50px;
-        height: 50px;
+        width: 40px;
+        height: 40px;
         background: rgba(0, 0, 0, 0.8);
         opacity: 0.5;
         border-radius: 10px;
-        box-sizing: border-box;
-        padding-top: 6px;
+        padding-top: 10px;
+        position: relative;
+        top: 5px;
+        left: 5px;
+        z-index: 1000;
+        transition: opacity .3s;
         .circle {
             background: #fff;
             border-radius: 50%;
             margin: 0 auto;
-            width: 30px;
-            height: 30px;
-            border: 4px solid #ccc;
+            width: 20px;
+            height: 20px;
         }
         &:hover {
             opacity: 0.8;

src/index.es6

@@ -1,9 +1,11 @@
 import HomeBtn from './HomeBtn/index.es6'
 import util from './util'
 
+require('!style!css!sass!./style.scss');
+
 var $container;
 
-var isDebugMode = /debug=true/.test(window.location.search);
+var isDebugMode = /eruda=true/.test(window.location.search);
 
 if (isDebugMode)
 {

src/style.scss

@@ -0,0 +1,12 @@
+#eruda {
+    pointer-events: none;
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    * {
+        box-sizing: border-box;
+        pointer-events: all;
+    }
+}

src/util.js

@@ -1450,6 +1450,10 @@ module.exports = (function ()
             last: function () {
                 return $(last(this));
             },
+            get: function (idx)
+            {
+                return this[idx];
+            },
             eq: function (idx)
             {
                 return $(idx);