afuh
diff --git a/‎01 - JavaScript Drum Kit/image/01_port.jpg
100644100755 b/‎01 - JavaScript Drum Kit/image/01_port.jpg
100644100755
diff --git a/‎02 - JS and CSS Clock/image/02_port.jpg
100644100755 b/‎02 - JS and CSS Clock/image/02_port.jpg
100644100755
diff --git a/‎03 - CSS Variables/image/03_port.jpg
100644100755 b/‎03 - CSS Variables/image/03_port.jpg
100644100755
diff --git a/‎05 - Flex Panel Gallery/image/05_port.jpg
100644100755 b/‎05 - Flex Panel Gallery/image/05_port.jpg
100644100755
diff --git a/‎06 - Type Ahead/main.js
+1-1 b/‎06 - Type Ahead/main.js
+1-1
diff --git a/‎12 - Key Sequence Detection/dist/main.css
+1-1 b/‎12 - Key Sequence Detection/dist/main.css
+1-1
diff --git a/‎12 - Key Sequence Detection/dist/main.js
+1-1 b/‎12 - Key Sequence Detection/dist/main.js
+1-1
diff --git a/‎12 - Key Sequence Detection/image/chuck.png
100644100755
-128 KB b/‎12 - Key Sequence Detection/image/chuck.png
100644100755
-128 KB
diff --git a/‎12 - Key Sequence Detection/image/chuck4.png
100644100755
-195 KB b/‎12 - Key Sequence Detection/image/chuck4.png
100644100755
-195 KB
diff --git a/‎12 - Key Sequence Detection/image/chuck5.gif
-1.18 MB b/‎12 - Key Sequence Detection/image/chuck5.gif
-1.18 MB
diff --git a/‎12 - Key Sequence Detection/image/chuck7.png
38.5 KB b/‎12 - Key Sequence Detection/image/chuck7.png
38.5 KB
diff --git a/‎12 - Key Sequence Detection/main.js
+3-2 b/‎12 - Key Sequence Detection/main.js
+3-2
diff --git a/‎dist/main.css
+1-1 b/‎dist/main.css
+1-1
diff --git a/‎favion-JS3.png
301 KB b/‎favion-JS3.png
301 KB
diff --git a/‎index.html
+1 b/‎index.html
+1
diff --git a/‎package.json
+12-2 b/‎package.json
+12-2
@@ -1,6 +1,6 @@
 const cities = [];
 
-// Safari not support fetch at this moment.
+// Safari doesn't support fetch at this moment. 
 // fetch(endpoint)
 //   .then(blob => blob.json())
 //   .then(data => cities.push(...data));
 
@@ -14,9 +14,10 @@ class Chuck {
       2: "image/chuck3.gif",
       3: "image/chuck4.png",
       4: "image/chuck5.gif",
-      5: "image/chuck6.gif"
+      5: "image/chuck6.gif",
+      6: "image/chuck7.png"
     };
-    this.img = this.url[Math.floor(Math.random() * 6)];
+    this.img = this.url[Math.floor(Math.random() * 7)];
   }
   render(){
     const body = document.querySelector('body');
 
@@ -5,6 +5,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
   <link href="dist/main.css" type="text/css" rel="stylesheet">
+  <link href="favion-JS3.png" rel="shortcut icon" type="image/ico">
   <script src="dist/main.js"></script>
 </head>
 <body>
 
@@ -3,12 +3,22 @@
     "babel-preset-es2015": "^6.22.0",
     "browser-sync": "^2.18.8",
     "gulp": "^3.9.1",
-    "gulp-autoprefixer": "^3.1.1",
+    "gulp-autoprefixer": "^4.0.0",
     "gulp-babel": "^6.1.2",
     "gulp-clean-css": "^3.0.4",
     "gulp-plumber": "^1.1.0",
     "gulp-sass": "^3.1.0",
     "gulp-uglify": "^2.1.2",
-    "node-normalize-scss": "^1.4.0"
+    "node-normalize-scss": "^3.0.0"
+  },
+  "eslintConfig": {
+    "parserOptions": {
+      "sourceType": "module",
+      "ecmaVersion": 8,
+      "ecmaFeatures": {
+        "impliedStrict": true,
+        "jsx": false
+      }
+    }
   }
 }