-
Notifications
You must be signed in to change notification settings - Fork 3
/
instructions.html
54 lines (36 loc) · 2.1 KB
/
instructions.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Instructions</title>
<link href="styles/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<h3 class="instructionsPageTitle">How to Play The Art Dealer Game:</h3>
<div class="instructionsBody">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap" rel="stylesheet">
<p> The Art Dealer is a game in which you, the player, attempt to present cards to
the art dealer (the computer) in the hopes that the art dealer accepts all four of
the presented cards. If the art dealer accepts all four cards, you win! Otherwise,
the art dealer will identify which of the cards he is willing to buy, and you will
get another chance to offer the art dealer four cards. </p>
<div class="stepByStep">
<h3>Step by step:</h3>
<p>First, start by selecting the cards you wish to offer by clicking on them.</p>
<img class="instructionsImg" src="pictures/select.png" />
<p>Next, click on the Submit button to offer the cards to the art dealer.</p>
<img class="instructionsImg" src="pictures/submit.png" />
<p>The art dealer will select which cards it wants to buy, and indicate that back.</p>
<img class="instructionsImg" src="pictures/returnOffer.png" />
<p>Afterwards, you can click on the individual cards to remove them one by one,</p>
<img class="instructionsImg" src="pictures/removeCard.png" />
<p> or press the clear button to remove all four cards at once.</p>
<img class="instructionsImg" src="pictures/clear.png" />
<p>If you guess the correct cards each round, you will get a "win" dialog, if not, you will get a "lose" dialog. Either way you will be directed next to the "Game Over Page". Once here just click the button go to the start.</p>
</div>
<div style="width:50%; display:flex; position:absolute; left:25%;">
<button onclick="location.href='./start.html'" id="settingsBtn" type="submit" class="settingsButton">Back</button>
</div>
</div>
</body>
</html>