add snake water gun game

README.md

@@ -167,7 +167,7 @@ Happy coding!
 | [Roulette Game](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Roulette%20Game) | [RSS Finder](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/RSS%20Finder) | [Ruby Code Editor](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Ruby%20Code%20Editor) | [Screen Pet Game](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Screen%20Pet%20Game) | [Screenshot Extension](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Screenshot%20Extension) |
 | [Scroll To Top](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Scroll%20To%20Top) | [Shoe Size Checker](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Shoe%20Size%20Checker) | [Shoot Duck Game](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Shoot%20Duck%20Game) | [Shopping Cart Saver](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Shopping%20Cart%20Saver) | [ShrekVsWild Game](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/ShrekVsWild%20Game) |
 | [ShroomKnight](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/ShroomKnight) | [Simon Game](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Simon%20Game) | [Simple Extension](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Simple%20Extension) | [Simple Intrest Calculator](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Simple%20Intrest%20Calculator) | [Smart Shopping Assistant](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Smart%20Shopping%20Assistant) |
-| [Smashing Blocks](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Smashing%20Blocks) | [Snake game Extension](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Snake%20game%20Extension) | [Social Media Limiter](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Social%20Media%20Limiter) | [Song By Word Extension](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Song%20By%20Word%20Extension) | [Song Tracker](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Song%20Tracker) |
+| [Smashing Blocks](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Smashing%20Blocks) | [Snake game Extension](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Snake%20game%20Extension) | [Snake Water Gun ](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Snake%20Water%20Gun) | [Social Media Limiter](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Social%20Media%20Limiter) | [Song By Word Extension](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Song%20By%20Word%20Extension) | [Song Tracker](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Song%20Tracker) |
 | [Sound Booster Extension](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Sound%20Booster%20Extension) | [Space Adventure](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Space%20Adventure) | [Space Dominator](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Space%20Dominator) | [Space Invader](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Space%20Invader) | [Space Shooter](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Space%20Shooter) |
 | [Spline](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Spline) | [Squid Game](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Squid%20Game) | [Stand Up](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Stand%20Up) | [Steam Punk](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Steam%20Punk) | [Stick Hero With Canvas Game](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Stick%20Hero%20With%20Canvas%20Game) |
 | [Stock Price Tracker](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Stock%20Price%20Tracker) | [Stock Trading](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Stock%20Trading) | [Stopwatch](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Stopwatch) | [Stress Management Tips](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/Stress%20Management%20Tips) | [String Integer](https://github.com/Sulagna-Dutta-Roy/GGExtensions/tree/master/String%20Integer) |

Snake Water Gun/composer.json

@@ -0,0 +1 @@
+{}

Snake Water Gun/index.html

@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta id="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Snake Water and Gun Game</title>
+    <link rel="stylesheet" href="static/css/swg.css">
+    <link href="https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@800&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Acme&display=swap" rel="stylesheet">
+</head>
+
+<body onload="sign()">
+    <div id="entry"></div>
+    <div id="game">
+        <div id="scoreBoard">
+            <div class="board">
+                <div>System</div>
+                <div id="systemScore">00</div>
+            </div>
+            <div class="board">
+                <div>Round</div>
+                <div id="rounds">00/00</div>
+            </div>
+            <div class="board">
+                <div id="userName">You</div>
+                <div id="userScore">00</div>
+            </div>
+        </div>
+        <div id="area">
+            <div id="warArea">
+                <div id="fight"></div>
+                <div id="msg">
+
+                </div>
+                <div id="result">
+
+                </div>
+            </div>
+            <div id="army">
+                <div class="coin">
+                    <div id="system"></div>
+                    <p>system</p>
+                </div>
+                <div id="state">
+
+                </div>
+                <div class="coin">
+                    <div id="user"></div>
+                    <p>You </p>
+                </div>
+            </div>
+        </div>
+        <p id="question">What you want to make ?</p>
+        <div id="home">
+            <div id="1" class="weapon">
+                <img src="static/images/snake.jpg" alt="snake">
+                <p>Snake</p>
+            </div>
+            <div id="2" class="weapon">
+                <img src="static/images/water.jpg" alt="water">
+                <p>Water</p>
+            </div>
+            <div id="3" class="weapon">
+                <img src="static/images/gun.jpg" alt="gun">
+                <p>Gun</p>
+            </div>
+        </div>
+    </div>
+    <div id="end"></div>
+
+    <div id="info" class="flex">
+        <h1>About Game</h1>
+        <P>In this game you have to choose between snake,water and gun. Snake kills the water, water kills the gun and gun kills the snake. In this game winner will get 1 point. if both choose the same then both will get 1 points. in total of 10 rounds who
+            gets the highest points will be considered as winner.</br> <br> let's check how lucky you are, have fun. <br><br> Your feedback is vaued for us to improve and develop more better applications.</P>
+    </div>
+    <script src="static/js/swg.js"></script>
+</body>
+
+</html>

Snake Water Gun/index.php

@@ -0,0 +1 @@
+<?php include_once("index.html"); ?>

Snake Water Gun/static/css/swg.css

@@ -0,0 +1,259 @@
+* {
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+}
+
+.flex {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+#scoreBoard {
+    display: flex;
+    height: 10vh;
+    padding: 5px;
+    background-color: rgb(185, 182, 1);
+    text-align: center;
+    justify-content: center;
+}
+
+.board p {
+    margin: 0px;
+    padding: 0;
+    width: 100%;
+    height: max-content;
+    text-align: center;
+}
+
+.board {
+    width: 80%;
+    overflow: auto;
+    height: 8vh;
+    align-items: center;
+    justify-content: center;
+    background-color: white;
+    font-size: 3vh;
+    margin: 10px;
+    border-radius: 30px;
+}
+
+
+/* -----END of score board section ----- */
+
+#area {
+    padding: 5px;
+    border: 10px solid maroon;
+    background-color: rgb(255, 254, 254);
+}
+
+#warArea {
+    align-items: center;
+    background-color: whitesmoke;
+    height: 45vh;
+}
+
+#msg {
+    justify-content: center;
+}
+
+#msg p {
+    border: 4px solid black;
+    background-color: white;
+    border-radius: 80px 80px 0 80px;
+    padding: 25px;
+    margin: 40px;
+    text-align: center;
+    font-size: 4vh;
+}
+
+#result {
+    box-sizing: content-box;
+    margin: 30px;
+    background-color: white;
+    font-size: 7vh;
+    /* height: 10vh; */
+    text-align: center;
+    justify-content: center;
+}
+
+#fight {
+    height: 15vh;
+    width: 20vh;
+    background-color: red;
+    margin: 10px auto;
+    border-radius: 24px;
+}
+
+#fight img {
+    height: 15vh;
+    width: 20vh;
+}
+
+
+/* selected options section */
+
+#army {
+    height: 15vh;
+    margin: 10px auto;
+    width: 90%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+#army p {
+    text-decoration: black;
+    text-align: center;
+    font-size: 2vh;
+    padding: 10px;
+}
+
+.coin {
+    background-color: white;
+    border-radius: 28px;
+    width: 16vh;
+    height: 10vh;
+    margin: auto;
+}
+
+
+#system,#user {
+
+
+    height: 10vh;
+
+#system {
+    height: 8vh;
+
+    width: 15vh;
+    margin: auto;
+    border-radius: 23px;
+    border: 8px solid gold;
+}
+    height: 8vh;
+    width: 15vh;
+    margin: auto;
+    border-radius: 18px;
+    border: 4px solid gold;
+}
+
+#user {
+    border-radius: 23px;
+    border: 8px solid gold;
+    height: 8vh;
+    margin: auto;
+    width: 15vh;
+}
+
+#state {
+    margin: auto;
+    font-size: 1rem;
+}
+
+#home {
+    display: flex;
+    background-color: yellow;
+    border: 10px solid yellowgreen;
+    padding: 5px;
+    justify-content: center;
+    align-items: center;
+}
+
+#question {
+    border: 10px solid yellowgreen;
+    border-bottom: none;
+    background-color: white;
+    font-size: 3em;
+    height: max-content;
+    color: red;
+    padding: 4px;
+    overflow: auto;
+    /* margin: 0; */
+    text-align: center;
+}
+
+
+/* user planel */
+#user img,#system img {
+    height: 7vh;
+    width: 14vh;
+    margin: auto;
+    border-radius: 18px;
+
+}
+
+.weapon {
+    border: 10px solid white;
+    border-radius: 25px;
+    background-color: white;
+    font-size: 2.5vh;
+    margin: 20px;
+    height: 12vh;
+    width: 20vh;
+    text-align: center;
+}
+.weapon img{
+    height: 7vh;
+    width: 14;
+}
+
+#info {
+    height: 80vh;
+    justify-content: flex-start;
+    padding: 12px;
+    margin: 5vh auto;
+}
+
+#info h1 {
+    font-size: 6em;
+    margin: 1vh;
+    font-family: 'Courier New', Courier, monospace;
+}
+
+#info p {
+    text-indent: 100px;
+    font-size: 3vh;
+    margin: 1vh 3vh;
+    text-align: justify;
+    font-family: cursive;
+}
+
+#devinfo {
+    border: 1px solid black;
+    border-radius: 23px;
+    height: max-content;
+    margin: 5vh 1vh 2vh 1vh;
+}
+
+#devinfo p {
+    text-align: center;
+    font-size: 2vh;
+    margin: 1vh;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+#devinfo img {
+    height: 4vh;
+    width: 4vh;
+    border-radius: 8px;
+    padding: 2px;
+}
+
+#devinfo a {
+    font-family: cursive;
+}
+
+#devinfo span {
+    padding: 1vh;
+    margin-bottom: 1vh;
+}
+
+@media(min-width:1024px) {
+    #abs {
+        left: 50%;
+        margin-left: -50vh;
+    }
+}