Merge pull request wesbos#5 from alexbaumgertner/bugfix/typos

Fix typos and extra code

Author: wesbos

01 - JavaScript Drum Kit/index.html

@@ -63,7 +63,7 @@
   function playSound(e) {
     const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);
     const key = document.querySelector(`.key[data-key="${e.keyCode}"]`);
-    if (!audio) return; // stop the fucntion from running all together
+    if (!audio) return; // stop the function from running all together
     audio.currentTime = 0; // rewind to the start
     audio.play();
     key.classList.add('playing');

02 - JS + CSS Clock/index-FINISHED.html

@@ -42,7 +42,7 @@
       position: relative;
       padding:2rem;
       box-shadow:
-        0 0 0px 4px rgba(0,0,0,0.1),
+        0 0 0 4px rgba(0,0,0,0.1),
         inset 0 0 0 3px #EFEFEF,
         inset 0 0 10px black,
         0 0 10px rgba(0,0,0,0.2);

02 - JS + CSS Clock/index-START.html

@@ -42,7 +42,7 @@
       position: relative;
       padding:2rem;
       box-shadow:
-        0 0 0px 4px rgba(0,0,0,0.1),
+        0 0 0 4px rgba(0,0,0,0.1),
         inset 0 0 0 3px #EFEFEF,
         inset 0 0 10px black,
         0 0 10px rgba(0,0,0,0.2);

02 - JS + CSS Clock/index.html

@@ -42,7 +42,7 @@
       position: relative;
       padding:2rem;
       box-shadow:
-        0 0 0px 4px rgba(0,0,0,0.1),
+        0 0 0 4px rgba(0,0,0,0.1),
         inset 0 0 0 3px #EFEFEF,
         inset 0 0 10px black,
         0 0 10px rgba(0,0,0,0.2);

04 - Array Cardio Day 1/index-FINISHED.html

@@ -25,7 +25,7 @@
 
     // Array.prototype.filter()
     // 1. Filter the list of inventors for those who were born in the 1500's
-    const fifteen = inventors.filter(inventor => (inventor.year >= 1500 && inventor.year < 1600))
+    const fifteen = inventors.filter(inventor => (inventor.year >= 1500 && inventor.year < 1600));
 
     console.table(fifteen);
 

04 - Array Cardio Day 1/index-START.html

@@ -18,7 +18,7 @@
       { first: 'Marie', last: 'Curie', year: 1867, passed: 1934 },
       { first: 'Johannes', last: 'Kepler', year: 1571, passed: 1630 },
       { first: 'Nicolaus', last: 'Copernicus', year: 1473, passed: 1543 },
-      { first: 'Max', last: 'Planck', year: 1858, passed: 1947 },
+      { first: 'Max', last: 'Planck', year: 1858, passed: 1947 }
     ];
 
     const flavours = ['Chocolate Chip', 'Kulfi', 'Caramel Praline', 'Chocolate', 'Burnt Caramel', 'Pistachio', 'Rose', 'Sweet Coconut', 'Lemon Cookie', 'Toffeeness', 'Toasted Almond', 'Black Raspberry Crunch', 'Chocolate Brownies', 'Pistachio Almond', 'Strawberry', 'Lavender Honey', 'Lychee', 'Peach', 'Black Walnut', 'Birthday Cake', 'Mexican Chocolate', 'Mocha Almond Fudge', 'Raspberry'];

05 - Flex Panel Gallery/index-FINISHED.html

@@ -44,7 +44,6 @@
       background-position:center;
       flex: 1;
       justify-content: center;
-      align-items: center;
       display: flex;
       flex-direction: column;
     }

06 - Type Ahead/index-FINISHED.html

@@ -20,7 +20,7 @@
 const cities = [];
 fetch(endpoint)
   .then(blob => blob.json())
