ReactJS-Chess/how_to_play.html at master · arpansahoo/ReactJS-Chess · GitHub

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
<html>

<head>
    <title>How to Play ReactJS Chess</title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="css/how_to_play.css">
    <link rel="shortcut icon" href="./images/favicon.png" />
    <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
</head>

<body>
    <div id="root"></div>
    <script data-href="https://github.com/arpansahoo/reactjs-chess" data-target="_blank" src="https://unpkg.com/github-corners/dist/embed.min.js"></script>
    <style>
        .github-corner > svg {
          fill: #77e1d7;
        }
    </style>

    <div class="wrapper">
        <div class="paragraph_wrapper">
            <h1 class="header">How to Use ReactJS Chess</h1>
            <p class="paragraph">Hello, challenger! Welcome to this majestic realm. You are the white player,
            and your opponent is the black player (a rather unsociable bot). To play, click on the piece you want to move,
            and then click on the desired destination.</p>
            <p class="paragraph">ReactJS Chess makes chess easy for novice players; when you select a piece, the game
            highlights valid destinations. You can also view previous moves by clicking on the arrow buttons, and you
            can even reset the game. But keep in mind that only a weakling would retreat!</p>
        </div>
        <div>
          <h1 class="header">Rules of Chess</h1>
          <p class="paragraph">Don't be a barbarian—learn the rules of chess! Visit
              <a href="https://en.wikipedia.org/wiki/Rules_of_chess" target="_blank">this link</a>
          to do just that. ReactJS Chess implements all of these rules, except for draws (other than stalemate),
          resigning, and time limits.</p>
        </div>
        <p class="paragraph italic">Hope you enjoy playing!</p>
    </div>

</body>

<footer class="footer">
    <p>Made in <img src="./images/react.png" class="footer_img"></img> by Arpan Sahoo.</p>
</footer>

</html>