chess/index.html at master · lexeyOK/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
<!DOCTYPE html>
<html>
  <head>
    <title>Minimal Chess</title>
    <link rel="stylesheet" type="text/css" href="./style.css">
  </head>
  <body>
    <section class="layout">
      <section class="homepage">
        <div class="main">
          <div class="logo">
            <span>Minimal</span>
            <svg class="pawn" viewBox="0 0 320 512" width="100" title="chess-pawn">
              <path d="M105.1 224H80a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h16v5.49c0 44-4.14 86.6-24 122.51h176c-19.89-35.91-24-78.51-24-122.51V288h16a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-25.1c29.39-18.38 49.1-50.78 49.1-88a104 104 0 0 0-208 0c0 37.22 19.71 69.62 49.1 88zM304 448H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h288a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z" />
            </svg>
            <span>Chess</span>
          </div>
          <h1 class="info-text">Type chess moves here:</h1>
          <div class="input">
            <form action="">
              <div class="input-container">
                <input class="input-text" type="text" placeholder="input move" autocorrect="off" autofocus="" autocapitalize="off" spellcheck="false" autocomplete="off" value="">
                <div class="buttons">
                  <button class="button" id="check">check</button>
                  <button class="button" id="submit">submit</button> </div>
                </div>
            </form>
          </div>
        </div>
      </section>
      <footer>
        <p class="footer-text">minimal chess    </p>
      </footer>
    </section>
  </body>
</html>