Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Aqua Sort game added #4578

Closed
wants to merge 2 commits into from
Closed

Aqua Sort game added #4578

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
076db24
Aqua Sort game added
Nikhil11200 Jun 16, 2024
33609b7
Create readme.md
Nikhil11200 Jun 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
93 changes: 93 additions & 0 deletions Games/aqua_sort/aboutus.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
}
}
40 changes: 40 additions & 0 deletions Games/aqua_sort/aboutus.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>
Binary file added Games/aqua_sort/bg1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
33 changes: 33 additions & 0 deletions Games/aqua_sort/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>
Empty file added Games/aqua_sort/readme.md
View file
Open in desktop
Empty file.
Loading
Loading