+
+
+
diff --git a/08 - Fun with HTML5 Canvas/index-jayhawk.html b/08 - Fun with HTML5 Canvas/index-jayhawk.html
new file mode 100644
index 0000000000..4d325e76fa
--- /dev/null
+++ b/08 - Fun with HTML5 Canvas/index-jayhawk.html
@@ -0,0 +1,63 @@
+
+
+
+
+ HTML5 Canvas
+
+
+
+<<<<<<< HEAD
+
+=======
+
+>>>>>>> f87f846dc6cde2c5437167806be030ee5844e17a
+
+
+
+
diff --git a/10 - Hold Shift and Check Checkboxes/index-jayhawk.html b/10 - Hold Shift and Check Checkboxes/index-jayhawk.html
new file mode 100644
index 0000000000..da2b41da0d
--- /dev/null
+++ b/10 - Hold Shift and Check Checkboxes/index-jayhawk.html
@@ -0,0 +1,125 @@
+
+
+
+
+ Hold Shift to Check Multiple Checkboxes
+
+
+
+
+
+
+
+
This is an inbox layout.
+
+
+
+
Check one item
+
+
+
+
Hold down your Shift key
+
+
+
+
Check a lower item
+
+
+
+
Everything in between should also be set to checked
+
+
+
+
Try to do it without any libraries
+
+
+
+
Just regular JavaScript
+
+
+
+
Good Luck!
+
+
+
+
Don't forget to tweet your result!
+
+
+
+
+
+
diff --git a/12 - Key Sequence Detection/index-START.html b/12 - Key Sequence Detection/index-START.html
index dc53c4e9e1..0d478cf98e 100644
--- a/12 - Key Sequence Detection/index-START.html
+++ b/12 - Key Sequence Detection/index-START.html
@@ -1,12 +1,29 @@
-
-
- Key Detection
-
-
-
-
-
+
+
+ Key Detection
+
+
+
+
+
diff --git a/19 - Webcam Fun/index.html b/19 - Webcam Fun/index.html
old mode 100755
new mode 100644
diff --git a/19 - Webcam Fun/package.json b/19 - Webcam Fun/package.json
old mode 100755
new mode 100644
diff --git a/19 - Webcam Fun/scripts-FINISHED.js b/19 - Webcam Fun/scripts-FINISHED.js
old mode 100755
new mode 100644
diff --git a/19 - Webcam Fun/style.css b/19 - Webcam Fun/style.css
old mode 100755
new mode 100644
diff --git a/20 - Speech Detection/package.json b/20 - Speech Detection/package.json
old mode 100755
new mode 100644
diff --git a/21 - Geolocation/package.json b/21 - Geolocation/package.json
old mode 100755
new mode 100644
diff --git a/notes.md b/notes.md
new file mode 100644
index 0000000000..8697577197
--- /dev/null
+++ b/notes.md
@@ -0,0 +1,45 @@
+# These are some important notes related to each topic each day.
+
+## Day 1:
+
+- Get keys pressed in js using event keydown, keyup or keypress
+- Get ascii code of pressed key with event.keyCode
+- ES6 formatting
+ ```
+ `div[data-key="${code}"]`
+ ```
+- Add css classes in javascript using .classList.add("classname")
+- datasets can be used in js as `this.dataset.dataname` where dataname is declared in HTML as an attribute `data-dataname="anything"`
+
+## Day 2:
+
+- use window.setInterval(functioname, timeoutMS) to call a function after every given number of timeout.
+
+## Day 3:
+
+### CSS Variables
+
+- Declaring and using CSS variables
+ ```
+ :root{
+ --base: yellow;
+ --spacing: 10px;
+ --blur: 10px;
+ }
+ img {
+ padding: var(--spacing);
+ background: var(--base);
+ filter: blur(var(--blur));
+ }
+ ```
+- Accessing CSS variables
+ ```
+ document.documentElement.style.setProperty(--`${this.name}` , this.value)
+ ```
+
+## Day 4:
+
+- filter() : returns array of object under some condition specified in function.
+- map() : returns array from an object where you want a specific part of object like first name or last name.
+- sort() : sorts the array . takes a compare function as an argument and in that function we pass first and second value of object and compare them on certain value and return 1 or -1.
+- reduce() : it takes two params accumulator and reducer . Helpful in creating dictionary from array with key value pairs.
+