Skip to content

Commit

Permalink
Update
Browse files Browse the repository at this point in the history
  • Loading branch information
@Durgesh4993
Durgesh4993 committed Jun 15, 2024
1 parent ddca8cd commit 179450e
Showing 1 changed file with 23 additions and 117 deletions.
140 changes: 23 additions & 117 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,119 +15,6 @@
</head>

<body>


<script src="https://form.jotform.com/static/feedback2.js"></script>
<script>
var componentID = new JotformFeedback({

type: false,
width: 700,
height: 500,
fontColor: "#FFFFFF",
background: "#F59202",
isCardForm: false,
formId: "241546804327457"
,
buttonText: "Feedback",
buttonSide: "left",
buttonAlign: "center",
base: "https://form.jotform.com/",
}).componentID;
</script>
<script src='https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js'></script>
<script>window.jotformEmbedHandler("iframe[id='" + componentID + "_iframe']", "https://form.jotform.com/")</script>
<!-- Setting Page -->
<div class="settings">
<div class="form">
<h1 class="heading"
style="font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;">
▁ ▂ ▄ ▅ ▆ ▇ █ MAXIMISE BOXES!! █ ▇ ▆ ▅ ▄ ▂ ▁
</h1>

<h3 class="instructions-heading">Instructions</h3>

<p class="instructions">
1. Select the number of rows, columns and players. <br>
2. The player who has maximum number of boxes on board is the winner. <br>
3. Players will switch after every turn. But the player who has filled the last box, will get one extra
chance
consecutively. <br>
</p>

</div>

<!-- Form page -->
<div class="form">
<div>
<h2>What size of Board do you want? :</h2>
</div>

<div class="form-item">
<label for="rows">Rows : <span class="details">(between 5 and 30)</span></label>
<input type="number" id="rows" min="5" max="30" value="6" />
</div>

<div class="form-item">
<label for="columns">Columns : <span class="details">(between 5 and 30)</span></label>
<input type="number" id="columns" min="5" max="30" value="6" />
</div>

<div class="form-item">
<label for="players-count">Players : <span class="details">(between 2 and 6)</span></label>
<input type="number" id="players-count" min="2" max="6" value="2" />
</div>

<button class="start-btn">START</button>

</div>

<p class="author">
Created with ❤️ by <a target="_blank" href="#">Chrome Gaming</a>
</p>

</div>
<!-- Exit button -->
<!-- (BUG : resolved by harshcodesit) -->
<form action="#" method="post">
<button class="exit-btn" onclick="exitGame()">Exit</button>
</form>
<!-- Players -->
<div class="players" style="margin-top: 50px;"></div>

<div class="player-turn">
<div class="bg" style="margin-top: 60px;">
<span class="name">PlayerX</span>'s turn
</div>
</div>

<!-- Game Page -->
<div class="board" style="margin-top: 154px;"></div>

<div class="rankings">
<table>
<thead>
<tr>
<th>Rank</th>
<th>Player</th>
<th>Boxes Filled</th>
</tr>
</thead>
<tbody id="ranking-body">
<!-- Rankings will be dynamically updated here -->
</tbody>
</table>
</div>


<!-- Background Videos -->
<video autoplay loop muted plays-inline class="back" id="background-video">
<source src="./background/back4.mp4" type="video/mp4">
</video>

<button class="mute-btn"><i class="fa fa-volume-up fa-2x"></i></button>

=======
<div class="settings">
<video autoplay muted class="video" loop id="myVideo">
<source src="./assets/default.mp4" type="video/mp4">
Expand Down Expand Up @@ -158,21 +45,21 @@ <h3 class="instructions-heading">Instructions</h3>
<div class="form-item">
<label for="rows">Rows : <span class="details">(between 5 and 30)</span></label>
<input type="number" id="rows" min="5" max="30" value="6" />
<p id="rows-error" class="error-message" style="display: none;">Rows should be between 5 and 30</p>
<p id="rows-error" class="error-message" style="display: none; color: red;">Rows should be between 5 and 30</p>
</div>
<br>

<div class="form-item">
<label for="columns">Columns : <span class="details">(between 5 and 30)</span></label>
<input type="number" id="columns" min="5" max="30" value="6" />
<p id="columns-error" class="error-message" style="display: none;">Columns should be between 5 and 30</p>
<p id="columns-error" class="error-message" style="display: none; color: red;">Columns should be between 5 and 30</p>
</div>
<br>

<div class="form-item">
<label for="players-count">Players : <span class="details">(between 2 and 6)</span></label>
<input type="number" id="players-count" min="2" max="6" value="2" />
<p id="players-error" class="error-message" style="display: none;">Players should be between 2 and 6</p>
<p id="players-error" class="error-message" style="display: none; color: red;">Players should be between 2 and 6</p>
</div>
<br>

Expand Down Expand Up @@ -206,7 +93,26 @@ <h3 class="instructions-heading">Instructions</h3>
</div>
</div>
</div>

</body>

<script src="https://form.jotform.com/static/feedback2.js"></script>
<script>
var componentID = new JotformFeedback({

type: false,
width: 700,
height: 500,
fontColor: "#FFFFFF",
background: "#F59202",
isCardForm: false,
formId: "241546804327457"
,
buttonText: "Feedback",
buttonSide: "left",
buttonAlign: "center",
base: "https://form.jotform.com/",
}).componentID;
</script>
<script src='https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js'></script>
<script>window.jotformEmbedHandler("iframe[id='" + componentID + "_iframe']", "https://form.jotform.com/")</script>
</html>

0 comments on commit 179450e

Please sign in to comment.