diff --git a/01 - JavaScript Drum Kit/background.jpg b/01 - JavaScript Drum Kit/background.jpg index 590036d636..097bd618ed 100644 Binary files a/01 - JavaScript Drum Kit/background.jpg and b/01 - JavaScript Drum Kit/background.jpg differ diff --git a/01 - JavaScript Drum Kit/index.html b/01 - JavaScript Drum Kit/index.html new file mode 100644 index 0000000000..1d2aa42b34 --- /dev/null +++ b/01 - JavaScript Drum Kit/index.html @@ -0,0 +1,91 @@ + + + + + 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/style.css b/01 - JavaScript Drum Kit/style.css index bfdba84312..ea6b9ca377 100644 --- a/01 - JavaScript Drum Kit/style.css +++ b/01 - JavaScript Drum Kit/style.css @@ -19,7 +19,7 @@ body,html { } .key { - border: .4rem solid black; + border: .4rem solid rgb(48,68,118); border-radius: .5rem; margin: 1rem; font-size: 1.5rem; @@ -34,7 +34,8 @@ body,html { .playing { transform: scale(1.1); - border-color: #ffc600; + border-color: rgb(158, 51, 59); + /* border-color: #ffc600; */ box-shadow: 0 0 1rem #ffc600; }