firewaternature/index.html at main · codepec/firewaternature · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!doctype html>
<html lang="de">
  <head>
    <title>fire - water - nature</title>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">


    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
    <script type="text/javascript" src="script.js" defer></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="manifest" href="manifest.json">

    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="icon" type="image/png" href="images/icons/icon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="images/icons/icon-128x128.png" sizes="128x128">

    <link rel="apple-touch-icon" href="images/icons/icon-192x192.png">


  </head>

    <body>


      <div class="middle">
        <h1>Fire Water Nature</h1>
      </div>

      <div class="middle">
      <p>another Rock Paper Scissors game</p>
      </div>

      <div class="middle">
        <button class="buttonGold" id = "buttonNewGame">New Game</button>
        <button class="buttonGold" id = "buttonHighscore">Highscore</button>
        <button class="buttonGold" id = "buttonHelp">Help</button>

      </div>


      <div class="middle">
       <div class="box">
        <table>
          <tr>
            <td class="monitorText">Player</td>
            <td></td>
            <td class="monitorText">Computer</td>
          </tr>
          <tr>
            <td id = "scorePlayer" class="monitorSmall">0</td>
            <td class="monitorText">:</td>
            <td id = "scoreCPU" class="monitorSmall">0</td>
          </tr>
          <tr>
            <td id = "txtPlayer">-</td>
            <td class="monitorText"></td>
            <td id = "txtCPU">-</td>
          </tr>
        </table>
      </div>
         </div>


      <div class="middle">
        <div class="monitor"></div>
      </div>

      <div class="middle">
        <button class="bigButton" id = "firebutton">Fire</button>
        <button class="bigButton" id = "waterbutton">Water</button>
        <button class="bigButton" id = "naturebutton">Nature</button>
        <button class="bigButton" id = "randombutton">Random</button>
      </div>

      <div class="middle">

        <select>
          <option>Options</option>
          <option id="reset"> Reset</option>
          <option id="playerButton">Player</option>
          <option id="highscore">Highscore</option>
        </select>

      </div>


      <!--
      <div class="middle">
      <a href="#">Reset</a>
      <p>Highscore</p>
      <p>Profile</p>
      </div>
-->
      <footer> created by CodePec</footer>


    </body>
</html>