ultimateroletoolbox/index.html at master · AdryDev92/ultimateroletoolbox · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Ultimate Role's ToolBox</title>
    <link rel="stylesheet" href="./design.css">
  </head>

  <body>
    <h1 id="title1">Ultimate Role's ToolBox</h1>
    <p id="parag1">Here you will find all necessary tools to master an amazing role game with your friends.
    <br>
    From dices, life counters, character's sheets, notes for your inventory, and much more.</p>
<hr>
    <br>

    <div class="SecDices">
      <img src="./images/dicesimage.png" alt="dices section" id="dicesimage">
        <form>
            <input type="button" onclick="dice(4);" class="inputDice" value="D4"> <input type="text" id="D4" placeholder="result" size="7"><br>
            <input type="button" onclick="dice(6);" class="inputDice" value="D6"> <input type="text" id="D6" placeholder="result" size="7"><br>
            <input type="button" onclick="dice(8);" class="inputDice" value="D8"> <input type="text" id="D8" placeholder="result" size="7"><br>
            <input type="button" onclick="dice(10);" value="D10"> <input type="text" id="D10" placeholder="result" size="7"><br>
            <input type="button" onclick="dice(12);" value="D12"> <input type="text" id="D12" placeholder="result" size="7"><br>
            <input type="button" onclick="dice(20);" value="D20"> <input type="text" id="D20" placeholder="result" size="7"><br><br>
            <input type="reset" value="Reset dices">
        </form>

    </div>
<br>
<br>
<img src="./images/counterimage2.png" alt="counters section" id="countersimage">
    <div class="Counters">
      <form id="counters">
        <input type="button" value="+1" onclick="plus();" style="width:40px;"> <input type="text" id="count" placeholder="lifes" size="7"> <input type="button" value="-1" style="width:40px;" onclick="minus();"><br>
        <input type="button" value="+10" onclick="plus10();" style="width:40px;"> <input type="text" id="count10" placeholder="lifes" size="7"> <input type="button" value="-10" style="width:40px;" onclick="minus10();"><br>
        <input type="button" value="+50" onclick="plus50();" style="width:40px;"> <input type="text" id="count50" placeholder="lifes" size="7"> <input type="button" value="-50" style="width:40px;" onclick="minus50();"><br>
        <input type="button" value="+100" onclick="plus100();" style="width:40px;"> <input type="text" id="count100" placeholder="lifes" size="7"> <input type="button" value="-100" style="width:40px;" onclick="minus100();"><br><br>
        <input type="button" value="Reset" onclick="resetCounters()">
      </form>
    </div>

    <script src="src/counter-conf/count-conf.js" type="text/javascript"></script>
    <script src="src/dices-conf/dice-conf.js" type="text/javascript"></script>
  </body>

</html>