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

wesbos · web-flow · commit a0451b118b87 · 2016-12-09T10:12:40.000-05:00
Fix typos and extra code
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
 functionplaySound(e){
 constaudio=document.querySelector(`audio[data-key="${e.keyCode}"]`);
 constkey=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');
-Original file line number
+Diff line change
 {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}
 ];
 constflavours=['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'];
Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,6 @@`
`44`	`44`	`background-position:center;`
`45`	`45`	`flex:1;`
`46`	`46`	`justify-content: center;`
`47`		`-align-items: center;`
`48`	`47`	`display: flex;`
`49`	`48`	`flex-direction: column;`
`50`	`49`	`}`
-Original file line number
+Diff line change
 constcities=[];
 fetch(endpoint)
 .then(blob=>blob.json())
 -.then(data=>cities.push(...data))
 +.then(data=>cities.push(...data));
 functionfindMatches(wordToMatch,cities){
 returncities.filter(place=>{
-Original file line number
+Diff line change
 {name: 'Wes',year: 1988},
 {name: 'Kait',year: 1986},
 {name: 'Irv',year: 1970},
 -{name: 'Lux',year: 2015},
 +{name: 'Lux',year: 2015}
 ];
 constcomments=[