Merge pull request #973 from Somil-Shukla/BackgroundGenerator-Somil-S…

…hukla Added Background Generator
thinkswell · Oct 16, 2023 · 6dc79e9 · 6dc79e9
2 parents 7999a10 + 73bf0c5
commit 6dc79e9
Show file tree

Hide file tree

Showing 23 changed files with 8,860 additions and 0 deletions.
diff --git a/BackgroundGenerator/Somil-Shukla/README.md b/BackgroundGenerator/Somil-Shukla/README.md
diff --git a/BackgroundGenerator/Somil-Shukla/css/all.min.css b/BackgroundGenerator/Somil-Shukla/css/all.min.css
diff --git a/BackgroundGenerator/Somil-Shukla/css/bootstrap.min.css b/BackgroundGenerator/Somil-Shukla/css/bootstrap.min.css
diff --git a/BackgroundGenerator/Somil-Shukla/css/style.css b/BackgroundGenerator/Somil-Shukla/css/style.css
@@ -0,0 +1,3 @@
+button {
+    margin-top: 50vh
+}
diff --git a/BackgroundGenerator/Somil-Shukla/index.html b/BackgroundGenerator/Somil-Shukla/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+    <!--bootstrap-->
+    <link rel="stylesheet" href="./css/bootstrap.min.css">
+    <!--main-->
+    <link rel="stylesheet" href="./css/style.css">
+    <!--google fonts -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Courgette">
+    <!-- font awesome-->
+    <!-- for local copies of font awesome, ensure webfont folder is also in local root directory-->
+    <link rel="stylesheet" href="./css/all.min.css">
+    </head>
+<body>
+    <div class="container">
+        <div class="row max-height align-items-center text-center">
+            <div class="col">
+                <button class="btn btn-outline-secondary">Click Me!</button>
+            </div> 
+
+        </div>
+
+    </div>
+
+    <!--jQuery-->
+    <script src="./js/jquery-3.4.1.min.js"></script>
+    <!--bootstrap-->
+    <script src="./js/bootstrap.bundle.min.js"></script>
+    <script src="./js/script.js"></script>
+</body>
+</html>
diff --git a/BackgroundGenerator/Somil-Shukla/js/bootstrap.bundle.min.js b/BackgroundGenerator/Somil-Shukla/js/bootstrap.bundle.min.js
diff --git a/BackgroundGenerator/Somil-Shukla/js/jquery-3.4.1.min.js b/BackgroundGenerator/Somil-Shukla/js/jquery-3.4.1.min.js
diff --git a/BackgroundGenerator/Somil-Shukla/js/script.js b/BackgroundGenerator/Somil-Shukla/js/script.js
@@ -0,0 +1,12 @@
+//Choose a random color
+const button = document.querySelector('button')
+const body = document.querySelector('body')
+const colors = ['red', 'green', 'blue', 'yellow', 'pink', 'purple']
+
+body.style.backgroundColor = 'violet'
+button.addEventListener('click', changeBackground)
+
+function changeBackground(){
+const colorIndex= parseInt(Math.random()*colors.length+1)
+body.style.backgroundColor = colors[colorIndex]
+}
diff --git a/BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.eot b/BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.eot
diff --git a/BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.svg b/BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.svg
diff --git a/BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.ttf b/BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.ttf
diff --git a/BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.woff b/BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.woff
diff --git a/BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.woff2 b/BackgroundGenerator/Somil-Shukla/webfonts/fa-brands-400.woff2
diff --git a/BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.eot b/BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.eot
diff --git a/BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.svg b/BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.svg
diff --git a/BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.ttf b/BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.ttf
diff --git a/BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.woff b/BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.woff
diff --git a/BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.woff2 b/BackgroundGenerator/Somil-Shukla/webfonts/fa-regular-400.woff2
diff --git a/BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.eot b/BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.eot
diff --git a/BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.svg b/BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.svg
diff --git a/BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.ttf b/BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.ttf
diff --git a/BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.woff b/BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.woff
diff --git a/BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.woff2 b/BackgroundGenerator/Somil-Shukla/webfonts/fa-solid-900.woff2