larymak · 124amit · Nov 1, 2023
diff --git a/CHESS/Bbishop.png b/CHESS/Bbishop.png
diff --git a/CHESS/Bking.png b/CHESS/Bking.png
diff --git a/CHESS/Bknight.png b/CHESS/Bknight.png
diff --git a/CHESS/Bpawn.png b/CHESS/Bpawn.png
diff --git a/CHESS/Bqueen.png b/CHESS/Bqueen.png
diff --git a/CHESS/Brook.png b/CHESS/Brook.png
diff --git a/CHESS/Chess.css b/CHESS/Chess.css
@@ -0,0 +1,79 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    display: grid;
+    place-items: center;
+    overflow-x: hidden;
+}
+
+h1 {
+    margin: 10px;
+}
+
+ul {
+    display: grid;
+    grid-template-columns: 1fr;
+}
+
+.divv {
+    display: flex;
+}
+
+li {
+    list-style: none;
+    display: grid;
+    place-items: center;
+    font-size: 0px;
+}
+
+.box {
+    margin: .5px;
+    width: 75px;
+    height: 75px;
+}
+
+#tog {
+    margin: 10px 0px;
+}
+
+
+.allimg {
+    width: 45px;
+    position: relative;
+    bottom: 5px;
+}
+
+.allpawn {
+    transform: scale(.7);
+}
+
+.authcont {
+    width: 100vw;
+}
+
+.author {
+    float: right;
+    margin-right: 50px;
+
+}
+
+
+@media (max-width:650px){
+
+    #tog {
+        margin-bottom: 70px;
+
+    }
+
+    .box {
+        width: 11vw;
+        height: 11vw;
+    }
+
+    .allimg {
+        width: 7vw;
+    }
+}
diff --git a/CHESS/Chess.js b/CHESS/Chess.js
diff --git a/CHESS/Wbishop.png b/CHESS/Wbishop.png
diff --git a/CHESS/Wking.png b/CHESS/Wking.png
diff --git a/CHESS/Wknight.png b/CHESS/Wknight.png
diff --git a/CHESS/Wpawn.png b/CHESS/Wpawn.png
diff --git a/CHESS/Wqueen.png b/CHESS/Wqueen.png
diff --git a/CHESS/Wrook.png b/CHESS/Wrook.png
diff --git a/CHESS/index.html b/CHESS/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="author" content="Jahid Khan">
+    <link rel="stylesheet" href="Chess.css">
+
+    <title>Chess</title>
+</head>
+
+
+<body>
+
+    <h1>Chess</h1>
+    <h2 id="tog">White's Turn</h2>
+
+
+
+    <ul>
+
+        <div class="divv" id="row8">
+            <li class="box" id="b801">Brook</li>
+            <li class="box" id="b802">Bknight</li>
+            <li class="box" id="b803">Bbishop</li>
+            <li class="box" id="b804">Bqueen</li>
+            <li class="box" id="b805">Bking</li>
+            <li class="box" id="b806">Bbishop</li>
+            <li class="box" id="b807">Bknight</li>
+            <li class="box" id="b808">Brook</li>
+        </div>
+        <div class="divv" id="row7">
+            <li class="box" id="b701">Bpawn</li>
+            <li class="box" id="b702">Bpawn</li>
+            <li class="box" id="b703">Bpawn</li>
+            <li class="box" id="b704">Bpawn</li>
+            <li class="box" id="b705">Bpawn</li>
+            <li class="box" id="b706">Bpawn</li>
+            <li class="box" id="b707">Bpawn</li>
+            <li class="box" id="b708">Bpawn</li>
+        </div>
+        <div class="divv" id="row6">
+            <li class="box" id="b601"></li>
+            <li class="box" id="b602"></li>
+            <li class="box" id="b603"></li>
+            <li class="box" id="b604"></li>
+            <li class="box" id="b605"></li>
+            <li class="box" id="b606"></li>
+            <li class="box" id="b607"></li>
+            <li class="box" id="b608"></li>
+        </div>
+        <div class="divv" id="row5">
+            <li class="box" id="b501"></li>
+            <li class="box" id="b502"></li>
+            <li class="box" id="b503"></li>
+            <li class="box" id="b504"></li>
+            <li class="box" id="b505"></li>
+            <li class="box" id="b506"></li>
+            <li class="box" id="b507"></li>
+            <li class="box" id="b508"></li>
+        </div>
+        <div class="divv" id="row4">
+            <li class="box" id="b401"></li>
+            <li class="box" id="b402"></li>
+            <li class="box" id="b403"></li>
+            <li class="box" id="b404"></li>
+            <li class="box" id="b405"></li>
+            <li class="box" id="b406"></li>
+            <li class="box" id="b407"></li>
+            <li class="box" id="b408"></li>
+        </div>
+        <div class="divv" id="row3">
+            <li class="box" id="b301"></li>
+            <li class="box" id="b302"></li>
+            <li class="box" id="b303"></li>
+            <li class="box" id="b304"></li>
+            <li class="box" id="b305"></li>
+            <li class="box" id="b306"></li>
+            <li class="box" id="b307"></li>
+            <li class="box" id="b308"></li>
+        </div>
+
+        <div class="divv" id="row2">
+            <li class="box Wpawn" id="b201">Wpawn</li>
+            <li class="box Wpawn" id="b202">Wpawn</li>
+            <li class="box Wpawn" id="b203">Wpawn</li>
+            <li class="box Wpawn" id="b204">Wpawn</li>
+            <li class="box Wpawn" id="b205">Wpawn</li>
+            <li class="box Wpawn" id="b206">Wpawn</li>
+            <li class="box Wpawn" id="b207">Wpawn</li>
+            <li class="box Wpawn" id="b208">Wpawn</li>
+        </div>
+        <div class="divv" id="row1">
+            <li class="box" id="b101">Wrook</li>
+            <li class="box" id="b102">Wknight</li>
+            <li class="box" id="b103">Wbishop</li>
+            <li class="box" id="b104">Wqueen</li>
+            <li class="box" id="b105">Wking</li>
+            <li class="box" id="b106">Wbishop</li>
+            <li class="box" id="b107">Wknight</li>
+            <li class="box" id="b108">Wrook</li>
+        </div>
+
+    </ul>
+    <script src="Chess.js"></script>
+</body>
+
+<script>
+
+
+
+</script>
+
+</html>