summaryrefslogtreecommitdiff
path: root/templates/api/charsheet-public.html
blob: d06a5f6f5b27ec9f46ac4f2548df491b6e7e3c3a (plain)
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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <title>LCOLONQ CHARACTER BUILDING EXERCISE</title>
        <link rel="icon" href="./assets/mrgreen.png">
        <link rel="stylesheet" type="text/css" href="./assets/charsheet/charsheet.css">
        <script type="module">
CONFIG_SUBST
         globalThis.mode = "charsheet";
        </script>
        <script type="module" src="./assets/charsheet/gl-matrix-min.js"></script>
        <script type="module" src="./assets/charsheet/charsheet.js"></script>
        <script type="module">
          document.addEventListener("DOMContentLoaded", globalThis.mainPublic);
        </script>
    </head>
    <body>
      <script>0</script>
      <div id="error" class="invisible">
        <div id="error-message">
          an error occured
        </div>
      </div>
      <div id="contents" class="invisible">
        <div id="name">
          <h1>player unknown</h1>
          <a id="login" href="https://secure.colonq.computer/charedit">login</a>
        </div>
        <div id="visualization">
          <canvas id="canvas" width="720" height="720"></canvas>
          <div id="visualization-overlay">
            <div id="visualization-grabber"></div>
            <div id="visualization-line"></div>
            <div id="visualization-label">
              Figure 1: Entity Visualization
            </div>
          </div>
          <div id="badges">badges go here</div>
        </div>
        <div id="infobox1" class="infobox">
          <div class="infobox-title">Table 1: Numerical Characteristics</div>
          <table>
            <tr><td>equity</td><td id="info-equity">N/A</td></tr>
            <tr><td>boost power</td><td id="info-boost">N/A</td></tr>
            <tr><td>talent points</td><td id="info-talentpoints">N/A</td></tr>
            <tr><td>cards drawn</td><td id="info-cardsdrawn">N/A</td></tr>
          </table>
          <div class="infobox-title">Table 1.1: Base Attributes</div>
          <table>
            <tr><td>power</td><td id="info-power">N/A</td></tr>
            <tr><td>speed</td><td id="info-speed">N/A</td></tr>
            <tr><td>majjyka</td><td id="info-majjyka">N/A</td></tr>
            <tr><td>wisdom</td><td id="info-wisdom">N/A</td></tr>
          </table>
        </div>
        <div id="infobox2" class="infobox">
          <div class="infobox-title">Table 2: Tendencies / Affiliations</div>
          <table>
            <tr><td>faction</td><td id="info-faction">N/A</td></tr>
            <tr><td>elemental affinity</td><td id="info-element">N/A</td></tr>
            <tr><td>color</td><td id="info-color">N/A</td></tr>
          </table>
        </div>
      </div>
    </body>
</html>