JS Drum Kit

From 111d0752c9ada73c5b47783f333057c945eff6d1 Mon Sep 17 00:00:00 2001 From: Reed Hazen Date: Thu, 25 Aug 2022 17:14:15 -0700 Subject: [PATCH 1/6] final for drum kit work --- 01 - JavaScript Drum Kit/index-work.html | 82 ++++++++++++++++++++++++ 1 file changed, 82 insertions(+) create mode 100644 01 - JavaScript Drum Kit/index-work.html diff --git a/01 - JavaScript Drum Kit/index-work.html b/01 - JavaScript Drum Kit/index-work.html new file mode 100644 index 0000000000..363f26e1b4 --- /dev/null +++ b/01 - JavaScript Drum Kit/index-work.html @@ -0,0 +1,82 @@ + + + + + JS Drum Kit + + + + + +

+ A + clap +

+ S + hihat +

+ D + kick +

+ F + openhat +

+ G + boom +

+ H + ride +

+ J + snare +

+ K + tom +

+ L + tink +

+ +

+ + + + + + From 5c8c6f6bc4d81bb6bb5c639e2f1b0f324ae2e284 Mon Sep 17 00:00:00 2001 From: Reed Hazen Date: Sat, 27 Aug 2022 11:03:47 -0700 Subject: [PATCH 2/6] work on Clock --- 02 - JS and CSS Clock/index-work.html | 97 +++++++++++++++++++++++++++ 1 file changed, 97 insertions(+) create mode 100644 02 - JS and CSS Clock/index-work.html diff --git a/02 - JS and CSS Clock/index-work.html b/02 - JS and CSS Clock/index-work.html new file mode 100644 index 0000000000..db226c2c9a --- /dev/null +++ b/02 - JS and CSS Clock/index-work.html @@ -0,0 +1,97 @@ + + + + + JS + CSS Clock + + + + +

+ + + + + + + From 1d94d2782bd4eb2e4de840c7e2ca1da3d1711856 Mon Sep 17 00:00:00 2001 From: Reed Hazen Date: Tue, 30 Aug 2022 15:36:31 -0700 Subject: [PATCH 3/6] work on CSS variables --- 02 - JS and CSS Clock/index-work.html | 21 +++++++- 03 - CSS Variables/index-work.html | 75 +++++++++++++++++++++++++++ 2 files changed, 95 insertions(+), 1 deletion(-) create mode 100644 03 - CSS Variables/index-work.html diff --git a/02 - JS and CSS Clock/index-work.html b/02 - JS and CSS Clock/index-work.html index db226c2c9a..85c293bb7f 100644 --- a/02 - JS and CSS Clock/index-work.html +++ b/02 - JS and CSS Clock/index-work.html @@ -68,12 +68,23 @@ transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1); } + .hour-hand { + width: 30%; + left: 20%; + } + + .second-hand { + background: red; + height: 3px; + } + + + + From ea666182403618b31d77175986284f5adf868a46 Mon Sep 17 00:00:00 2001 From: Reed Hazen Date: Thu, 1 Sep 2022 21:12:46 -0700 Subject: [PATCH 4/6] array practice --- 04 - Array Cardio Day 1/index-work.html | 103 ++++++++++++++++++++++++ 1 file changed, 103 insertions(+) create mode 100644 04 - Array Cardio Day 1/index-work.html diff --git a/04 - Array Cardio Day 1/index-work.html b/04 - Array Cardio Day 1/index-work.html new file mode 100644 index 0000000000..b7af1d2377 --- /dev/null +++ b/04 - Array Cardio Day 1/index-work.html @@ -0,0 +1,103 @@ + + + + + Array Cardio 💪 + + +

Psst: have a look at the JavaScript Console 💁

+ + + From 8da6115e441677e46b6e32e2634b5f84cdb5fdf2 Mon Sep 17 00:00:00 2001 From: Reed Hazen Date: Fri, 2 Sep 2022 16:03:01 -0700 Subject: [PATCH 5/6] flexbox work practice --- 05 - Flex Panel Gallery/index-work.html | 143 ++++++++++++++++++++++++ 1 file changed, 143 insertions(+) create mode 100644 05 - Flex Panel Gallery/index-work.html diff --git a/05 - Flex Panel Gallery/index-work.html b/05 - Flex Panel Gallery/index-work.html new file mode 100644 index 0000000000..a2dec20424 --- /dev/null +++ b/05 - Flex Panel Gallery/index-work.html @@ -0,0 +1,143 @@ + + + + + Flex Panels 💪 + + + + + + +

Hey

Let's

Dance

Give

Take

Receive

Experience

Today

Give

All

You can

Life

Motion

+ + + + + + + From 0e98fa2535e8181e0bf46e2cacb17b2280cd8f92 Mon Sep 17 00:00:00 2001 From: Reed Hazen Date: Mon, 29 Apr 2024 20:42:15 -0700 Subject: [PATCH 6/6] js30 type ahead exercise --- 06 - Type Ahead/index-work.html | 61 +++++++++++++++++++++++++++++++++ 1 file changed, 61 insertions(+) create mode 100644 06 - Type Ahead/index-work.html diff --git a/06 - Type Ahead/index-work.html b/06 - Type Ahead/index-work.html new file mode 100644 index 0000000000..5902b43936 --- /dev/null +++ b/06 - Type Ahead/index-work.html @@ -0,0 +1,61 @@ + + + + + Type Ahead 👀 + + + + + + + +