wesbos · wesbos · Dec 9, 2016 · Dec 9, 2016 · alexbaumgertner · Dec 9, 2016
diff --git a/01 - JavaScript Drum Kit/index.html b/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');

diff --git a/02 - JS + CSS Clock/index-FINISHED.html b/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);

diff --git a/02 - JS + CSS Clock/index-START.html b/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);

diff --git a/02 - JS + CSS Clock/index.html b/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);

diff --git a/04 - Array Cardio Day 1/index-FINISHED.html b/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);


diff --git a/04 - Array Cardio Day 1/index-START.html b/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'];

diff --git a/05 - Flex Panel Gallery/index-FINISHED.html b/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;
    }

diff --git a/06 - Type Ahead/index-FINISHED.html b/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 => {

diff --git a/06 - Type Ahead/style.css b/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%;

diff --git a/07 - Array Cardio Day 2/index-START.html b/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 = [

diff --git a/09 - Dev Tools Domination/index-FINISHED.html b/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')

diff --git a/11 - Custom Video Player/style.css b/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;

diff --git a/13 - Slide in on Scroll/index-START.html b/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');


diff --git a/14 - JavaScript References VS Copying/index-FINISHED.html b/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


diff --git a/15 - LocalStorage/style.css b/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
    }

diff --git a/20 - Speech Detection/index-FINISHED.html b/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;

diff --git a/22 - Follow Along Link Highlighter/style.css b/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;

diff --git a/26 - Stripe Follow Along Nav/index-FINISHED.html b/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`);

diff --git a/28 - Video Speed Controller/style.css b/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;
-Original file line number
+Diff line change
@@ -44,7 +44,6 @@
           background-position:center;
           flex: 1;
           justify-content: center;
-          align-items: center;
           display: flex;
               Copy link

  
        
      
    

    
        

  
    Contributor


        

  Author


    
  

  
    
      
          
      

      
            alexbaumgertner
  

      

      

      


        Dec 9, 2016


      
    

  


        
      
  
  
  
    

    There was a problem hiding this comment.


  

 
  
    

    Choose a reason for hiding this comment

    
      The reason will be displayed to describe this comment to others. Learn more.
    

    
      
      


  


  
    
      duplicate of line 35
    
  
  



    

        
      
  
  
    
  
  
  
    
    Sorry, something went wrong.
  

  
    
  
    
      

              Uh oh!

              
There was an error while loading. Please reload this page.


  
  


          
      
  
    
    
      
        
            
    All reactions
           flex-direction: column;
         }
-          Expand Down