From a4fc6e0d87c2d1bb6655c0adf49f966388d3e445 Mon Sep 17 00:00:00 2001 From: AmrutaJayanti <142327526+AmrutaJayanti@users.noreply.github.com> Date: Thu, 4 Jul 2024 14:00:17 +0530 Subject: [PATCH 1/6] Create index.html --- .../Basic/RGB Color Slider/index.html | 56 +++++++++++++++++++ 1 file changed, 56 insertions(+) create mode 100644 Web Development/Basic/RGB Color Slider/index.html diff --git a/Web Development/Basic/RGB Color Slider/index.html b/Web Development/Basic/RGB Color Slider/index.html new file mode 100644 index 000000000..2c4e09270 --- /dev/null +++ b/Web Development/Basic/RGB Color Slider/index.html @@ -0,0 +1,56 @@ + + + + + + + + RGB Color Slider + + +
+
+

RGB Color Slider

+
+
+

Adjust Your Values

+
+ +
+
+

R

+
+
+ +
+
+
+ +
+
+

G

+
+
+ +
+
+
+ +
+
+

B

+
+
+ +
+
+
+
+
+
+
+
+ + + + From dbf230a433bde515aa280ab0d88be950bfeb2984 Mon Sep 17 00:00:00 2001 From: AmrutaJayanti <142327526+AmrutaJayanti@users.noreply.github.com> Date: Thu, 4 Jul 2024 14:00:41 +0530 Subject: [PATCH 2/6] Add files via upload --- .../Basic/RGB Color Slider/script.js | 56 +++++++++++++++++++ .../Basic/RGB Color Slider/style.css | 28 ++++++++++ 2 files changed, 84 insertions(+) create mode 100644 Web Development/Basic/RGB Color Slider/script.js create mode 100644 Web Development/Basic/RGB Color Slider/style.css diff --git a/Web Development/Basic/RGB Color Slider/script.js b/Web Development/Basic/RGB Color Slider/script.js new file mode 100644 index 000000000..669867e29 --- /dev/null +++ b/Web Development/Basic/RGB Color Slider/script.js @@ -0,0 +1,56 @@ +var sliderR = document.getElementById("R"); +var sliderG = document.getElementById("G"); +var sliderB = document.getElementById("B"); +var square = document.getElementById("square"); + +var outputR = document.getElementById("OutputR"); +var outputG = document.getElementById("OutputG"); +var outputB = document.getElementById("OutputB"); + +outputR.innerHTML = sliderR.value; +outputG.innerHTML = sliderG.value; +outputB.innerHTML = sliderB.value; + +sliderR.oninput = function() { + outputR.innerHTML = this.value; + changeColor(); +} + +sliderG.oninput = function() { + outputG.innerHTML = this.value; + changeColor(); +} + +sliderB.oninput = function() { + outputB.innerHTML = this.value; + changeColor(); +} + +function rgbToHex(r, g, b) { + return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase(); +} + +function changeColor() { + var r = sliderR.value; + var g = sliderG.value; + var b = sliderB.value; + var hexColor = rgbToHex(parseInt(r), parseInt(g), parseInt(b)); + square.style.backgroundColor = `rgb(${r},${g},${b})`; + document.querySelector(".hexacode").innerText = hexColor; +} + +function handleKeyDown(event) { + const step = event.shiftKey ? 10 : 1; + if (event.key === 'ArrowUp' || event.key === 'ArrowRight') { + this.value = Math.min(parseInt(this.value) + step, 255); + } else if (event.key === 'ArrowDown' || event.key === 'ArrowLeft') { + this.value = Math.max(parseInt(this.value) - step, 0); + } + changeColor(); +} + +sliderR.addEventListener('keydown', handleKeyDown); +sliderG.addEventListener('keydown', handleKeyDown); +sliderB.addEventListener('keydown', handleKeyDown); + +changeColor(); diff --git a/Web Development/Basic/RGB Color Slider/style.css b/Web Development/Basic/RGB Color Slider/style.css new file mode 100644 index 000000000..3280ef4e4 --- /dev/null +++ b/Web Development/Basic/RGB Color Slider/style.css @@ -0,0 +1,28 @@ +.container , .H + { + display:flex; + justify-content: center; + } + +#square { + height: 200px; + width: 200px; + background-color: rgb(0,0,0); + + } + +body{ + background-color: rgb(220, 220, 220); +} +#hexa +{ + font: bolder; + font-size: larger; + font-weight: bolder; + border:black 2px solid; + +} +.H +{ + padding: 5px; +} \ No newline at end of file From 8a365ead2233c5abdcaa294a14626a4ebdd8d1ba Mon Sep 17 00:00:00 2001 From: AmrutaJayanti <142327526+AmrutaJayanti@users.noreply.github.com> Date: Thu, 4 Jul 2024 14:05:21 +0530 Subject: [PATCH 3/6] Create README.md --- Web Development/Basic/RGB Color Slider/README.md | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 Web Development/Basic/RGB Color Slider/README.md diff --git a/Web Development/Basic/RGB Color Slider/README.md b/Web Development/Basic/RGB Color Slider/README.md new file mode 100644 index 000000000..9bfe8e083 --- /dev/null +++ b/Web Development/Basic/RGB Color Slider/README.md @@ -0,0 +1,7 @@ +# RGB Color Slider + +You can view my project at [Link](https://rgb-color-slider-ebon.vercel.app/) + +Here's a preview, + +![Screenshot 2024-06-28 103530](https://github.com/AmrutaJayanti/Project-Guidance/assets/142327526/79126243-edbd-4750-9da7-62e4824dafb9) From 1c7ef8b2c1174353ac92ca9e1eef50d67a5657a1 Mon Sep 17 00:00:00 2001 From: AmrutaJayanti <142327526+AmrutaJayanti@users.noreply.github.com> Date: Thu, 4 Jul 2024 14:06:57 +0530 Subject: [PATCH 4/6] Update README.md --- Web Development/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Web Development/README.md b/Web Development/README.md index 274560e81..bd9b39ed2 100644 --- a/Web Development/README.md +++ b/Web Development/README.md @@ -37,7 +37,7 @@ | 61. | [Trimorphic Number Checker](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Trimorphic%20Number%20Checker) | 62. | [Type Writer Effect](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Type%20Writer%20Effect) | 63. | [Weather App](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Weather%20App) | | 64. | [White Board](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/White%20Board) | 65. | [Blurry Loading](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/blurry_loading) | 66. | [Flipbook](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/flipbook) | | 67. | [Pinterest Static](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/pinterest-static) | 68. | [Food Menu Cart](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Food%20Menu%20Cart) | 69. | [Weight Converter](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Weight-Converter) | -| 70. | [Zomato Landing Page](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Zomato-Landing-Page) | 71. | [MarkdownPreviewer](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Markdown%20Previewer) | +| 70. | [Zomato Landing Page](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Zomato-Landing-Page) | 71. | [MarkdownPreviewer](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Markdown%20Previewer) | 72. | [RGB Color Slider](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/RGB%20Color%20Slider) | From 41cebf9aed3e324083f7b4ec173b4fad7e0e3c5f Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Sat, 13 Jul 2024 17:04:47 +0000 Subject: [PATCH 5/6] Bump braces in /Web Development/Intermediate/post-memories-app/client Bumps [braces](https://github.com/micromatch/braces) from 3.0.2 to 3.0.3. - [Changelog](https://github.com/micromatch/braces/blob/master/CHANGELOG.md) - [Commits](https://github.com/micromatch/braces/compare/3.0.2...3.0.3) --- updated-dependencies: - dependency-name: braces dependency-type: indirect ... Signed-off-by: dependabot[bot] --- .../client/package-lock.json | 26 ++++++++++--------- 1 file changed, 14 insertions(+), 12 deletions(-) diff --git a/Web Development/Intermediate/post-memories-app/client/package-lock.json b/Web Development/Intermediate/post-memories-app/client/package-lock.json index edd3702ca..89cc3b0e4 100644 --- a/Web Development/Intermediate/post-memories-app/client/package-lock.json +++ b/Web Development/Intermediate/post-memories-app/client/package-lock.json @@ -3628,11 +3628,21 @@ } }, "braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "requires": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" + }, + "dependencies": { + "fill-range": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", + "requires": { + "to-regex-range": "^5.0.1" + } + } } }, "browser-process-hrtime": { @@ -5655,14 +5665,6 @@ "resolved": "https://registry.npmjs.org/filesize/-/filesize-8.0.7.tgz", "integrity": "sha512-pjmC+bkIF8XI7fWaH8KxHcZL3DPybs1roSKP4rKDvy20tAWwIObE4+JIseG2byfGKhud5ZnM4YSGKBz7Sh0ndQ==" }, - "fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", - "requires": { - "to-regex-range": "^5.0.1" - } - }, "find-cache-dir": { "version": "3.3.2", "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz", From 70d0b423f6f346a16472cd0b8d38a74b5a3cb45a Mon Sep 17 00:00:00 2001 From: Kushal Das Date: Mon, 15 Jul 2024 22:17:50 +0530 Subject: [PATCH 6/6] Create readme.md --- website/readme.md | 1 + 1 file changed, 1 insertion(+) create mode 100644 website/readme.md diff --git a/website/readme.md b/website/readme.md new file mode 100644 index 000000000..8b1378917 --- /dev/null +++ b/website/readme.md @@ -0,0 +1 @@ +