diff --git a/.github/dependabot.yml b/.github/dependabot.yml
new file mode 100644
index 0000000..fe3a155
--- /dev/null
+++ b/.github/dependabot.yml
@@ -0,0 +1,18 @@
+version: 2
+updates:
+ - package-ecosystem: "npm"
+ directory: "/"
+ schedule:
+ interval: "daily"
+ open-pull-requests-limit: 10
+ ignore:
+ - dependency-name: "*"
+ update-types: ["version-update:semver-major"]
+ commit-message:
+ prefix: "chore"
+ - package-ecosystem: "github-actions"
+ directory: "/"
+ commit-message:
+ prefix: "chore"
+ schedule:
+ interval: "monthly"
diff --git a/Challenges/Day 01 - JavaScript Drum Kit/index.html b/Challenges/Day 01 - JavaScript Drum Kit/index.html
index c621b20..0a97996 100644
--- a/Challenges/Day 01 - JavaScript Drum Kit/index.html
+++ b/Challenges/Day 01 - JavaScript Drum Kit/index.html
@@ -3,8 +3,12 @@
- JS Drum Kit
-
+
+
+
+
+ JavaScript Drum Kit | JavaScript30 | @palashmon
+
diff --git a/Challenges/Day 01 - JavaScript Drum Kit/index2.html b/Challenges/Day 01 - JavaScript Drum Kit/index2.html
index 3eaaab4..8083544 100644
--- a/Challenges/Day 01 - JavaScript Drum Kit/index2.html
+++ b/Challenges/Day 01 - JavaScript Drum Kit/index2.html
@@ -3,8 +3,12 @@
- JS Drum Kit
-
+
+
+
+
+ JavaScript Drum Kit #2 | JavaScript30 | @palashmon
+
diff --git a/Challenges/Day 01 - JavaScript Drum Kit/style.css b/Challenges/Day 01 - JavaScript Drum Kit/style.css
index 84d2386..f25dd74 100644
--- a/Challenges/Day 01 - JavaScript Drum Kit/style.css
+++ b/Challenges/Day 01 - JavaScript Drum Kit/style.css
@@ -1,23 +1,26 @@
-@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
-
html {
font-size: 10px;
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+ */
+ background: linear-gradient(300deg, deepskyblue, darkviolet, blue);
+ background-size: 180% 180%;
+ animation: gradient-animation 15s ease infinite;
}
+* {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
body,
html {
- margin: 0;
- padding: 0;
- font-family: 'Montserrat', sans-serif;
height: 100%;
}
+body {
+ font-family: "Raleway", sans-serif;
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
.container {
display: grid;
@@ -111,3 +114,9 @@ input[type='button'] {
background: rgba(0, 0, 0, 0.4);
text-shadow: 0 0 5px black;
}
+
+@keyframes gradient-animation {
+ 0% { background-position: 0% 50%; }
+ 50% { background-position: 100% 50%; }
+ 100% { background-position: 0% 50%; }
+}
diff --git a/README.md b/README.md
index 901b570..689bfa8 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,12 @@
> Course created by [Wes Bos](https://github.com/wesbos). Join the challenge (for free!) here - [JavaScript30](https://javascript30.com/account)
+
+
+
+
+
+
