Simon-Game/index.html at root · thewolftravel/Simon-Game · 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Simon Game</title>
    <link rel="stylesheet" href="styles.css" />
    <link
      href="https://fonts.googleapis.com/css?family=Press+Start+2P"
      rel="stylesheet"
    />
    <link rel="icon" type="image/x-icon" href="simon.png" />
  </head>
  <body>
    <div class="container">
      <div class="row" id="row1">
        <div type="button" id="green" class="btn green"></div>

        <div type="button" id="red" class="btn red"></div>
      </div>

      <div class="container" id="start">
        <h1 id="level-title">
          Press Here to Start<br />
          <br />Aperta aqui para começar
        </h1>
      </div>

      <div class="row">
        <div type="button" id="yellow" class="btn yellow"></div>
        <div type="button" id="blue" class="btn blue"></div>
      </div>

      <div class="row">
        <div class="en-us">
          <p class="title-instructions">Instructions | English (US):</p>
          <p class="en-instructions">
            1. To start the game, simply press any key on your keyboard.<br />
            2. Pay attention to the sequence of colors and sounds played by the
            game.<br />
            3. Use your mouse to click the color buttons in the same order as
            the game's sequence.<br />
            4. Repeat the sequence correctly to advance to the next level.<br />
            5. The game becomes progressively more challenging as you
            succeed.<br />
          </p>
        </div>
        <div class="pt-br">
          <p class="title-instructions">Instruções | Português (Brasil):</p>
          <p class="pt-instructions">
            1. Para iniciar o jogo, basta pressionar qualquer tecla do seu
            teclado.<br />
            2. Preste atenção na sequência de cores e sons reproduzida pelo
            jogo.<br />
            3. Use o mouse para clicar nos botões de cores na mesma ordem da
            sequência do jogo.<br />
            4. Repita a sequência corretamente para avançar para o próximo
            nível.<br />
            5. O jogo se torna progressivamente mais desafiador à medida que
            você tem sucesso.
          </p>
        </div>
      </div>
    </div>
  </body>
  <footer>
    Built by
    <a href="https://github.com/thewolftravel" target="_blank"
      >@thewolftravel</a
    >
    🐺 Desenvolvido por
    <a href="https://github.com/thewolftravel" target="_blank"
      >@thewolftravel</a
    >
  </footer>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script src="index.js" charset="UTF-8"></script>
</html>