nre change

sanchitrathore2004 · Jun 1, 2024 · 61925e7 · 61925e7
1 parent 18efc81
commit 61925e7
Show file tree

Hide file tree

Showing 4 changed files with 71 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -17,7 +17,7 @@ doosra dabane se pehla band ----- doneeeeee
 hacker mode 
 
 semirico khatam agr ulti side lga to ---- done
-undo redo ------- bug solving left
+undo redo ------- doneee
 history of moves ko show kro screen pr aur game khatam hone pr local storage me save kro   ----- done
 sound effect lgao bhaii ----- done
 tank ek side se bullet pass krenge ----- done
@@ -29,6 +29,6 @@ swap rico ---------
 abhi kya krna h 
 1. ek ke baad dusra bhi select hona chahiye ------ very important   -------- doneeeee
 2. pop up lgao gameover ka aur ussi pe ek reset btn hona chahiye ------- doneeee
-3. orientation sahi nahi aa rha h kuch kuch browser me ya big screen me. -------- on the wayyy
+3. orientation sahi nahi aa rha h kuch kuch browser me ya big screen me. -------- doneeeee
 4. redo ke bug solve kro ---------- 
-5. HOM rotation pr theek kro --------- 
+5. HOM rotation pr theek kro --------- doneeeee
diff --git a/index.html b/index.html
@@ -7,6 +7,7 @@
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
+    <div class="all">
     <div class="navigation">
         RICOCHET RUMBLE
     </div>
@@ -151,6 +152,7 @@
             </div>
         </div>
     </div>
+</div>
     <script type="module" src="scriptAll.js"></script>
 </body>
 </html>
diff --git a/style.css b/style.css
@@ -418,13 +418,19 @@
     background-color: darkkhaki;
 }
 @media screen and (min-width:1439px) and (max-width:2559px){
+    .all{
+        margin-left: 700px;
+        width: 100px;
+        height: 100px;
+    }
     .playspace{
         width: 800px;
         height: 800px;
         margin-right: 10px;
     }
     .navigation{
-        width: 1445px;
+        width: 1488px;
+        margin-left: -700px;
     }
     .timer{
         margin-left: 820px;
@@ -447,7 +453,37 @@
     }
     .turn{
         margin-left: 995px;
-        margin-top: 100px;
+        margin-top: 60px;
+    }
+}
+@media screen and (min-width:424px) and (max-width:768px){
+    .navigation{
+        width: 1326px;
+    }
+    .start-game{
+        margin-left: 60px;
+        margin-top: 335px;
+        width: 700px;
+    }
+    .rotation{
+        margin-left: 850px;
+    }
+    .btns{
+        margin-top: 250px;
+        margin-left: 1150px;
+    }
+    .timer{
+        margin-left: 820px;
+    }
+    .history{
+        margin-left: 850px;
+        margin-top: 30px;
+        width: 600px;
+    }
+    .playspace{
+        margin-left: 50px;
+        width: 800px;
+        height: 800px;
     }
 }
 @media screen and (min-width:1023px) and (max-width:1439px){
@@ -612,7 +648,7 @@
         display: grid;
         grid-template-columns: 1fr 1fr 1fr;
         margin-top: 874px;
-        margin-left: 578px;
+        margin-left: 628px;
     }
     .history{
         margin-top: 180px;

diff --git a/supportScript.js b/supportScript.js
@@ -301,6 +301,33 @@ for (let i=0;i<brr.length;i++) {
       let rotationAngle=0;
 
       function rotate () {
+        if(colour=="red")
+            {
+                redMoveFrom[p]=ID;
+                p++;
+                let moveFrom=document.createElement('div');
+                moveFrom.innerHTML=`box${ID}`;
+                moveFrom.classList.add("bgcolor");
+                movePieceFrom.appendChild(moveFrom);
+            }
+            else if(colour=="aqua")
+                {
+                    aquaMoveFrom[q]=ID;
+                    q++;
+                    let moveFrom=document.createElement('div');
+                    moveFrom.innerHTML=`box${ID}`;
+                    moveFrom.classList.add("bgcolor");
+                    movePieceFrom.appendChild(moveFrom);   
+                }
+                console.log("FROM",aquaMoveFrom,redMoveFrom);
+                let moveName=document.createElement('div');
+                    moveNameArray[v]=`${colarr[1]} ${colour}`;
+                    v++;
+                    console.log("NAME",moveNameArray);
+                moveName.innerHTML=`${u}) ${colarr[1]} ${colour}`;
+                moveName.classList.add("bgcolor");
+                u++;
+                namePiece.appendChild(moveName);
             let rotationElement = arr[ID].querySelector(".rotatee");
             let currentRotation = rotationElement.dataset.rotationAngle ? parseInt(rotationElement.dataset.rotationAngle) : 0;