rpg-practice/RPG-Practice.html at main · Noviphyte-Wanderer/rpg-practice · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, intiial-scale=1.0"/>
        <title>RPG - Practice</title>
        <link rel="stylesheet" href="RPG-Practice.css"/>
    </head>
    <body>
        <div id="game">
          <div id="title">
            <span class="gameText" id="gameTitle">RPG PRACTICE</span>
          </div>
          <div id="text-section">
            <div id="text">
            </div>
          </div>
          <div id="dynamic-section">
            <div id="short-stats" class="hide">
              <span class="stat" id="battle-level">Lv: <strong><span id="level-text"></span></strong></span>
              <span class="stat" id="xp">XP: <strong><span id="xpText"></span></strong></span>
              <span class="stat" id="health">Health: <strong><span id="health-text"></span></strong> / <strong><span id="max-health-text"></span></strong></span>
              <span class="stat" id="gold">Gold: <strong><span id="gold-text"></span></strong></span>
            </div>
            <div id="battle-stats" class="hide">
              <span class="battle-stats-section" id="battle-stats-title">STATS </span>
              <span class="stat battle-stat" id="strength">STR: <strong><span id="strength-text"></span></strong></span>
              <span class="stat battle-stat" id="defense">DEF: <strong><span id="defense-text"></span></strong></span>
            </div>
            <div id="inventory" class="hide">
              <span class="inventory" id="inventory-title">INVENTORY</span>
              <div class="hide" id="inventory-list">
              </div>
            </div>
          </div>
          <div id="store-section" class="hide">
            <span class="store" id="store-section-title">STORE</span>

          </div>
          <div id="controls">
          </div>
        </div>
        <footer>
            <p>V0.0.13 Alpha</p>
        </footer>
        <script src="RPG-Practice.js"></script>
    </body>
</html>