From eda5f51ec6120d718f31dfacbab827180b7076d5 Mon Sep 17 00:00:00 2001 From: Oliver Newman Date: Fri, 9 Dec 2016 20:58:58 -0500 Subject: [PATCH 01/10] Rename all folders, complete exercise 1 --- .../index-FINISHED.html | 0 .../index-START.html | 17 ++++++++++ .../index.html | 0 .../sounds/boom.wav | Bin .../sounds/clap.wav | Bin .../sounds/hihat.wav | Bin .../sounds/kick.wav | Bin .../sounds/openhat.wav | Bin .../sounds/ride.wav | Bin .../sounds/snare.wav | Bin .../sounds/tink.wav | Bin .../sounds/tom.wav | Bin .../style.css | 32 +++++++++--------- .../index-FINISHED.html | 0 .../index-START.html | 0 .../index.html | 26 +++++++------- .../index-FINISHED.html | 0 .../index-START.html | 2 +- .../index-FINISHED.html | 0 .../index-START.html | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 {06 - Type Ahead => 06_type_ahead}/style.css | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../index.html | 0 .../scripts-FINISHED.js | 0 .../scripts.js | 0 .../style.css | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../style.css | 0 .../index-start.html | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 {19 - Webcam Fun => 19_webcam_fun}/index.html | 0 .../package.json | 0 .../scripts-FINISHED.js | 0 {19 - Webcam Fun => 19_webcam_fun}/scripts.js | 0 {19 - Webcam Fun => 19_webcam_fun}/style.css | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../package.json | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../package.json | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../style.css | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../style.css | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../style-FINISHED.css | 0 .../style-START.css | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../style.css | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../style.css | 0 .../index.html | 0 .../scripts-FINISHED.js | 0 .../scripts-START.js | 0 .../style.css | 0 .../dirt.svg | 0 .../index-FINISHED.html | 0 .../index-START.html | 0 .../mole.svg | 0 .../style.css | 0 91 files changed, 47 insertions(+), 30 deletions(-) rename {01 - JavaScript Drum Kit => 01_javascript_drum_kit}/index-FINISHED.html (100%) rename {01 - JavaScript Drum Kit => 01_javascript_drum_kit}/index-START.html (73%) rename {01 - JavaScript Drum Kit => 01_javascript_drum_kit}/index.html (100%) rename {01 - JavaScript Drum Kit => 01_javascript_drum_kit}/sounds/boom.wav (100%) rename {01 - JavaScript Drum Kit => 01_javascript_drum_kit}/sounds/clap.wav (100%) rename {01 - JavaScript Drum Kit => 01_javascript_drum_kit}/sounds/hihat.wav (100%) rename {01 - JavaScript Drum Kit => 01_javascript_drum_kit}/sounds/kick.wav (100%) rename {01 - JavaScript Drum Kit => 01_javascript_drum_kit}/sounds/openhat.wav (100%) rename {01 - JavaScript Drum Kit => 01_javascript_drum_kit}/sounds/ride.wav (100%) rename {01 - JavaScript Drum Kit => 01_javascript_drum_kit}/sounds/snare.wav (100%) rename {01 - JavaScript Drum Kit => 01_javascript_drum_kit}/sounds/tink.wav (100%) rename {01 - JavaScript Drum Kit => 01_javascript_drum_kit}/sounds/tom.wav (100%) rename {01 - JavaScript Drum Kit => 01_javascript_drum_kit}/style.css (51%) rename {02 - JS + CSS Clock => 02_js_+_css_clock}/index-FINISHED.html (100%) rename {02 - JS + CSS Clock => 02_js_+_css_clock}/index-START.html (100%) rename {02 - JS + CSS Clock => 02_js_+_css_clock}/index.html (83%) rename {03 - CSS Variables => 03_css_variables}/index-FINISHED.html (100%) rename {03 - CSS Variables => 03_css_variables}/index-START.html (98%) rename {04 - Array Cardio Day 1 => 04_array_cardio_day_1}/index-FINISHED.html (100%) rename {04 - Array Cardio Day 1 => 04_array_cardio_day_1}/index-START.html (100%) rename {05 - Flex Panel Gallery => 05_flex_panel_gallery}/index-FINISHED.html (100%) rename {05 - Flex Panel Gallery => 05_flex_panel_gallery}/index-START.html (100%) rename {06 - Type Ahead => 06_type_ahead}/index-FINISHED.html (100%) rename {06 - Type Ahead => 06_type_ahead}/index-START.html (100%) rename {06 - Type Ahead => 06_type_ahead}/style.css (100%) rename {07 - Array Cardio Day 2 => 07_array_cardio_day_2}/index-FINISHED.html (100%) rename {07 - Array Cardio Day 2 => 07_array_cardio_day_2}/index-START.html (100%) rename {08 - Fun with HTML5 Canvas => 08_fun_with_html5_canvas}/index-FINISHED.html (100%) rename {08 - Fun with HTML5 Canvas => 08_fun_with_html5_canvas}/index-START.html (100%) rename {09 - Dev Tools Domination => 09_dev_tools_domination}/index-FINISHED.html (100%) rename {09 - Dev Tools Domination => 09_dev_tools_domination}/index-START.html (100%) rename {10 - Hold Shift and Check Checkboxes => 10_hold_shift_and_check_checkboxes}/index-FINISHED.html (100%) rename {10 - Hold Shift and Check Checkboxes => 10_hold_shift_and_check_checkboxes}/index-START.html (100%) rename {11 - Custom Video Player => 11_custom_video_player}/index.html (100%) rename {11 - Custom Video Player => 11_custom_video_player}/scripts-FINISHED.js (100%) rename {11 - Custom Video Player => 11_custom_video_player}/scripts.js (100%) rename {11 - Custom Video Player => 11_custom_video_player}/style.css (100%) rename {12 - Key Sequence Detection => 12_key_sequence_detection}/index-FINISHED.html (100%) rename {12 - Key Sequence Detection => 12_key_sequence_detection}/index-START.html (100%) rename {13 - Slide in on Scroll => 13_slide_in_on_scroll}/index-FINISHED.html (100%) rename {13 - Slide in on Scroll => 13_slide_in_on_scroll}/index-START.html (100%) rename {14 - JavaScript References VS Copying => 14_javascript_references_vs_copying}/index-FINISHED.html (100%) rename {14 - JavaScript References VS Copying => 14_javascript_references_vs_copying}/index-START.html (100%) rename {15 - LocalStorage => 15_localstorage}/index-FINISHED.html (100%) rename {15 - LocalStorage => 15_localstorage}/index-START.html (100%) rename {15 - LocalStorage => 15_localstorage}/style.css (100%) rename {16 - Mouse Move Shadow => 16_mouse_move_shadow}/index-start.html (100%) rename {17 - Sort Without Articles => 17_sort_without_articles}/index-FINISHED.html (100%) rename {17 - Sort Without Articles => 17_sort_without_articles}/index-START.html (100%) rename {18 - Adding Up Times with Reduce => 18_adding_up_times_with_reduce}/index-FINISHED.html (100%) rename {18 - Adding Up Times with Reduce => 18_adding_up_times_with_reduce}/index-START.html (100%) rename {19 - Webcam Fun => 19_webcam_fun}/index.html (100%) rename {19 - Webcam Fun => 19_webcam_fun}/package.json (100%) rename {19 - Webcam Fun => 19_webcam_fun}/scripts-FINISHED.js (100%) rename {19 - Webcam Fun => 19_webcam_fun}/scripts.js (100%) rename {19 - Webcam Fun => 19_webcam_fun}/style.css (100%) rename {20 - Speech Detection => 20_speech_detection}/index-FINISHED.html (100%) rename {20 - Speech Detection => 20_speech_detection}/index-START.html (100%) rename {20 - Speech Detection => 20_speech_detection}/package.json (100%) rename {21 - Geolocation => 21_geolocation}/index-FINISHED.html (100%) rename {21 - Geolocation => 21_geolocation}/index-START.html (100%) rename {21 - Geolocation => 21_geolocation}/package.json (100%) rename {22 - Follow Along Link Highlighter => 22_follow_along_link_highlighter}/index-FINISHED.html (100%) rename {22 - Follow Along Link Highlighter => 22_follow_along_link_highlighter}/index-START.html (100%) rename {22 - Follow Along Link Highlighter => 22_follow_along_link_highlighter}/style.css (100%) rename {23 - Speech Synthesis => 23_speech_synthesis}/index-FINISHED.html (100%) rename {23 - Speech Synthesis => 23_speech_synthesis}/index-START.html (100%) rename {23 - Speech Synthesis => 23_speech_synthesis}/style.css (100%) rename {24 - Sticky Nav => 24_sticky_nav}/index-FINISHED.html (100%) rename {24 - Sticky Nav => 24_sticky_nav}/index-START.html (100%) rename {24 - Sticky Nav => 24_sticky_nav}/style-FINISHED.css (100%) rename {24 - Sticky Nav => 24_sticky_nav}/style-START.css (100%) rename {25 - Event Capture, Propagation, Bubbling and Once => 25_event_capture_propagation_bubbling_and_once}/index-FINISHED.html (100%) rename {25 - Event Capture, Propagation, Bubbling and Once => 25_event_capture_propagation_bubbling_and_once}/index-START.html (100%) rename {26 - Stripe Follow Along Nav => 26_stripe_follow_along_nav}/index-FINISHED.html (100%) rename {26 - Stripe Follow Along Nav => 26_stripe_follow_along_nav}/index-START.html (100%) rename {27 - Click and Drag => 27_click_and_drag}/index-FINISHED.html (100%) rename {27 - Click and Drag => 27_click_and_drag}/index-START.html (100%) rename {27 - Click and Drag => 27_click_and_drag}/style.css (100%) rename {28 - Video Speed Controller => 28_video_speed_controller}/index-FINISHED.html (100%) rename {28 - Video Speed Controller => 28_video_speed_controller}/index-START.html (100%) rename {28 - Video Speed Controller => 28_video_speed_controller}/style.css (100%) rename {29 - Countown Timer => 29_countown_timer}/index.html (100%) rename {29 - Countown Timer => 29_countown_timer}/scripts-FINISHED.js (100%) rename {29 - Countown Timer => 29_countown_timer}/scripts-START.js (100%) rename {29 - Countown Timer => 29_countown_timer}/style.css (100%) rename {30 - Whack A Mole => 30_whack_a_mole}/dirt.svg (100%) rename {30 - Whack A Mole => 30_whack_a_mole}/index-FINISHED.html (100%) rename {30 - Whack A Mole => 30_whack_a_mole}/index-START.html (100%) rename {30 - Whack A Mole => 30_whack_a_mole}/mole.svg (100%) rename {30 - Whack A Mole => 30_whack_a_mole}/style.css (100%) diff --git a/01 - JavaScript Drum Kit/index-FINISHED.html b/01_javascript_drum_kit/index-FINISHED.html similarity index 100% rename from 01 - JavaScript Drum Kit/index-FINISHED.html rename to 01_javascript_drum_kit/index-FINISHED.html diff --git a/01 - JavaScript Drum Kit/index-START.html b/01_javascript_drum_kit/index-START.html similarity index 73% rename from 01 - JavaScript Drum Kit/index-START.html rename to 01_javascript_drum_kit/index-START.html index 4070d32767..081998a42f 100644 --- a/01 - JavaScript Drum Kit/index-START.html +++ b/01_javascript_drum_kit/index-START.html @@ -58,7 +58,24 @@ diff --git a/01 - JavaScript Drum Kit/index.html b/01_javascript_drum_kit/index.html similarity index 100% rename from 01 - JavaScript Drum Kit/index.html rename to 01_javascript_drum_kit/index.html diff --git a/01 - JavaScript Drum Kit/sounds/boom.wav b/01_javascript_drum_kit/sounds/boom.wav similarity index 100% rename from 01 - JavaScript Drum Kit/sounds/boom.wav rename to 01_javascript_drum_kit/sounds/boom.wav diff --git a/01 - JavaScript Drum Kit/sounds/clap.wav b/01_javascript_drum_kit/sounds/clap.wav similarity index 100% rename from 01 - JavaScript Drum Kit/sounds/clap.wav rename to 01_javascript_drum_kit/sounds/clap.wav diff --git a/01 - JavaScript Drum Kit/sounds/hihat.wav b/01_javascript_drum_kit/sounds/hihat.wav similarity index 100% rename from 01 - JavaScript Drum Kit/sounds/hihat.wav rename to 01_javascript_drum_kit/sounds/hihat.wav diff --git a/01 - JavaScript Drum Kit/sounds/kick.wav b/01_javascript_drum_kit/sounds/kick.wav similarity index 100% rename from 01 - JavaScript Drum Kit/sounds/kick.wav rename to 01_javascript_drum_kit/sounds/kick.wav diff --git a/01 - JavaScript Drum Kit/sounds/openhat.wav b/01_javascript_drum_kit/sounds/openhat.wav similarity index 100% rename from 01 - JavaScript Drum Kit/sounds/openhat.wav rename to 01_javascript_drum_kit/sounds/openhat.wav diff --git a/01 - JavaScript Drum Kit/sounds/ride.wav b/01_javascript_drum_kit/sounds/ride.wav similarity index 100% rename from 01 - JavaScript Drum Kit/sounds/ride.wav rename to 01_javascript_drum_kit/sounds/ride.wav diff --git a/01 - JavaScript Drum Kit/sounds/snare.wav b/01_javascript_drum_kit/sounds/snare.wav similarity index 100% rename from 01 - JavaScript Drum Kit/sounds/snare.wav rename to 01_javascript_drum_kit/sounds/snare.wav diff --git a/01 - JavaScript Drum Kit/sounds/tink.wav b/01_javascript_drum_kit/sounds/tink.wav similarity index 100% rename from 01 - JavaScript Drum Kit/sounds/tink.wav rename to 01_javascript_drum_kit/sounds/tink.wav diff --git a/01 - JavaScript Drum Kit/sounds/tom.wav b/01_javascript_drum_kit/sounds/tom.wav similarity index 100% rename from 01 - JavaScript Drum Kit/sounds/tom.wav rename to 01_javascript_drum_kit/sounds/tom.wav diff --git a/01 - JavaScript Drum Kit/style.css b/01_javascript_drum_kit/style.css similarity index 51% rename from 01 - JavaScript Drum Kit/style.css rename to 01_javascript_drum_kit/style.css index 3e0a320b37..c9b98da3a0 100644 --- a/01 - JavaScript Drum Kit/style.css +++ b/01_javascript_drum_kit/style.css @@ -1,6 +1,6 @@ html { font-size: 10px; - background:url(http://i.imgur.com/b9r5sEL.jpg) bottom center; + background: url(http://i.imgur.com/b9r5sEL.jpg) bottom center; background-size: cover; } body,html { @@ -10,30 +10,30 @@ body,html { } .keys { - display:flex; - flex:1; - min-height:100vh; + display: flex; + flex: 1; + min-height: 100vh; align-items: center; justify-content: center; } .key { - border:4px solid black; - border-radius:5px; - margin:1rem; + border: 4px solid black; + border-radius: 5px; + margin: 1rem; font-size: 1.5rem; - padding:1rem .5rem; - transition:all .07s; - width:100px; + padding: 1rem .5rem; + transition: all 0.07s; + width: 100px; text-align: center; - color:white; - background:rgba(0,0,0,0.4); - text-shadow:0 0 5px black; + color: white; + background: rgba(0,0,0,0.4); + text-shadow: 0 0 5px black; } .playing { - transform:scale(1.1); - border-color:#ffc600; + transform: scale(1.1); + border-color: #ffc600; box-shadow: 0 0 10px #ffc600; } @@ -46,5 +46,5 @@ kbd { font-size: 1.2rem; text-transform: uppercase; letter-spacing: 1px; - color:#ffc600; + color: #ffc600; } diff --git a/02 - JS + CSS Clock/index-FINISHED.html b/02_js_+_css_clock/index-FINISHED.html similarity index 100% rename from 02 - JS + CSS Clock/index-FINISHED.html rename to 02_js_+_css_clock/index-FINISHED.html diff --git a/02 - JS + CSS Clock/index-START.html b/02_js_+_css_clock/index-START.html similarity index 100% rename from 02 - JS + CSS Clock/index-START.html rename to 02_js_+_css_clock/index-START.html diff --git a/02 - JS + CSS Clock/index.html b/02_js_+_css_clock/index.html similarity index 83% rename from 02 - JS + CSS Clock/index.html rename to 02_js_+_css_clock/index.html index 36c420f534..834afb2fd4 100644 --- a/02 - JS + CSS Clock/index.html +++ b/02_js_+_css_clock/index.html @@ -18,17 +18,17 @@ diff --git a/04 - Array Cardio Day 1/index-FINISHED.html b/04_array_cardio_day_1/index-FINISHED.html similarity index 100% rename from 04 - Array Cardio Day 1/index-FINISHED.html rename to 04_array_cardio_day_1/index-FINISHED.html diff --git a/04 - Array Cardio Day 1/index-START.html b/04_array_cardio_day_1/index-START.html similarity index 100% rename from 04 - Array Cardio Day 1/index-START.html rename to 04_array_cardio_day_1/index-START.html diff --git a/05 - Flex Panel Gallery/index-FINISHED.html b/05_flex_panel_gallery/index-FINISHED.html similarity index 100% rename from 05 - Flex Panel Gallery/index-FINISHED.html rename to 05_flex_panel_gallery/index-FINISHED.html diff --git a/05 - Flex Panel Gallery/index-START.html b/05_flex_panel_gallery/index-START.html similarity index 100% rename from 05 - Flex Panel Gallery/index-START.html rename to 05_flex_panel_gallery/index-START.html diff --git a/06 - Type Ahead/index-FINISHED.html b/06_type_ahead/index-FINISHED.html similarity index 100% rename from 06 - Type Ahead/index-FINISHED.html rename to 06_type_ahead/index-FINISHED.html diff --git a/06 - Type Ahead/index-START.html b/06_type_ahead/index-START.html similarity index 100% rename from 06 - Type Ahead/index-START.html rename to 06_type_ahead/index-START.html diff --git a/06 - Type Ahead/style.css b/06_type_ahead/style.css similarity index 100% rename from 06 - Type Ahead/style.css rename to 06_type_ahead/style.css diff --git a/07 - Array Cardio Day 2/index-FINISHED.html b/07_array_cardio_day_2/index-FINISHED.html similarity index 100% rename from 07 - Array Cardio Day 2/index-FINISHED.html rename to 07_array_cardio_day_2/index-FINISHED.html diff --git a/07 - Array Cardio Day 2/index-START.html b/07_array_cardio_day_2/index-START.html similarity index 100% rename from 07 - Array Cardio Day 2/index-START.html rename to 07_array_cardio_day_2/index-START.html diff --git a/08 - Fun with HTML5 Canvas/index-FINISHED.html b/08_fun_with_html5_canvas/index-FINISHED.html similarity index 100% rename from 08 - Fun with HTML5 Canvas/index-FINISHED.html rename to 08_fun_with_html5_canvas/index-FINISHED.html diff --git a/08 - Fun with HTML5 Canvas/index-START.html b/08_fun_with_html5_canvas/index-START.html similarity index 100% rename from 08 - Fun with HTML5 Canvas/index-START.html rename to 08_fun_with_html5_canvas/index-START.html diff --git a/09 - Dev Tools Domination/index-FINISHED.html b/09_dev_tools_domination/index-FINISHED.html similarity index 100% rename from 09 - Dev Tools Domination/index-FINISHED.html rename to 09_dev_tools_domination/index-FINISHED.html diff --git a/09 - Dev Tools Domination/index-START.html b/09_dev_tools_domination/index-START.html similarity index 100% rename from 09 - Dev Tools Domination/index-START.html rename to 09_dev_tools_domination/index-START.html diff --git a/10 - Hold Shift and Check Checkboxes/index-FINISHED.html b/10_hold_shift_and_check_checkboxes/index-FINISHED.html similarity index 100% rename from 10 - Hold Shift and Check Checkboxes/index-FINISHED.html rename to 10_hold_shift_and_check_checkboxes/index-FINISHED.html diff --git a/10 - Hold Shift and Check Checkboxes/index-START.html b/10_hold_shift_and_check_checkboxes/index-START.html similarity index 100% rename from 10 - Hold Shift and Check Checkboxes/index-START.html rename to 10_hold_shift_and_check_checkboxes/index-START.html diff --git a/11 - Custom Video Player/index.html b/11_custom_video_player/index.html similarity index 100% rename from 11 - Custom Video Player/index.html rename to 11_custom_video_player/index.html diff --git a/11 - Custom Video Player/scripts-FINISHED.js b/11_custom_video_player/scripts-FINISHED.js similarity index 100% rename from 11 - Custom Video Player/scripts-FINISHED.js rename to 11_custom_video_player/scripts-FINISHED.js diff --git a/11 - Custom Video Player/scripts.js b/11_custom_video_player/scripts.js similarity index 100% rename from 11 - Custom Video Player/scripts.js rename to 11_custom_video_player/scripts.js diff --git a/11 - Custom Video Player/style.css b/11_custom_video_player/style.css similarity index 100% rename from 11 - Custom Video Player/style.css rename to 11_custom_video_player/style.css diff --git a/12 - Key Sequence Detection/index-FINISHED.html b/12_key_sequence_detection/index-FINISHED.html similarity index 100% rename from 12 - Key Sequence Detection/index-FINISHED.html rename to 12_key_sequence_detection/index-FINISHED.html diff --git a/12 - Key Sequence Detection/index-START.html b/12_key_sequence_detection/index-START.html similarity index 100% rename from 12 - Key Sequence Detection/index-START.html rename to 12_key_sequence_detection/index-START.html diff --git a/13 - Slide in on Scroll/index-FINISHED.html b/13_slide_in_on_scroll/index-FINISHED.html similarity index 100% rename from 13 - Slide in on Scroll/index-FINISHED.html rename to 13_slide_in_on_scroll/index-FINISHED.html diff --git a/13 - Slide in on Scroll/index-START.html b/13_slide_in_on_scroll/index-START.html similarity index 100% rename from 13 - Slide in on Scroll/index-START.html rename to 13_slide_in_on_scroll/index-START.html diff --git a/14 - JavaScript References VS Copying/index-FINISHED.html b/14_javascript_references_vs_copying/index-FINISHED.html similarity index 100% rename from 14 - JavaScript References VS Copying/index-FINISHED.html rename to 14_javascript_references_vs_copying/index-FINISHED.html diff --git a/14 - JavaScript References VS Copying/index-START.html b/14_javascript_references_vs_copying/index-START.html similarity index 100% rename from 14 - JavaScript References VS Copying/index-START.html rename to 14_javascript_references_vs_copying/index-START.html diff --git a/15 - LocalStorage/index-FINISHED.html b/15_localstorage/index-FINISHED.html similarity index 100% rename from 15 - LocalStorage/index-FINISHED.html rename to 15_localstorage/index-FINISHED.html diff --git a/15 - LocalStorage/index-START.html b/15_localstorage/index-START.html similarity index 100% rename from 15 - LocalStorage/index-START.html rename to 15_localstorage/index-START.html diff --git a/15 - LocalStorage/style.css b/15_localstorage/style.css similarity index 100% rename from 15 - LocalStorage/style.css rename to 15_localstorage/style.css diff --git a/16 - Mouse Move Shadow/index-start.html b/16_mouse_move_shadow/index-start.html similarity index 100% rename from 16 - Mouse Move Shadow/index-start.html rename to 16_mouse_move_shadow/index-start.html diff --git a/17 - Sort Without Articles/index-FINISHED.html b/17_sort_without_articles/index-FINISHED.html similarity index 100% rename from 17 - Sort Without Articles/index-FINISHED.html rename to 17_sort_without_articles/index-FINISHED.html diff --git a/17 - Sort Without Articles/index-START.html b/17_sort_without_articles/index-START.html similarity index 100% rename from 17 - Sort Without Articles/index-START.html rename to 17_sort_without_articles/index-START.html diff --git a/18 - Adding Up Times with Reduce/index-FINISHED.html b/18_adding_up_times_with_reduce/index-FINISHED.html similarity index 100% rename from 18 - Adding Up Times with Reduce/index-FINISHED.html rename to 18_adding_up_times_with_reduce/index-FINISHED.html diff --git a/18 - Adding Up Times with Reduce/index-START.html b/18_adding_up_times_with_reduce/index-START.html similarity index 100% rename from 18 - Adding Up Times with Reduce/index-START.html rename to 18_adding_up_times_with_reduce/index-START.html diff --git a/19 - Webcam Fun/index.html b/19_webcam_fun/index.html similarity index 100% rename from 19 - Webcam Fun/index.html rename to 19_webcam_fun/index.html diff --git a/19 - Webcam Fun/package.json b/19_webcam_fun/package.json similarity index 100% rename from 19 - Webcam Fun/package.json rename to 19_webcam_fun/package.json diff --git a/19 - Webcam Fun/scripts-FINISHED.js b/19_webcam_fun/scripts-FINISHED.js similarity index 100% rename from 19 - Webcam Fun/scripts-FINISHED.js rename to 19_webcam_fun/scripts-FINISHED.js diff --git a/19 - Webcam Fun/scripts.js b/19_webcam_fun/scripts.js similarity index 100% rename from 19 - Webcam Fun/scripts.js rename to 19_webcam_fun/scripts.js diff --git a/19 - Webcam Fun/style.css b/19_webcam_fun/style.css similarity index 100% rename from 19 - Webcam Fun/style.css rename to 19_webcam_fun/style.css diff --git a/20 - Speech Detection/index-FINISHED.html b/20_speech_detection/index-FINISHED.html similarity index 100% rename from 20 - Speech Detection/index-FINISHED.html rename to 20_speech_detection/index-FINISHED.html diff --git a/20 - Speech Detection/index-START.html b/20_speech_detection/index-START.html similarity index 100% rename from 20 - Speech Detection/index-START.html rename to 20_speech_detection/index-START.html diff --git a/20 - Speech Detection/package.json b/20_speech_detection/package.json similarity index 100% rename from 20 - Speech Detection/package.json rename to 20_speech_detection/package.json diff --git a/21 - Geolocation/index-FINISHED.html b/21_geolocation/index-FINISHED.html similarity index 100% rename from 21 - Geolocation/index-FINISHED.html rename to 21_geolocation/index-FINISHED.html diff --git a/21 - Geolocation/index-START.html b/21_geolocation/index-START.html similarity index 100% rename from 21 - Geolocation/index-START.html rename to 21_geolocation/index-START.html diff --git a/21 - Geolocation/package.json b/21_geolocation/package.json similarity index 100% rename from 21 - Geolocation/package.json rename to 21_geolocation/package.json diff --git a/22 - Follow Along Link Highlighter/index-FINISHED.html b/22_follow_along_link_highlighter/index-FINISHED.html similarity index 100% rename from 22 - Follow Along Link Highlighter/index-FINISHED.html rename to 22_follow_along_link_highlighter/index-FINISHED.html diff --git a/22 - Follow Along Link Highlighter/index-START.html b/22_follow_along_link_highlighter/index-START.html similarity index 100% rename from 22 - Follow Along Link Highlighter/index-START.html rename to 22_follow_along_link_highlighter/index-START.html diff --git a/22 - Follow Along Link Highlighter/style.css b/22_follow_along_link_highlighter/style.css similarity index 100% rename from 22 - Follow Along Link Highlighter/style.css rename to 22_follow_along_link_highlighter/style.css diff --git a/23 - Speech Synthesis/index-FINISHED.html b/23_speech_synthesis/index-FINISHED.html similarity index 100% rename from 23 - Speech Synthesis/index-FINISHED.html rename to 23_speech_synthesis/index-FINISHED.html diff --git a/23 - Speech Synthesis/index-START.html b/23_speech_synthesis/index-START.html similarity index 100% rename from 23 - Speech Synthesis/index-START.html rename to 23_speech_synthesis/index-START.html diff --git a/23 - Speech Synthesis/style.css b/23_speech_synthesis/style.css similarity index 100% rename from 23 - Speech Synthesis/style.css rename to 23_speech_synthesis/style.css diff --git a/24 - Sticky Nav/index-FINISHED.html b/24_sticky_nav/index-FINISHED.html similarity index 100% rename from 24 - Sticky Nav/index-FINISHED.html rename to 24_sticky_nav/index-FINISHED.html diff --git a/24 - Sticky Nav/index-START.html b/24_sticky_nav/index-START.html similarity index 100% rename from 24 - Sticky Nav/index-START.html rename to 24_sticky_nav/index-START.html diff --git a/24 - Sticky Nav/style-FINISHED.css b/24_sticky_nav/style-FINISHED.css similarity index 100% rename from 24 - Sticky Nav/style-FINISHED.css rename to 24_sticky_nav/style-FINISHED.css diff --git a/24 - Sticky Nav/style-START.css b/24_sticky_nav/style-START.css similarity index 100% rename from 24 - Sticky Nav/style-START.css rename to 24_sticky_nav/style-START.css diff --git a/25 - Event Capture, Propagation, Bubbling and Once/index-FINISHED.html b/25_event_capture_propagation_bubbling_and_once/index-FINISHED.html similarity index 100% rename from 25 - Event Capture, Propagation, Bubbling and Once/index-FINISHED.html rename to 25_event_capture_propagation_bubbling_and_once/index-FINISHED.html diff --git a/25 - Event Capture, Propagation, Bubbling and Once/index-START.html b/25_event_capture_propagation_bubbling_and_once/index-START.html similarity index 100% rename from 25 - Event Capture, Propagation, Bubbling and Once/index-START.html rename to 25_event_capture_propagation_bubbling_and_once/index-START.html diff --git a/26 - Stripe Follow Along Nav/index-FINISHED.html b/26_stripe_follow_along_nav/index-FINISHED.html similarity index 100% rename from 26 - Stripe Follow Along Nav/index-FINISHED.html rename to 26_stripe_follow_along_nav/index-FINISHED.html diff --git a/26 - Stripe Follow Along Nav/index-START.html b/26_stripe_follow_along_nav/index-START.html similarity index 100% rename from 26 - Stripe Follow Along Nav/index-START.html rename to 26_stripe_follow_along_nav/index-START.html diff --git a/27 - Click and Drag/index-FINISHED.html b/27_click_and_drag/index-FINISHED.html similarity index 100% rename from 27 - Click and Drag/index-FINISHED.html rename to 27_click_and_drag/index-FINISHED.html diff --git a/27 - Click and Drag/index-START.html b/27_click_and_drag/index-START.html similarity index 100% rename from 27 - Click and Drag/index-START.html rename to 27_click_and_drag/index-START.html diff --git a/27 - Click and Drag/style.css b/27_click_and_drag/style.css similarity index 100% rename from 27 - Click and Drag/style.css rename to 27_click_and_drag/style.css diff --git a/28 - Video Speed Controller/index-FINISHED.html b/28_video_speed_controller/index-FINISHED.html similarity index 100% rename from 28 - Video Speed Controller/index-FINISHED.html rename to 28_video_speed_controller/index-FINISHED.html diff --git a/28 - Video Speed Controller/index-START.html b/28_video_speed_controller/index-START.html similarity index 100% rename from 28 - Video Speed Controller/index-START.html rename to 28_video_speed_controller/index-START.html diff --git a/28 - Video Speed Controller/style.css b/28_video_speed_controller/style.css similarity index 100% rename from 28 - Video Speed Controller/style.css rename to 28_video_speed_controller/style.css diff --git a/29 - Countown Timer/index.html b/29_countown_timer/index.html similarity index 100% rename from 29 - Countown Timer/index.html rename to 29_countown_timer/index.html diff --git a/29 - Countown Timer/scripts-FINISHED.js b/29_countown_timer/scripts-FINISHED.js similarity index 100% rename from 29 - Countown Timer/scripts-FINISHED.js rename to 29_countown_timer/scripts-FINISHED.js diff --git a/29 - Countown Timer/scripts-START.js b/29_countown_timer/scripts-START.js similarity index 100% rename from 29 - Countown Timer/scripts-START.js rename to 29_countown_timer/scripts-START.js diff --git a/29 - Countown Timer/style.css b/29_countown_timer/style.css similarity index 100% rename from 29 - Countown Timer/style.css rename to 29_countown_timer/style.css diff --git a/30 - Whack A Mole/dirt.svg b/30_whack_a_mole/dirt.svg similarity index 100% rename from 30 - Whack A Mole/dirt.svg rename to 30_whack_a_mole/dirt.svg diff --git a/30 - Whack A Mole/index-FINISHED.html b/30_whack_a_mole/index-FINISHED.html similarity index 100% rename from 30 - Whack A Mole/index-FINISHED.html rename to 30_whack_a_mole/index-FINISHED.html diff --git a/30 - Whack A Mole/index-START.html b/30_whack_a_mole/index-START.html similarity index 100% rename from 30 - Whack A Mole/index-START.html rename to 30_whack_a_mole/index-START.html diff --git a/30 - Whack A Mole/mole.svg b/30_whack_a_mole/mole.svg similarity index 100% rename from 30 - Whack A Mole/mole.svg rename to 30_whack_a_mole/mole.svg diff --git a/30 - Whack A Mole/style.css b/30_whack_a_mole/style.css similarity index 100% rename from 30 - Whack A Mole/style.css rename to 30_whack_a_mole/style.css From 2f3f80e9762b7c6c2b9bbcae72610daa4751522a Mon Sep 17 00:00:00 2001 From: Oliver Newman Date: Fri, 9 Dec 2016 21:01:50 -0500 Subject: [PATCH 02/10] Merge from upstream --- .../index-finished.html | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename {16 - Mouse Move Shadow => 16_mouse_move_shadow}/index-finished.html (100%) diff --git a/16 - Mouse Move Shadow/index-finished.html b/16_mouse_move_shadow/index-finished.html similarity index 100% rename from 16 - Mouse Move Shadow/index-finished.html rename to 16_mouse_move_shadow/index-finished.html From 49661c1a3580e678de8907b901121e0736350d19 Mon Sep 17 00:00:00 2001 From: Oliver Newman Date: Fri, 16 Dec 2016 21:15:28 -0500 Subject: [PATCH 03/10] Done with day 1 --- 01_javascript_drum_kit/index-FINISHED.html | 83 ---------------------- 01_javascript_drum_kit/index-START.html | 5 +- 01_javascript_drum_kit/index.html | 83 ---------------------- 3 files changed, 3 insertions(+), 168 deletions(-) delete mode 100644 01_javascript_drum_kit/index-FINISHED.html delete mode 100644 01_javascript_drum_kit/index.html diff --git a/01_javascript_drum_kit/index-FINISHED.html b/01_javascript_drum_kit/index-FINISHED.html deleted file mode 100644 index 1a16d0997c..0000000000 --- a/01_javascript_drum_kit/index-FINISHED.html +++ /dev/null @@ -1,83 +0,0 @@ - - - - - JS Drum Kit - - - - - -
-
- A - clap -
-
- S - hihat -
-
- D - kick -
-
- F - openhat -
-
- G - boom -
-
- H - ride -
-
- J - snare -
-
- K - tom -
-
- L - tink -
-
- - - - - - - - - - - - - - - - diff --git a/01_javascript_drum_kit/index-START.html b/01_javascript_drum_kit/index-START.html index 081998a42f..278bcac0dc 100644 --- a/01_javascript_drum_kit/index-START.html +++ b/01_javascript_drum_kit/index-START.html @@ -61,13 +61,14 @@ function playSound(e) { const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`); const key = document.querySelector(`.key[data-key="${e.keyCode}"]`); - if (audio) { + if (audio) { // Key corresponds to sound audio.currentTime = 0; audio.play(); - key.classList.add('playing'); + key.classList.add('playing'); // Change appearance of key box } } + // Reverse playing transition for key as soon as it ends function removeTransition(e) { if (e.propertyName !== 'transform') return; this.classList.remove('playing'); diff --git a/01_javascript_drum_kit/index.html b/01_javascript_drum_kit/index.html deleted file mode 100644 index 246639f990..0000000000 --- a/01_javascript_drum_kit/index.html +++ /dev/null @@ -1,83 +0,0 @@ - - - - - JS Drum Kit - - - - - -
-
- A - clap -
-
- S - hihat -
-
- D - kick -
-
- F - openhat -
-
- G - boom -
-
- H - ride -
-
- J - snare -
-
- K - tom -
-
- L - tink -
-
- - - - - - - - - - - - - - - From f3c32ef364f9a06f16d1cab188b0b81cf2d2a087 Mon Sep 17 00:00:00 2001 From: Oliver Newman Date: Fri, 16 Dec 2016 21:17:24 -0500 Subject: [PATCH 04/10] Rename day 02 dir --- {02_js_+_css_clock => 02_js_css_clock}/index-FINISHED.html | 0 {02_js_+_css_clock => 02_js_css_clock}/index-START.html | 0 {02_js_+_css_clock => 02_js_css_clock}/index.html | 0 3 files changed, 0 insertions(+), 0 deletions(-) rename {02_js_+_css_clock => 02_js_css_clock}/index-FINISHED.html (100%) rename {02_js_+_css_clock => 02_js_css_clock}/index-START.html (100%) rename {02_js_+_css_clock => 02_js_css_clock}/index.html (100%) diff --git a/02_js_+_css_clock/index-FINISHED.html b/02_js_css_clock/index-FINISHED.html similarity index 100% rename from 02_js_+_css_clock/index-FINISHED.html rename to 02_js_css_clock/index-FINISHED.html diff --git a/02_js_+_css_clock/index-START.html b/02_js_css_clock/index-START.html similarity index 100% rename from 02_js_+_css_clock/index-START.html rename to 02_js_css_clock/index-START.html diff --git a/02_js_+_css_clock/index.html b/02_js_css_clock/index.html similarity index 100% rename from 02_js_+_css_clock/index.html rename to 02_js_css_clock/index.html From 9cc3fd99de65c11461d2442f735ff5480b0c403f Mon Sep 17 00:00:00 2001 From: Oliver Newman Date: Fri, 16 Dec 2016 21:48:46 -0500 Subject: [PATCH 05/10] Rename 01/index-START.html to index.html --- 01_javascript_drum_kit/{index-START.html => index.html} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename 01_javascript_drum_kit/{index-START.html => index.html} (100%) diff --git a/01_javascript_drum_kit/index-START.html b/01_javascript_drum_kit/index.html similarity index 100% rename from 01_javascript_drum_kit/index-START.html rename to 01_javascript_drum_kit/index.html From 0c74409caf636eefcaad43ad75905a6233716a4e Mon Sep 17 00:00:00 2001 From: Oliver Newman Date: Fri, 16 Dec 2016 22:16:32 -0500 Subject: [PATCH 06/10] Update README --- README.md | 6 ++++++ readme.md | 15 --------------- 2 files changed, 6 insertions(+), 15 deletions(-) create mode 100644 README.md delete mode 100644 readme.md diff --git a/README.md b/README.md new file mode 100644 index 0000000000..d4f569bb7b --- /dev/null +++ b/README.md @@ -0,0 +1,6 @@ +# 30 Days of JavaScript + +My completed solutions for the (JavaScript 30 Day Challenge)[https://javascript30.com/]. + +Somewhat based on the official solutions, but with a few tweaks here and there +for optimization and for fun. diff --git a/readme.md b/readme.md deleted file mode 100644 index 829f4d07f5..0000000000 --- a/readme.md +++ /dev/null @@ -1,15 +0,0 @@ -![](https://javascript30.com/images/JS3-social-share.png) - -# JavaScript30 - -Starter Files + Completed solutions for the JavaScript 30 Day Challenge. - -Grab the course at [https://JavaScript30.com](https://JavaScript30.com) - -## Pull Requests - -These are meant to be 1:1 copies of what is done in the video. If you found a better / different way to do things, great, but I will be keeping them the same as the videos. - -The starter files + solutions will be updated if/when the videos are updated. - -Thank! From 02fa4ac4c33655aa1985bedb6ffa9c4bebdf2c42 Mon Sep 17 00:00:00 2001 From: Oliver Newman Date: Fri, 16 Dec 2016 22:17:20 -0500 Subject: [PATCH 07/10] Start day 2 --- 02_js_css_clock/index-START.html | 80 +++++++++++++++++++++++--------- 1 file changed, 57 insertions(+), 23 deletions(-) diff --git a/02_js_css_clock/index-START.html b/02_js_css_clock/index-START.html index 2712384201..a59ddc21f5 100644 --- a/02_js_css_clock/index-START.html +++ b/02_js_css_clock/index-START.html @@ -5,30 +5,27 @@ JS + CSS Clock - - -
-
-
-
-
-
+
+
+
+
+
- +
From 61bf8f822d93e1cad902a5faef4db2e4d4b0623e Mon Sep 17 00:00:00 2001 From: Oliver Newman Date: Fri, 16 Dec 2016 22:24:34 -0500 Subject: [PATCH 08/10] Set theme jekyll-theme-minimal --- _config.yml | 1 + 1 file changed, 1 insertion(+) create mode 100644 _config.yml diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000000..2f7efbeab5 --- /dev/null +++ b/_config.yml @@ -0,0 +1 @@ +theme: jekyll-theme-minimal \ No newline at end of file From 540326dfa214f72a6c97351ef6b5ab9a461e2631 Mon Sep 17 00:00:00 2001 From: Oliver Newman Date: Sat, 17 Dec 2016 11:28:27 -0500 Subject: [PATCH 09/10] Finish day 2 --- 02_js_css_clock/index-FINISHED.html | 98 ------------------------- 02_js_css_clock/index-START.html | 107 ---------------------------- 02_js_css_clock/index.html | 88 ++++++++++++++--------- 3 files changed, 53 insertions(+), 240 deletions(-) delete mode 100644 02_js_css_clock/index-FINISHED.html delete mode 100644 02_js_css_clock/index-START.html diff --git a/02_js_css_clock/index-FINISHED.html b/02_js_css_clock/index-FINISHED.html deleted file mode 100644 index db653a5340..0000000000 --- a/02_js_css_clock/index-FINISHED.html +++ /dev/null @@ -1,98 +0,0 @@ - - - - - JS + CSS Clock - - - - -
-
-
-
-
-
-
- - - - - - - diff --git a/02_js_css_clock/index-START.html b/02_js_css_clock/index-START.html deleted file mode 100644 index a59ddc21f5..0000000000 --- a/02_js_css_clock/index-START.html +++ /dev/null @@ -1,107 +0,0 @@ - - - - - JS + CSS Clock - - -
-
-
-
-
-
-
- - - - - - diff --git a/02_js_css_clock/index.html b/02_js_css_clock/index.html index 1681aa44ea..9f4644fe53 100644 --- a/02_js_css_clock/index.html +++ b/02_js_css_clock/index.html @@ -3,19 +3,6 @@ JS + CSS Clock - - - - -
-
-
-
-
-
-
- - - + window.onload = setTime; + setInterval(setTime, 1000); + From c130503c30c1beea37ed1de0f9b2ff38477e6ad0 Mon Sep 17 00:00:00 2001 From: Oliver Newman Date: Thu, 29 Dec 2016 22:44:59 -0500 Subject: [PATCH 10/10] Merge with upstream --- _config.yml | 1 - 1 file changed, 1 deletion(-) delete mode 100644 _config.yml diff --git a/_config.yml b/_config.yml deleted file mode 100644 index 2f7efbeab5..0000000000 --- a/_config.yml +++ /dev/null @@ -1 +0,0 @@ -theme: jekyll-theme-minimal \ No newline at end of file