Merge branch 'kunjgit:main' into main

kunjgit · Aug 6, 2024 · 2cff23b · 2cff23b
2 parents e0f131f + 7dad6b1
commit 2cff23b
Show file tree

Hide file tree

Showing 174 changed files with 29,621 additions and 395 deletions.
diff --git a/Games/Balloon_Popup/Balloon_Popup.png b/Games/Balloon_Popup/Balloon_Popup.png
diff --git a/Games/Balloon_Popup/app.js b/Games/Balloon_Popup/app.js
@@ -4,7 +4,7 @@ document.addEventListener('mouseover', function(e){
 
     if (e.target.className === "balloon"){
 
-                e.target.style.backgroundColor = "#ededed";
+                e.target.style.backgroundColor = "rgb(227, 107, 163)";
                 e.target.textContent = "POP!";
                 popped++;
                 removeEvent(e);

diff --git a/Games/Balloon_Popup/ballon.png b/Games/Balloon_Popup/ballon.png
diff --git a/Games/Balloon_Popup/balloon_pop.png b/Games/Balloon_Popup/balloon_pop.png
diff --git a/Games/Balloon_Popup/index.html b/Games/Balloon_Popup/index.html
@@ -9,8 +9,8 @@
 </head>
 <body>
     <div class="wrapper">
-        <h1>Pop the balloons by moving</br>your mouse over them</h1>
-        <div id="yay-no-balloons"><span class="blue">Wow!</span> All balloons popped!</div>
+        <img src="pop.png"; style="height: 200px;width: 250px;background-color:rgb(227, 107, 163) ;margin-left: 220px;"><h1>Pop the balloons by moving<br> your mouse over the them !!  </h1>
+        <div id="yay-no-balloons"><img src="ballon.png"; style="height: 200px;width: 200px;"><span class="blue">!!Wow!!<img src="ballon.png"; style="height: 200px;width: 200px;"><br></span> All balloons popped!</div>
         <div id="balloon-gallery">
             <div class="balloon"></div>
             <div class="balloon"></div>
@@ -36,6 +36,7 @@ <h1>Pop the balloons by moving</br>your mouse over them</h1>
             <div class="balloon"></div>
             <div class="balloon"></div>
             <div class="balloon"></div>
+
         </div>
 
     </div>

diff --git a/Games/Balloon_Popup/pop.png b/Games/Balloon_Popup/pop.png
diff --git a/Games/Balloon_Popup/style.css b/Games/Balloon_Popup/style.css
@@ -1,26 +1,30 @@
 body{
     font-family:sans-serif;
-    padding: 30px;
-    background:#ededed;
+    padding: 50px;
+    background:rgb(227, 107, 163);
 }
 
 .wrapper{
-    max-width: 690px;
-    margin: 0 auto;
+    max-width: 800px;
+    margin-left: 180px;
 }
 
 .blue {
-    color:#3f7abe;
+    color:#b53811;
+    margin-left: 10px;
+   font-size: larger;
 }
 
 h1{
     margin: auto;
-    margin-top: 50px;
+    margin-top: 10px;
     margin-bottom: 50px;
-    color: #08a3d9;
+    margin-left: 120px;
     text-transform: uppercase;
     font-size: 30px;
-    color: #000380;
+    color: #050648;
+    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-weight:bolder;
 }
 
 #balloon-gallery div{
@@ -39,23 +43,23 @@ h1{
 }
 
 #balloon-gallery div:nth-child(3n){
-    background: #ffce00;
-    color: #ffce00;
+    background: #6c0c65;
+    color: #6c0c65;
 }
 
 #balloon-gallery div:nth-child(3n-1){
-    background:#3f7abe;
-    color:#3f7abe;
+    background:#059434;
+    color:#059434;
 }
 
 #balloon-gallery div:nth-child(5n){
-    background:#8e7a8e;
-    color:#8e7a8e;
+    background:#3d1ee8;
+    color: #3d1ee8;
 }
 
 #balloon-gallery div:nth-child(13){
-    background:#8e7a8e;
-    color:#8e7a8e;
+    background:#3d1ee8;
+    color: #3d1ee8;
 }
 
 #balloon-gallery div:nth-child(10n){
@@ -64,11 +68,13 @@ h1{
 }
 
 #balloon-gallery div:nth-child(4n){
+    background:#cdb010;
+    color: #cdb010;
     clear:right;
 }
 
 #yay-no-balloons {
     display:none;
-    color:#ff3300;
-    font-size:100px;
-}
+    color:#0f0f10;
+    font-size:80px;
+}
diff --git a/Games/Gem_Cruncher/README.md b/Games/Gem_Cruncher/README.md
@@ -0,0 +1,69 @@
+# **Game_Name** 
+Gem Cruncher
+---
+<br>
+
+## **Description 📃**
+ Tile-matching puzzle game where players swap adjacent candies on a grid to form vertical or horizontal lines of three or more candies of the same color, which are then cleared from the grid, causing new candies to cascade down to fill the empty space.
+
+## **functionalities 🎮**
+The player aims to swap adjacent Gems to create matches of three or more Gems of the same type. 
+When three or more Gems of the same type are aligned, they disappear from the board.
+New Gem fall from the top to fill the empty spaces, potentially creating new matches (a chain reaction).
+- 
+<br>
+
+## **How to play? 🕹️**
+find and eliminate matches of three or more candies of the same color in a row or column.
+
+<br>
+
+## **Screenshots 📸**
+C:\Users\a\GameZone\Games\Gem_Cruncher\public\pic.png
+
+<br>
+
+## Getting started
+
+Install the dependencies...
+
+```bash
+git clone
+cd Gem_Cruncher
+npm install
+```
+
+```bash
+npm run dev
+```
+
+Navigate to [localhost:5000](http://localhost:5000). You should see the app running and start playing around.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+