-  .then(data => cities.push(...data))
+  .then(data => cities.push(...data));
 
 function findMatches(wordToMatch, cities) {
   return cities.filter(place => {

06 - Type Ahead/style.css

@@ -22,7 +22,6 @@
       margin: 0;
       text-align: center;
       outline:0;
-      border:0;
       border: 10px solid #F7F7F7;
       width: 120%;
       left: -10%;

07 - Array Cardio Day 2/index-START.html

@@ -12,7 +12,7 @@
       { name: 'Wes', year: 1988 },
       { name: 'Kait', year: 1986 },
       { name: 'Irv', year: 1970 },
-      { name: 'Lux', year: 2015 },
+      { name: 'Lux', year: 2015 }
     ];
 
     const comments = [

09 - Dev Tools Domination/index-FINISHED.html

@@ -21,7 +21,7 @@
     console.log('hello');
 
     // Interpolated
-    console.log('Hello I am a %s string!', '💩')
+    console.log('Hello I am a %s string!', '💩');
 
     // Styled
     // console.log('%c I am some great text', 'font-size:50px; background:red; text-shadow: 10px 10px 0 blue')

11 - Custom Video Player/style.css

@@ -107,13 +107,13 @@ input[type=range]::-webkit-slider-runnable-track {
   width: 100%;
   height: 8.4px;
   cursor: pointer;
-  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
+  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
   background: rgba(255,255,255,0.8);
   border-radius: 1.3px;
   border: 0.2px solid rgba(1, 1, 1, 0);
 }
 input[type=range]::-webkit-slider-thumb {
-  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
+  box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
   height: 15px;
   width: 15px;
   border-radius: 50px;
@@ -130,13 +130,13 @@ input[type=range]::-moz-range-track {
   width: 100%;
   height: 8.4px;
   cursor: pointer;
-  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
+  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
   background: #ffffff;
   border-radius: 1.3px;
   border: 0.2px solid rgba(1, 1, 1, 0);
 }
 input[type=range]::-moz-range-thumb {
-  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
+  box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
   height: 15px;
   width: 15px;
   border-radius: 50px;

13 - Slide in on Scroll/index-START.html

@@ -56,7 +56,7 @@ <h1>Slide in on Scroll</h1>
         timeout = setTimeout(later, wait);
         if (callNow) func.apply(context, args);
       };
-    };
+    }
 
     const sliderImages = document.querySelectorAll('.slide-in');
 

14 - JavaScript References VS Copying/index-FINISHED.html

@@ -51,7 +51,7 @@
     team4[3] = 'heeee hawww';
     console.log(team4);
 
-    const team5 = Array.from(players)
+    const team5 = Array.from(players);
 
     // now when we update it, the original one isn't changed
 

15 - LocalStorage/style.css

@@ -7,7 +7,6 @@
       display:flex;
       justify-content: center;
       align-items: center;
-      font-family: sans-serif;
       text-align: center;
       font-family: Futura,"Trebuchet MS",Arial,sans-serif
     }

20 - Speech Detection/index-FINISHED.html

@@ -23,7 +23,7 @@
     const transcript = Array.from(e.results)
       .map(result => result[0])
       .map(result => result.transcript)
-      .join('')
+      .join('');
 
       const poopScript = transcript.replace(/poop|poo|shit|dump/gi, '💩');
       p.textContent = poopScript;

22 - Follow Along Link Highlighter/style.css

@@ -45,7 +45,6 @@ a {
 
 .menu {
   padding: 0;
-  margin: 0;
   display: flex;
   list-style: none;
   justify-content: center;

26 - Stripe Follow Along Nav/index-FINISHED.html

@@ -225,7 +225,7 @@ <h2>Cool</h2>
       height: dropdownCoords.height,
       width: dropdownCoords.width,
       top: dropdownCoords.top - navCoords.top,
-      left: dropdownCoords.left - navCoords.left,
+      left: dropdownCoords.left - navCoords.left
     };
 
     background.style.setProperty('width', `${coords.width}px`);

28 - Video Speed Controller/style.css

@@ -27,7 +27,6 @@ video {
 }
 .speed-bar {
   width:100%;
-  height:10px;
   background:linear-gradient(-170deg, #2376ae 0%, #c16ecf 100%);
   text-shadow:1px 1px 0 rgba(0,0,0,0.2);
   display: flex;