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

Jump to bottom

Week1 completed #67

Open
wants to merge 11 commits into
base: master
Choose a base branch
from
Open

Week1 completed #67

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
73bfc95
added files
yash6318 Jul 2, 2022
40ac25a
updated webdev
yash6318 Jul 2, 2022
5553658
fixed bug
yash6318 Jul 2, 2022
15c90f9
fixed leaderboard
yash6318 Jul 2, 2022
76b8b15
fixed sound issue in easymode
yash6318 Jul 2, 2022
5b92c1d
fixed sound issue in hardmode
yash6318 Jul 2, 2022
dda5cc8
fixed css
yash6318 Jul 3, 2022
9197da8
updated easy.html
yash6318 Jul 3, 2022
570a90d
updated hard.html
yash6318 Jul 3, 2022
3c6295f
fixed loading in easy
yash6318 Jul 3, 2022
9409c58
fixed loading in hard
yash6318 Jul 3, 2022
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
2 changes: 1 addition & 1 deletion WebDev.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,5 +51,5 @@ Remember, the deadline for this week's task is June 7th, 2022, at 23:59.
<!-- Add you name in below list as -->

<!-- - Your Name - [Repo Name](Link) [Site](Site Link) -->

Yash Agrawal - [CSOC22-Week1](https://github.com/yash6318/CSOC22-Week1/tree/newbyyash) [Site] (https://yash6318.github.io/CSOC22-Week1/)
<!-- - Sanyu Daver - [Tic Tac](https://github.com/sanyud/TicTac) [Site](www.copsiitbhu.co.in) -->
91 changes: 91 additions & 0 deletions easy.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,91 @@
<!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">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="styles/modes.css">
<link rel="icon" href="images/hangman.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arvo&family=Cantarell&family=Merriweather&family=Montserrat&family=Sacramento&family=Tourney:wght@300&display=swap" rel="stylesheet">
<title>Hangman Game-Yash Agrawal</title>
</head>

<body>

<div class="m-0 p-0" id="container">
<div>
<h1 id="heading">Hangman</h1>

<!-- Loading image -->
<div id="loading">
Please wait while the game is loading...
</div>

<!-- lives -->
<div class="m-2 p-2 lives"> Lives left : <span id="no-of-lives"> </span> </div>

<!-- toggle between pages -->
<a href="easy.html"><button class="btn btn-primary m-2 p-2" id="easyBtn">Easy</button></a>
<label class="switch">
<input type="checkbox">
<span class="slider round"></span>
</label>
<a href="hard.html"><button class="btn btn-outline-secondary m-2 p-2" id="hardBtn">Hard</button></a>


</div>

<!-- the hangman -->
<div id="hangman" class="display">
<div class="roof"></div>
<div class="wall"></div>
<div class="rope"></div>
<div class="head display"></div>
<div class="body step2 display"></div>
<div class="arm-left step3 display"></div>
<div class="arm-right step3 display"></div>
<div class="leg-left step4 display"></div>
<div class="leg-right step5 display"></div>
</div>
<!-- the content holder -->
<div id="word"></div>
<div class="main-content">


<div id="word-holder"></div>


<div class="timer">Time Left : <span id="timer"> 300s </span></div>


<div class="streak-count">Streak (of words) : <span id="streak-count"> 0</span></div>



<div class="incorrect-words">
<h3>Incorrect Words:</h3>
<h4>
<div class="incorrect-words" id="incorrect-words"></div>
</h4>
</div>
<!-- hint button -->
<button class="btn btn-outline-warning m-2 p-2" id="hintButton">Hint</button>

<!-- restart game -->
<div id="restart-btn"><button class="btn btn-outline-warning" id="restart-button" >Restart Game</button></div>

<!-- all alphabet to be shown -->
<div id="alphabets-holder"></div>


</div>
</div>
</body>
<script src="scripts/easymode.js"></script>

</html>
93 changes: 93 additions & 0 deletions hard.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
<!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">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="styles/modes.css">
<link rel="icon" href="images/hangman.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arvo&family=Cantarell&family=Merriweather&family=Montserrat&family=Sacramento&family=Tourney:wght@300&display=swap" rel="stylesheet">

<title>Hangman Game-Yash Agrawal</title>
</head>


<body>
<div class="m-0 p-0" id="container">
<div>
<h1 id="heading">Hangman</h1>

<!-- Loading image -->
<div id="loading">
Please wait while the game is loading...
</div>

<!-- lives -->
<div class="m-2 p-2 lives"> Lives left : <span id="no-of-lives"> </span> </div>

<!-- toggle between pages -->
<a href="easy.html"><button class="btn btn-outline-secondary m-2 p-2" id="easyBtn">Easy</button></a>
<label class="switch">
<input type="checkbox" checked="true">
<span class="slider round"></span>
</label>
<a href="hard.html"><button class="btn btn-primary m-2 p-2" id="hardBtn">Hard</button></a>

</div>

<!-- the hangman -->
<div id="hangman" class="display">
<div class="roof"></div>
<div class="wall"></div>
<div class="rope"></div>
<div class="head display"></div>
<div class="body step2 display"></div>
<div class="arm-left step2 display"></div>
<div class="arm-right step2 display"></div>
<div class="leg-left step3 display"></div>
<div class="leg-right step3 display"></div>
</div>
<!-- the content holder -->
<div id="word"></div>
<div class="main-content">


<div id="word-holder"></div>


<div class="timer">Time Left : <span id="timer"> 180s </span></div>


<div class="streak-count">Streak Count : <span id="streak-count"> 0</span></div>


<div class="incorrect-words">
<h3>Incorrect Words:</h3>
<h4>
<div class="incorrect-words" id="incorrect-words"></div>
</h4>
</div>

<!-- hint button -->
<button class="btn btn-outline-warning m-2 p-2" id="hintButton">Hint</button>

<!-- restart game -->
<div id="restart-btn"><button class="btn btn-outline-warning" id="restart-button">Restart Game</button></div>

<!-- all alphabet to be shown -->
<div id="alphabets-holder"></div>


</div>
</div>

</body>

<script src="scripts/hardmode.js"></script>

</html>
Binary file added images/hangman-bg.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.
Binary file added images/hangman.png
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.
36 changes: 36 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!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">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="styles/styles.css">
<link rel="icon" href="images/hangman.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arvo&family=Cantarell&family=Merriweather&family=Montserrat&family=Sacramento&family=Tourney:wght@300&display=swap" rel="stylesheet">

<title>Hangman Game</title>
</head>

<body>
<div class="title">Hangman</div>
<div class="byline">by:- Yash Agrawal</div>
<div class="container">
<form>
<div class="mb-3 ">
<label for="Name" class="form-label my-2" id="instruction">Please enter your name before starting..</label>
<input type="text" class="form-control my-2" id="input-name" aria-describedby="emailHelp">
</div>
<button class="btn" id="enter-btn" type="button">Enter The Game</button>
<button class="btn" id="leaderboard-btn" type="button"> View Leaderboard </button>
</form>
</div>
<script src="scripts/first.js"></script>
</body>


</html>
37 changes: 37 additions & 0 deletions leaderboard.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!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">
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="styles/leaderboard.css">
<link rel="icon" href="images/hangman.png">
<link href="https://fonts.googleapis.com/css2?family=Arvo&family=Cantarell&family=Merriweather&family=Montserrat&family=Sacramento&family=Tourney:wght@300&display=swap" rel="stylesheet">
<title>Leaderboard-Hangman</title>
</head>

<body>
<div class="container">
<h1 id="heading">Leaderboard</h1>
<table class="table table-light table-hover table-responsive align-middle">
<thead class="thead-dark">
<tr id="table-headings">
<th scope="col">Rank</th>
<th scope="col">Name of Player</th>
<th scope="col">Highest Score</th>
</tr>
</thead>
<tbody id="table-body">

</tbody>
</table>
<button class="btn btn-outline-light btn-lg" id="return-btn">Return to Home Page</button>
</div>
</body>
<script src="scripts/leaderboard.js"></script>

</html>
Loading