rpgzrox/rpg/index.html

<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>ficha</title>
        <link rel="stylesheet" href="css/base.css" />
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="javascript/libs/jquery.js"></script>
        <script type="text/javascript" src="javascript/libs/tata.js"></script>
        <script type="text/javascript" src="javascript/globais.js"></script>
    </head>
    <body>
        <div id="playerDATA">
            <img id="hero" src="images/none.png" />
            <ul>
                <li>
                    <label>vida:</label>
                    <p>0/0</p>
                    <a id="btn">
                        <span class="material-symbols-outlined">
                            arrow_upward
                        </span>
                    </a>
                    <a id="btn">
                        <span class="material-symbols-outlined">
                            arrow_downward
                        </span>
                    </a>
                    <a id="btn" class="editbtn player_life">
                        <span class="material-symbols-outlined"> edit </span>
                        edit
                    </a>
                </li>
                <li>
                    <label>nome:</label>
                    <p>you user name</p>
                    <a id="btn" class="editbtn player_name">
                        <span class="material-symbols-outlined"> edit </span>
                        edit
                    </a>
                </li>
                <li>
                    <label>level:</label>
                    <p>0</p>
                    <a id="btn">
                        <span class="material-symbols-outlined">
                            arrow_upward
                        </span>
                    </a>
                    <a id="btn">
                        <span class="material-symbols-outlined">
                            arrow_downward
                        </span>
                    </a>
                </li>
                <li>
                    <label>idade:</label>
                    <p>0</p>
                    <a id="btn">
                        <span class="material-symbols-outlined">
                            arrow_upward
                        </span>
                    </a>
                    <a id="btn">
                        <span class="material-symbols-outlined">
                            arrow_downward
                        </span>
                    </a>
                </li>
                <li>
                    <label>altura:</label>
                    <p>0,0</p>
                    <a id="btn" class="editbtn">
                        <span class="material-symbols-outlined"> edit </span>
                        edit
                    </a>
                </li>
            </ul>
        </div>
        <div id="box_1">
            <div id="dados">
                <h1>Dados</h1>
                <ul id="list">
                    <li>
                        <a>
                            <span class="material-symbols-outlined">
                                casino
                            </span>
                            1d6
                        </a>
                    </li>
                    <li>
                        <a>
                            <span class="material-symbols-outlined">
                                casino
                            </span>
                            1d10
                        </a>
                    </li>
                    <li>
                        <a>
                            <span class="material-symbols-outlined">
                                casino
                            </span>
                            1d20
                        </a>
                    </li>
                    <li>
                        <a>
                            <span class="material-symbols-outlined">
                                casino
                            </span>
                            1d40
                        </a>
                    </li>
                    <li>
                        <a>
                            <span class="material-symbols-outlined">
                                casino
                            </span>
                            1d50
                        </a>
                    </li>
                    <li>
                        <a>
                            <span class="material-symbols-outlined">
                                casino
                            </span>
                            1d100
                        </a>
                    </li>
                </ul>
                <ul id="log"></ul>
            </div>
            <div id="status">
                <h1>Player Status</h1>
                <ul>
                    <li>
                        <label>
                            conh:
                            <p id="life" class="status_player">0</p>
                            <a id="btn">
                                <span
                                    class="material-symbols-outlined btn-left"
                                >
                                    arrow_upward
                                </span>
                            </a>
                            <a id="btn">
                                <span class="material-symbols-outlined">
                                    arrow_downward
                                </span>
                            </a>
                            <a id="btn" class="editbtn">
                                <span
                                    class="material-symbols-outlined btn-right"
                                >
                                    edit
                                </span>
                            </a>
                        </label>
                    </li>
                    <li>
                        <label>
                            for:
                            <p id="power" class="status_player">0</p>
                            <a id="btn">
                                <span
                                    class="material-symbols-outlined btn-left"
                                >
                                    arrow_upward
                                </span>
                            </a>
                            <a id="btn">
                                <span class="material-symbols-outlined">
                                    arrow_downward
                                </span>
                            </a>
                            <a id="btn" class="editbtn">
                                <span
                                    class="material-symbols-outlined btn-right"
                                >
                                    edit
                                </span>
                            </a>
                        </label>
                    </li>
                    <li>
                        <label>
                            des:
                            <p id="dexterity" class="status_player">0</p>
                            <a id="btn">
                                <span
                                    class="material-symbols-outlined btn-left"
                                >
                                    arrow_upward
                                </span>
                            </a>
                            <a id="btn">
                                <span class="material-symbols-outlined">
                                    arrow_downward
                                </span>
                            </a>
                            <a id="btn" class="editbtn">
                                <span
                                    class="material-symbols-outlined btn-right"
                                >
                                    edit
                                </span>
                            </a>
                        </label>
                    </li>
                    <li>
                        <label>
                            const:
                            <p id="constitution" class="status_player">0</p>
                            <a id="btn">
                                <span
                                    class="material-symbols-outlined btn-left"
                                >
                                    arrow_upward
                                </span>
                            </a>
                            <a id="btn">
                                <span class="material-symbols-outlined">
                                    arrow_downward
                                </span>
                            </a>
                            <a id="btn" class="editbtn">
                                <span
                                    class="material-symbols-outlined btn-right"
                                >
                                    edit
                                </span>
                            </a>
                        </label>
                    </li>
                    <li>
                        <label>
                            int:
                            <p id="intellect" class="status_player">0</p>
                            <a id="btn">
                                <span
                                    class="material-symbols-outlined btn-left"
                                >
                                    arrow_upward
                                </span>
                            </a>
                            <a id="btn">
                                <span class="material-symbols-outlined">
                                    arrow_downward
                                </span>
                            </a>
                            <a id="btn" class="editbtn">
                                <span
                                    class="material-symbols-outlined btn-right"
                                >
                                    edit
                                </span>
                            </a>
                        </label>
                    </li>
                    <li>
                        <label>
                            car:
                            <p id="charisma" class="status_player">0</p>
                            <a id="btn">
                                <span
                                    class="material-symbols-outlined btn-left"
                                >
                                    arrow_upward
                                </span>
                            </a>
                            <a id="btn">
                                <span class="material-symbols-outlined">
                                    arrow_downward
                                </span>
                            </a>
                            <a id="btn" class="editbtn">
                                <span
                                    class="material-symbols-outlined btn-right"
                                >
                                    edit
                                </span>
                            </a>
                        </label>
                    </li>
                </ul>
            </div>
            <div id="inv">
                <h1>Inventario</h1>
                <ul>
                    <li>
                        <label>item_name</label>
                        <label>quantidade</label>
                        <a id="DelBTN">
                            <span class="material-symbols-outlined">
                                close
                            </span>
                        </a>
                    </li>
                </ul>
                <hgroup>
                    <input type="text" placeholder="item name" />
                    <select name="durabilite">
                        <option>duravel?</option>
                        <option value="True">true</option>
                        <option value="False">false</option>
                    </select>
                    <input type="number" placeholder="peso" max="100" />
                    <input type="number" placeholder="quantidade" max="100" />
                    <a id="btn">add</a>
                    <label>
                        <p>0</p>
                        /
                        <p>0</p>
                        <a id="btn">
                            <span class="material-symbols-outlined btn-right">
                                edit
                            </span>
                        </a>
                    </label>
                </hgroup>
            </div>
            <div id="powers">
                <h1>Poderes</h1>
                <ul>
                    <li><a>bla bla bla bla</a></li>
                </ul>
            </div>
        </div>
        <div id="box_2"></div>

        <!-- scripts -->
        <script type="text/javascript" src="javascript/script.js"></script>
        <script type="text/javascript" src="javascript/load_ficha.js"></script>
    </body>
</html>