Skip to content

Commit

Permalink
Merge pull request #4646 from Ayushmaanagarwal1211/main
Browse files Browse the repository at this point in the history 
Added About us page for aqua sort and aero combat game
  • Loading branch information
@kunjgit
kunjgit authored Jul 1, 2024
2 parents f7d3bbb + 8343813 commit 4eef96c
Show file tree
Hide file tree
Showing 5 changed files with 194 additions and 20 deletions.
73 changes: 73 additions & 0 deletions Games/Aero_Acrobat/about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>About Us - Aero Acrobat</title>
<link rel="stylesheet" href="./assets/stylesheets/main.css">
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
#about-page {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
color: white;
text-align: center;
padding: 20px;
}

#about {
position: relative;
top: 50%;
transform: translateY(-50%);
padding: 20px;
background-color: #333;
margin: auto;
width: 80%;
max-width: 600px;
border-radius: 10px;
}

#about-heading {
font-size: 2em;
margin-bottom: 20px;
font-family: 'Press Start 2P', cursive;
}

#about-text {
font-size: 1.2em;
font-family: 'Press Start 2P', cursive;
}

#back {
margin-top: 20px;
}

#back a {
color: #00f;
text-decoration: none;
font-size: 1.2em;
}

</style>
</head>
<body background="./assets/images/body-bg.jpg">
<h1>About Us</h1>

<div id="about-page">
<div id="about">
<div id="about-heading">ABOUT US</div>
<div id="about-text">
Welcome to Aero Acrobat! Our game development team is dedicated to creating thrilling and entertaining experiences for players of all ages. Aero Acrobat is a fun and challenging game that combines skill and precision to test your acrobatic abilities in the sky. Our goal is to deliver high-quality gaming experiences that keep you engaged and coming back for more. Thank you for playing Aero Acrobat. If you have any questions or feedback, please reach out to us at [email protected].
</div>
<div id="back">
<a href="index.html">BACK TO MAIN PAGE</a>
</div>
</div>
</div>
</body>
</html>
7 changes: 3 additions & 4 deletions Games/Aero_Acrobat/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,11 @@
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<title>Aero Acrobat</title>
<link rel="stylesheet" href="./assets/stylesheets/main.css">
<script type="application/javascript" src="lib/bundle.js"></script>
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body background="./assets/images/body-bg.jpg">
<h1>Aero Acrobat</h1>
Expand All @@ -19,6 +18,6 @@ <h1>Aero Acrobat</h1>
<canvas id="game-canvas" style=""></canvas>
</div>
<div id='sound-button'><i class="material-icons">volume_up</i></div>
<div id='info-button'><i class="material-icons">info_outline</i></div>
<div id='info-button'><a href="about.html"><i class="material-icons">info_outline</i></a></div> <!-- Updated About Us button -->
</body>
</html>
20 changes: 20 additions & 0 deletions Games/AquaSort_Game/aboutus.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>About Us - Water Sort Puzzle</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="about-page">
<div id="about">
<div id="about-heading">ABOUT US</div>
<div id="about-text">
Welcome to Water Sort Puzzle! We are passionate about creating fun and challenging puzzle games that entertain and engage players of all ages. Our team of developers is dedicated to providing high-quality gaming experiences. Water Sort Puzzle is our attempt to bring a simple yet addictive game to your fingertips. We hope you enjoy playing it as much as we enjoyed creating it. For any inquiries or feedback, feel free to contact us at [email protected].
</div>
<div id="back">
<a href="index.html">BACK TO MAIN PAGE</a>
</div>
</div>
</div>
</body>
</html>
33 changes: 18 additions & 15 deletions Games/AquaSort_Game/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,23 +5,26 @@
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id = "game">
<div id = "menu">
<div id = "menu-heading">WATER SORT PUZZLE</div>
<div class = "lvl" id = "easy" onclick = "OpenLevel(0);">EASY</div>
<div class = "lvl" id = "medium" onclick = "OpenLevel(1);">MEDIUM</div>
<div class = "lvl" id = "hard" onclick = "OpenLevel(2);">HARD</div>
<div class = "lvl" id = "very-hard" onclick = "OpenLevel(3)">VERY HARD</div>
<div class = "lvl" id = "impossible" onclick = "OpenLevel(7);">IMPOSSIBLE</div>
<div id="game">
<div id="menu">
<div id="menu-heading">WATER SORT PUZZLE</div>
<div class="lvl" id="easy" onclick="OpenLevel(0);">EASY</div>
<div class="lvl" id="medium" onclick="OpenLevel(1);">MEDIUM</div>
<div class="lvl" id="hard" onclick="OpenLevel(2);">HARD</div>
<div class="lvl" id="very-hard" onclick="OpenLevel(3)">VERY HARD</div>
<div class="lvl" id="impossible" onclick="OpenLevel(7);">IMPOSSIBLE</div>
<br><br><br>
<div id = "rules-btn" onclick = "ShowRules();">RULES</div>
<div id="rules-btn" onclick="ShowRules();">RULES</div>
<div id="about-btn">
<a href="aboutus.html" style="color: white;">ABOUT US</a> <!-- Updated About Us button -->
</div>
</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 same color together! You can transfer different colored water from one glass to another only if the other glass is empty or its top most 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" onclick = "HideRules();">BACK</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 same color together! You can transfer different colored water from one glass to another only if the other glass is empty or its top most 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" onclick="HideRules();">BACK</div>
</div>
</div>
</div>
Expand Down
81 changes: 80 additions & 1 deletion Games/AquaSort_Game/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -242,4 +242,83 @@ body {

#alert-button:hover {
background-color: rgb(150,255,150);
}
}#about-page {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
color: white;
text-align: center;
}

#about {
position: relative;
top: 50%;
transform: translateY(-50%);
padding: 20px;
background-color: #333;
margin: auto;
width: 80%;
max-width: 600px;
border-radius: 10px;
}

#about-heading {
font-size: 2em;
margin-bottom: 20px;
}

#about-text {
font-size: 1.2em;
}

#about-back {
margin-top: 20px;
cursor: pointer;
color: #00f;
}
#about-page {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
color: white;
text-align: center;
}

#about {
position: relative;
top: 50%;
transform: translateY(-50%);
padding: 20px;
background-color: #333;
margin: auto;
width: 80%;
max-width: 600px;
border-radius: 10px;
}

#about-heading {
font-size: 2em;
margin-bottom: 20px;
}

#about-text {
font-size: 1.2em;
}

#back {
margin-top: 20px;
}

#back a {
color: #00f;
text-decoration: none;
font-size: 1.2em;
}

0 comments on commit 4eef96c

Please sign in to comment.