wesbos#16 and wesbos#17 done

Sergey Gromskiy · Sergey Gromskiy · commit 9eb45d2af247 · 2017-03-07T19:44:07.000+02:00
diff --git a/16 - Mouse Move Shadow/index-start.html b/16 - Mouse Move Shadow/index-start.html
@@ -31,6 +31,26 @@ <h1 contenteditable>🔥WOAH!</h1>
   </style>
 
 <script>
+(function(){
+  let hero = document.querySelector('.hero');
+  let text = hero.querySelector('h1');
+
+  function drowShadow(e){
+    let { offsetWidth: width, offsetHeight: height } = hero;
+    let { offsetX: x, offsetY: y } = e;
+    if(this !== e.target){
+      x = x + e.target.offsetLeft;
+      y = y + e.target.offsetTop;
+    }
+    let sizeX = (width / 2 - x) / 10;
+    let sizeY = (height / 2 - y) / 10;
+
+    text.style.textShadow = `${sizeX}px ${sizeY}px 0px rgba(0, 0, 0, 0.5), ${-sizeX}px ${-sizeY}px 0px rgba(200, 0, 0, 0.5)`;
+    
+  }
+
+  hero.addEventListener('mousemove', drowShadow);
+})();
 </script>
 </body>
 </html>
diff --git a/17 - Sort Without Articles/index-START.html b/17 - Sort Without Articles/index-START.html
@@ -43,7 +43,14 @@
   <ul id="bands"></ul>
 
 <script>
-const bands = ['The Plot in You', 'The Devil Wears Prada', 'Pierce the Veil', 'Norma Jean', 'The Bled', 'Say Anything', 'The Midway State', 'We Came as Romans', 'Counterparts', 'Oh, Sleeper', 'A Skylit Drive', 'Anywhere But Here', 'An Old Dog'];
+
+  const bands = ['The Plot in You', 'The Devil Wears Prada', 'Pierce the Veil', 'Norma Jean', 'The Bled', 'Say Anything', 'The Midway State', 'We Came as Romans', 'Counterparts', 'Oh, Sleeper', 'A Skylit Drive', 'Anywhere But Here', 'An Old Dog'];
+  function trimArticle(name) {
+    return name.replace(/^(a |an |the )/i, '');
+  }
+  const sortedBands = bands.sort((a, b) => (trimArticle(a) > trimArticle(b)) ? 1 : -1);
+  const list = document.querySelector('#bands');
+  list.innerHTML = sortedBands.map(item => `<li>${item}</li>`).join('');
 
 
 </script>
