-
Notifications
You must be signed in to change notification settings - Fork 183
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
5 changed files
with
376 additions
and
286 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,94 +1,137 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device --> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <!-- displays site properly based on user's device --> | ||
|
|
||
| <link rel="icon" href="../assets/favicon.ico" type="image/x-icon"> | ||
| <link rel="stylesheet" href="../styles/FAQs.css"> | ||
| <link rel="icon" href="../assets/favicon.ico" type="image/x-icon" /> | ||
| <link rel="stylesheet" href="../styles/FAQs.css" /> | ||
| <title>FAQs</title> | ||
|
|
||
|
|
||
|
|
||
|
|
||
| <style> | ||
| .attribution { font-size: 11px; text-align: center; } | ||
| .attribution a { color: hsl(228, 45%, 44%); } | ||
| .attribution { | ||
| font-size: 11px; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .attribution a { | ||
| color: hsl(228, 45%, 44%); | ||
| } | ||
| </style> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <div class="bottom-background"> | ||
| <video autoplay muted loop > | ||
| <source src="../assets/videos/FAQ.mp4"> | ||
| </video> | ||
| </div> | ||
| <!-- Your existing content --> | ||
| <div class="bottom-background"> | ||
| <video autoplay muted loop> | ||
| <source src="../assets/videos/FAQ.mp4" /> | ||
| </video> | ||
| </div> | ||
| <!-- Your existing content --> | ||
|
|
||
| <!--<img class="background" src="assets/images/background-pattern-desktop.svg">--> | ||
| <div class="faqcontainer"> | ||
| <h1><img src="../assets/images/icon-star.svg">FAQs</h1> | ||
| <h1><img src="../assets/images/icon-star.svg" />FAQs</h1> | ||
|
|
||
| <div class="question"> | ||
| <details> | ||
| <summary class = "drop"><img src="../assets/images/icon-plus.svg" class = "images"> How do I win the game? | ||
| <summary class="drop"> | ||
| <img src="../assets/images/icon-plus.svg" class="images" /> How do I | ||
| win the game? | ||
| </summary> | ||
| <p>The objective is to capture more boxes than your opponent. Each box you complete by drawing lines between adjacent dots scores you a point. The player with the most points when all boxes are claimed wins the game. | ||
| <p> | ||
| The objective is to capture more boxes than your opponent. Each box | ||
| you complete by drawing lines between adjacent dots scores you a | ||
| point. The player with the most points when all boxes are claimed | ||
| wins the game. | ||
| </p> | ||
| </details> | ||
| </div> | ||
|
|
||
| <div class="question"> | ||
| <details> | ||
| <summary class = "drop2"><img src="../assets/images/icon-plus.svg" class = "images2">How do I set up the game? | ||
| <summary class="drop2"> | ||
| <img src="../assets/images/icon-plus.svg" class="images2" />How do I | ||
| set up the game? | ||
| </summary> | ||
| <p>Choose your desired grid size to customize the game's difficulty. Start by connecting the dots on the grid, taking turns with your opponent. | ||
| <p> | ||
| Choose your desired grid size to customize the game's difficulty. | ||
| Start by connecting the dots on the grid, taking turns with your | ||
| opponent. | ||
| </p> | ||
| </details> | ||
| </div> | ||
|
|
||
| <div class="question"> | ||
| <details> | ||
| <summary class = "drop3"><img src="../assets/images/icon-plus.svg" class = "images3">What happens if I complete a box? | ||
| <summary class="drop3"> | ||
| <img src="../assets/images/icon-plus.svg" class="images3" />What | ||
| happens if I complete a box? | ||
| </summary> | ||
| <p>Completing a box by drawing its final line scores you a point and grants you an extra turn. This strategic element adds depth to gameplay. | ||
|
|
||
| <p> | ||
| Completing a box by drawing its final line scores you a point and | ||
| grants you an extra turn. This strategic element adds depth to | ||
| gameplay. | ||
| </p> | ||
| </details> | ||
| </div> | ||
|
|
||
| <div class="question"> | ||
| <details> | ||
| <summary class = "drop4"><img src="../assets/images/icon-plus.svg" class = "images4">When does the game end? | ||
| <summary class="drop4"> | ||
| <img src="../assets/images/icon-plus.svg" class="images4" />When | ||
| does the game end? | ||
| </summary> | ||
| <p>The game ends when all boxes on the grid have been claimed by drawing lines. At this point, the player with the highest score, based on the number of boxes captured, wins. | ||
| <p> | ||
| The game ends when all boxes on the grid have been claimed by | ||
| drawing lines. At this point, the player with the highest score, | ||
| based on the number of boxes captured, wins. | ||
| </p> | ||
| </details> | ||
| </div> | ||
| <div class="question"> | ||
| <details> | ||
| <summary class = "drop5"><img src="../assets/images/icon-plus.svg" class = "images5">Is there a strategy involved in playing this game? | ||
|
|
||
| <summary class="drop5"> | ||
| <img src="../assets/images/icon-plus.svg" class="images5" />Is there | ||
| a strategy involved in playing this game? | ||
| </summary> | ||
| <p>Yes, strategic line selection is crucial. Thinking ahead to maximize the number of boxes you can capture while preventing your opponent from doing the same is key to winning. | ||
|
|
||
| <p> | ||
| Yes, strategic line selection is crucial. Thinking ahead to maximize | ||
| the number of boxes you can capture while preventing your opponent | ||
| from doing the same is key to winning. | ||
| </p> | ||
| </details> | ||
| </div> | ||
| <div class="question"> | ||
| <details> | ||
| <summary class = "drop6"><img src="../assets/images/icon-plus.svg" class = "images6">What if I need help or have more questions about gameplay? | ||
|
|
||
| <summary class="drop6"> | ||
| <img src="../assets/images/icon-plus.svg" class="images6" />What if | ||
| I need help or have more questions about gameplay? | ||
| </summary> | ||
| <p>If you have any more questions or need assistance with the rules, feel free to refer to the instructions or ask your opponent for clarification.You can also add suggestions in Feedback Form.Enjoy the game! | ||
| <p> | ||
| If you have any more questions or need assistance with the rules, | ||
| feel free to refer to the instructions or ask your opponent for | ||
| clarification.You can also add suggestions in Feedback | ||
| Form.Enjoy the game! | ||
| </p> | ||
| </details> | ||
| </div> | ||
| </div> | ||
|
|
||
| <button style=" | ||
| background-color: grey; | ||
| color: white; | ||
| border: none; | ||
| padding: 10px 20px; | ||
| font-size: 16px; | ||
| cursor: pointer; | ||
| "> | ||
| <a href="../index.html" style="color: white;text-decoration: none;">Back to Home</a> | ||
| </button> | ||
|
|
||
|
|
||
| <script src="../js/FAQs.js"></script> | ||
|
|
||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.