From c9e6454c05ec4088e11fa2920e004c5eeac95782 Mon Sep 17 00:00:00 2001 From: Palash Mondal Date: Sat, 8 Jun 2019 21:48:23 +0530 Subject: [PATCH 01/12] Update style.css --- Challenges/Day 01 - JavaScript Drum Kit/style.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/Challenges/Day 01 - JavaScript Drum Kit/style.css b/Challenges/Day 01 - JavaScript Drum Kit/style.css index 1eef4a3..44a5da8 100644 --- a/Challenges/Day 01 - JavaScript Drum Kit/style.css +++ b/Challenges/Day 01 - JavaScript Drum Kit/style.css @@ -1,7 +1,10 @@ html { font-size: 10px; - background: url(https://i.imgur.com/b9r5sEL.jpg) bottom center; - background-size: cover; + /*background: url(https://i.imgur.com/b9r5sEL.jpg) bottom center; + background-size: cover;*/ + background: #2980b9; /* fallback for old browsers */ + background: -webkit-linear-gradient(to right, #2c3e50, #2980b9); /* Chrome 10-25, Safari 5.1-6 */ + background: linear-gradient(to right, #2c3e50, #2980b9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } body, From cecbbe3cf44292be3ffb62854af0f7855730aa4b Mon Sep 17 00:00:00 2001 From: Palash Mondal Date: Sat, 8 Jun 2019 22:34:13 +0530 Subject: [PATCH 02/12] Updated UI --- .../Day 01 - JavaScript Drum Kit/index.html | 110 ++++++++++-------- .../Day 01 - JavaScript Drum Kit/style.css | 55 +++++++-- 2 files changed, 107 insertions(+), 58 deletions(-) diff --git a/Challenges/Day 01 - JavaScript Drum Kit/index.html b/Challenges/Day 01 - JavaScript Drum Kit/index.html index 19d72c6..c621b20 100644 --- a/Challenges/Day 01 - JavaScript Drum Kit/index.html +++ b/Challenges/Day 01 - JavaScript Drum Kit/index.html @@ -8,59 +8,67 @@ - - -

- A - clap -

- S - hihat -

- D - kick -

- F - openhat -

- G - boom -

- H - ride -

- J - snare -

- K - tom -

- L - tink -