diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html
index 8a2f8e8417..44ae8336e5 100644
--- a/01 - JavaScript Drum Kit/index-START.html
+++ b/01 - JavaScript Drum Kit/index-START.html
@@ -60,6 +60,25 @@
diff --git a/02 - JS and CSS Clock/index-START.html b/02 - JS and CSS Clock/index-START.html
index 55ab1a5331..bef2f2b12e 100644
--- a/02 - JS and CSS Clock/index-START.html
+++ b/02 - JS and CSS Clock/index-START.html
@@ -7,13 +7,15 @@
-
+
@@ -63,12 +65,39 @@
background: black;
position: absolute;
top: 50%;
+ transform-origin: 100%;
+ transform: rotate(90deg);
+ transition: all 0.05s;
+ transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1);
}
diff --git a/03 - CSS Variables/index-START.html b/03 - CSS Variables/index-START.html
index d5fcc3a2ae..220f3c013b 100644
--- a/03 - CSS Variables/index-START.html
+++ b/03 - CSS Variables/index-START.html
@@ -19,13 +19,26 @@ Update CSS Variables with JS
- 
+ 
+
diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html
index 0dcfd00f40..2729c15604 100644
--- a/04 - Array Cardio Day 1/index-START.html
+++ b/04 - Array Cardio Day 1/index-START.html
@@ -38,29 +38,56 @@
// 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));
+ console.table(fifteen);
// Array.prototype.map()
// 2. Give us an array of the inventors first and last names
+ const fullNames = inventors.map(inventor => (`${inventor.first} ${inventor.last}`));
+ console.table(fullNames);
// Array.prototype.sort()
// 3. Sort the inventors by birthdate, oldest to youngest
+ const ordered = inventors.sort((a, b) => a.year > b.year ? 1 : -1);
+ console.table(ordered);
// Array.prototype.reduce()
// 4. How many years did all the inventors live all together?
+ const totalYears = inventors.reduce((total, inventor) => (total + (inventor.passed - inventor.year)), 0);
+
+ console.log(totalYears);
// 5. Sort the inventors by years lived
+ const oldest = inventors.sort((a,b) => (a.passed - a.year) > (b.passed - b.year) ? -1 : 1);
+ console.table(oldest);
// 6. create a list of Boulevards in Paris that contain 'de' anywhere in the name
// https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris
-
+ // const category = document.querySelector('.mw-category');
+ // const links = Array.from(category.querySelectorAll('a'));
+ // const de = links.map(link => link.textContent).filter(streetName => streetName.includes('de'));
// 7. sort Exercise
// Sort the people alphabetically by last name
+ const sortedPeople = people.sort((a,b) => {
+ const [aLast, aFirst] = a.split(', ');
+ const [bLast, bFirst] = b.split(', ');
+ return aFirst > bFirst ? 1 : -1;
+ });
+ console.table(sortedPeople);
// 8. Reduce Exercise
// Sum up the instances of each of these
const data = ['car', 'car', 'truck', 'truck', 'bike', 'walk', 'car', 'van', 'bike', 'walk', 'car', 'van', 'car', 'truck' ];
+ const reducedData = data.reduce((obj, item) => {
+ if(!obj[item]){
+ obj[item] = 0;
+ }
+ obj[item]++;
+ return obj;
+ }, {});
+ console.table(reducedData);