kunjgit · Nikhil11200 · Jun 21, 2024
diff --git a/Games/aqua_sort/aboutus.css b/Games/aqua_sort/aboutus.css
@@ -0,0 +1,93 @@
+body {
+    font-family: 'Helvetica Neue', sans-serif;
+    background: linear-gradient(to bottom, #e0f7fa, #fff);
+    color: #333;
+    margin: 0;
+    padding: 0;
+}
+
+.container {
+    width: 90%;
+    max-width: 800px;
+    margin: 50px auto;
+    padding: 20px;
+    background-color: #ffffffd9;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    border-radius: 10px;
+    text-align: center;
+}
+
+header h1 {
+    font-size: 2.5em;
+    color: #00796b;
+    margin: 0;
+    padding-bottom: 20px;
+    border-bottom: 2px solid #00796b;
+}
+
+.content {
+    line-height: 1.6;
+    text-align: left;
+    margin: 20px 0;
+}
+
+.content h2 {
+    font-size: 2em;
+    color: #00796b;
+    margin-top: 20px;
+}
+
+.content p, .content ul {
+    font-size: 1.2em;
+}
+
+.content ul {
+    list-style-type: disc;
+    padding-left: 20px;
+}
+
+.content ul li {
+    margin: 10px 0;
+}
+
+.content ul li strong {
+    color: #004d40;
+}
+
+.back-button {
+    display: inline-block;
+    margin-top: 20px;
+    padding: 10px 20px;
+    font-size: 1em;
+    color: #fff;
+    background-color: #00796b;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    text-decoration: none;
+    transition: background-color 0.3s ease;
+}
+
+.back-button:hover {
+    background-color: #004d40;
+}
+
+@media (max-width: 768px) {
+    .container {
+        width: 95%;
+        margin: 20px auto;
+        padding: 15px;
+    }
+
+    header h1 {
+        font-size: 2em;
+    }
+
+    .content h2 {
+        font-size: 1.5em;
+    }
+
+    .content p, .content ul {
+        font-size: 1em;
+    }
+}
diff --git a/Games/aqua_sort/aboutus.html b/Games/aqua_sort/aboutus.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About Us - Water Sort Game</title>
+    <link rel="stylesheet" href="aboutus.css">
+</head>
+<body>
+    <div class="container">
+        <header>
+            <h1>About Water Sort Wizard</h1>
+        </header>
+        <section class="content">
+            <div class="intro">
+                <h2>Welcome to Water Sort Wizard!</h2>
+                <p>Water Sort Wizard is the ultimate puzzle game that challenges your logical thinking and problem-solving skills. Dive into a world of colorful liquids and enjoy hours of fun and brain-teasing puzzles!</p>
+            </div>
+            <div class="features">
+                <h2>Why Play Water Sort Wizard?</h2>
+                <ul>
+                    <li><strong>Engaging Puzzles:</strong> Hundreds of unique and challenging levels.</li>
+                    <li><strong>Beautiful Graphics:</strong> Enjoy visually stunning and colorful graphics.</li>
+                    <li><strong>Relaxing Experience:</strong> Calming music and smooth gameplay.</li>
+                    <li><strong>Achievements:</strong> Unlock achievements and track your progress.</li>
+                </ul>
+            </div>
+            <div class="team">
+                <h2>Meet Our Team</h2>
+                <p>Our team of dedicated developers and designers work tirelessly to bring you the best puzzle gaming experience. We are passionate about creating games that are both fun and mentally stimulating.</p>
+            </div>
+            <div class="contact">
+                <h2>Contact Us</h2>
+                <p>Have any questions or feedback? We'd love to hear from you! Contact us at <a href="mailto:[email protected]">[email protected]</a>.</p>
+            </div>
+        </section>
+        <button class="back-button" onclick="window.history.back()">Back to Home</button>
+    </div>
+</body>
+</html>
diff --git a/Games/aqua_sort/bg1.jpg b/Games/aqua_sort/bg1.jpg
diff --git a/Games/aqua_sort/index.html b/Games/aqua_sort/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Water Sort Puzzle</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <div id="game">
+        <div id="menu">
+            <button id="menu-heading">WATER SORT PUZZLE</button>
+            <button class="lvl" id="easy">EASY</button>
+            <button class="lvl" id="medium">MEDIUM</button>
+            <button class="lvl" id="hard">HARD</button>
+            <button class="lvl" id="very-hard">VERY HARD</button>
+            <button class="lvl" id="impossible">IMPOSSIBLE</button>
+            <br><br><br>
+            <div id="rules-btn">RULES</div>
+            <button id="about-btn">ABOUT US</button> <!-- Added About Us button -->
+        </div>
+        <div id="level"></div>
+        <div id="rules-page">
+            <div id="rules">
+                <div id="rules-heading">RULES</div>
+                <div id="rules-text">There will be some glasses (or test tubes to be exact xD), your task is to put the liquids with the same color together! You can transfer different colored water from one glass to another only if the other glass is empty or its topmost layer of water is of the same color as that of the one from which water is to be taken. The glass you have selected will be highlighted to prevent confusion. Restart button will take you back to the beginning of the level, also every time you open the same level the water will be shuffled. Check out the real game 'Water Sort Puzzle' on Playstore, I have cloned it.</div>
+                <div id="back">BACK</div>
+            </div>
+        </div>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/Games/aqua_sort/readme.md b/Games/aqua_sort/readme.md
@@ -0,0 +1,53 @@
+# Aqua Sort Game
+
+Aqua Sort is a captivating and addictive puzzle game where players must sort colored water into separate tubes. Each tube can hold multiple layers of water, but only one color can be poured into another at a time. The goal is to complete the sorting process with the fewest possible moves, ensuring that each tube contains only one color of water. This game challenges players' problem-solving skills and strategic thinking.
+
+## Features
+
+- **Challenging Levels**: Multiple levels with increasing difficulty to keep players engaged and entertained.
+- **Simple Controls**: Easy-to-use controls for pouring water between tubes.
+- **Colorful Graphics**: Vibrant and visually appealing colors to enhance the gameplay experience.
+- **Hints and Undo**: Options to get hints or undo the last move to help players solve difficult puzzles.
+- **Achievements and Rewards**: Earn rewards and achievements for completing levels and setting new records.
+- **Time Challenge Mode**: A mode where players must complete the sorting within a time limit for an added challenge.
+- **Offline Mode**: Play the game without an internet connection.
+
+## Game Logic
+
+1. **Setup**:
+    - The game starts with a set of tubes, each containing a mix of colored water layers.
+    - Each tube can hold a maximum of `n` layers of water.
+
+2. **Objective**:
+    - Sort the water so that each tube contains only one color of water.
+
+3. **Gameplay Mechanics**:
+    - Players can pour water from one tube to another.
+    - Water can only be poured if the target tube has space and the top layer of the target tube is the same color or empty.
+    - The game keeps track of the number of moves made by the player.
+
+4. **Move Validation**:
+    - Check if the selected tube has water to pour.
+    - Ensure the target tube has enough space for the additional layer.
+    - Confirm that the top layer of the target tube matches the color being poured or is empty.
+
+5. **Game Flow**:
+    - Players select a tube to pour from and then select a tube to pour into.
+    - If the move is valid, the top layer of water from the first tube is transferred to the second tube.
+    - The game checks if the puzzle is solved after each move.
+    - If all tubes contain only one color, the level is completed.
+
+6. **Hints and Undo**:
+    - Players can use a hint to get a suggestion for the next move.
+    - Players can undo their last move if they make a mistake.
+
+7. **Level Progression**:
+    - As players complete levels, new, more challenging levels are unlocked with more tubes and colors.
+
+## How to Play
+
+1. Select a tube to pour water from.
+2. Select another tube to pour water into.
+3. Continue sorting the water until each tube contains only one color.
+4. Use hints or undo moves if necessary.
+5. Complete levels to unlock new challenges.