diff --git a/01 - JavaScript Drum Kit/index.html b/01 - JavaScript Drum Kit/index.html index a18f2bc2ca..246639f990 100644 --- 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 index 36c420f534..d5c9ec9596 100644 --- 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 index 259280d228..240705d8fe 100644 --- 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 index 36c420f534..d5c9ec9596 100644 --- 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 index 80006d3f8b..f68d8c3545 100644 --- 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 index 089352c8a6..6e28e357d0 100644 --- 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 index adb9060f5f..243f8a221d 100644 --- 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 index 53c36248b0..5902b43936 100644 --- 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 index 155164bae9..36dc55f30e 100644 --- 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 index e39d35f79a..bdf6c44415 100644 --- 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 index 02264aa8fa..55cd3a2f42 100644 --- 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 index 41fea5522c..c07581c1c0 100644 --- 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 index bbaf0b6f22..12591bad30 100644 --- a/13 - Slide in on Scroll/index-START.html +++ b/13 - Slide in on Scroll/index-START.html @@ -56,7 +56,7 @@

Slide in on Scroll

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 index 20f0732c4e..be6d1b7646 100644 --- 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 index 3514871ab3..ea5bab179c 100644 --- 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 index e1932f41ac..413c3eeaaf 100644 --- 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 index e1c51e8c12..222e27ae68 100644 --- 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 index 90a50b971c..9cf05f388d 100644 --- a/26 - Stripe Follow Along Nav/index-FINISHED.html +++ b/26 - Stripe Follow Along Nav/index-FINISHED.html @@ -225,7 +225,7 @@

Cool

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 index 0d7a2b0acb..c837d991e4 100644 --- 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;