Files
rpgzrox/rpg/index.html

433 lines
16 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<title>ficha</title>
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/libs/jquery.js"></script>
<script type="text/javascript" src="js/libs/tata.js"></script>
<script type="text/javascript" src="js/globais.js"></script>
</head>
<body>
<div id="playerDATA">
<img id="hero" src="images/none.png" />
<ul>
<li>
<label>vida:</label>
<p id="vdp">0/0</p>
<a id="btn" class="updown" data-atb="vida" data-updown="up">
<span class="material-symbols-outlined">
arrow_upward
</span>
</a>
<a
id="btn"
class="updown"
data-atb="vida"
data-updown="down"
>
<span class="material-symbols-outlined">
arrow_downward
</span>
</a>
<a id="btn" class="editbtn vida">
<span class="material-symbols-outlined"> edit </span>
edit
</a>
</li>
<li>
<label>nome:</label>
<p id="nmp">you user name</p>
<a id="btn" class="editbtn nome">
<span class="material-symbols-outlined"> edit </span>
edit
</a>
<a id="btn" class="share">
<span class="material-symbols-outlined">share</span>
</a>
<a id="btn" class="obs">
<span class="material-symbols-outlined">duo</span>
</a>
</li>
<li>
<label>level:</label>
<p id="lvp">0</p>
<a
id="btn"
class="updown"
data-atb="level"
data-updown="up"
>
<span class="material-symbols-outlined">
arrow_upward
</span>
</a>
<a
id="btn"
class="updown"
data-atb="level"
data-updown="down"
>
<span class="material-symbols-outlined">
arrow_downward
</span>
</a>
</li>
<li>
<label>idade:</label>
<p id="idp">0</p>
<a
id="btn"
class="updown"
data-atb="idade"
data-updown="up"
>
<span class="material-symbols-outlined">
arrow_upward
</span>
</a>
<a
id="btn"
class="updown"
data-atb="idade"
data-updown="down"
>
<span class="material-symbols-outlined">
arrow_downward
</span>
</a>
</li>
<li>
<label>altura:</label>
<p id="alp">0,0</p>
<a id="btn" class="editbtn altura">
<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 onclick="roll(6)">
<a>
<span class="material-symbols-outlined">
casino
</span>
1d6
</a>
</li>
<li onclick="roll(10)">
<a>
<span class="material-symbols-outlined">
casino
</span>
1d10
</a>
</li>
<li onclick="roll(20)">
<a>
<span class="material-symbols-outlined">
casino
</span>
1d20
</a>
</li>
<li onclick="roll(40)">
<a>
<span class="material-symbols-outlined">
casino
</span>
1d40
</a>
</li>
<li onclick="roll(50)">
<a>
<span class="material-symbols-outlined">
casino
</span>
1d50
</a>
</li>
<li onclick="roll(100)">
<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="conhecimento" class="status_player">0</p>
<a
id="btn"
class="updown"
data-atb="conhecimento"
data-updown="up"
>
<span
class="material-symbols-outlined btn-left"
>
arrow_upward
</span>
</a>
<a
id="btn"
class="updown"
data-atb="conhecimento"
data-updown="down"
>
<span class="material-symbols-outlined">
arrow_downward
</span>
</a>
</label>
</li>
<li>
<label>
for:
<p id="força" class="status_player">0</p>
<a
id="btn"
class="updown"
data-atb="força"
data-updown="up"
>
<span
class="material-symbols-outlined btn-left"
>
arrow_upward
</span>
</a>
<a
id="btn"
class="updown"
data-atb="força"
data-updown="down"
>
<span class="material-symbols-outlined">
arrow_downward
</span>
</a>
</label>
</li>
<li>
<label>
des:
<p id="destresa" class="status_player">0</p>
<a
id="btn"
class="updown"
data-atb="destresa"
data-updown="up"
>
<span
class="material-symbols-outlined btn-left"
>
arrow_upward
</span>
</a>
<a
id="btn"
class="updown"
data-atb="destresa"
data-updown="down"
>
<span class="material-symbols-outlined">
arrow_downward
</span>
</a>
</label>
</li>
<li>
<label>
const:
<p id="constitution" class="status_player">0</p>
<a
id="btn"
class="updown"
data-atb="constituição"
data-updown="up"
>
<span
class="material-symbols-outlined btn-left"
>
arrow_upward
</span>
</a>
<a
id="btn"
class="updown"
data-atb="constituição"
data-updown="down"
>
<span class="material-symbols-outlined">
arrow_downward
</span>
</a>
</label>
</li>
<li>
<label>
int:
<p id="inteligencia" class="status_player">0</p>
<a
id="btn"
class="updown"
data-atb="inteligencia"
data-updown="up"
>
<span
class="material-symbols-outlined btn-left"
>
arrow_upward
</span>
</a>
<a
id="btn"
class="updown"
data-atb="inteligencia"
data-updown="down"
>
<span class="material-symbols-outlined">
arrow_downward
</span>
</a>
</label>
</li>
<li>
<label>
car:
<p id="cárisma" class="status_player">0</p>
<a
id="btn"
class="updown"
data-atb="cárisma"
data-updown="up"
>
<span
class="material-symbols-outlined btn-left"
>
arrow_upward
</span>
</a>
<a
id="btn"
class="updown"
data-atb="cárisma"
data-updown="down"
>
<span class="material-symbols-outlined">
arrow_downward
</span>
</a>
</label>
</li>
</ul>
</div>
<div id="inv">
<h1>Inventario</h1>
<ul></ul>
<hgroup>
<input
type="text"
placeholder="item name"
name="item_name"
/>
<select name="durabilite">
<option>duravel?</option>
<option value="True">true</option>
<option value="False">false</option>
</select>
<input
type="number"
name="peso"
placeholder="peso"
max="100"
/>
<input
type="number"
name="quantidade"
placeholder="quantidade"
max="100"
/>
<input type="submit" id="btn" class="inv_add" value="add" />
<label>
<p id="invPA">0</p>
/
<p id="mip">0</p>
<a id="btn" class="editbtn inventario">
<span class="material-symbols-outlined btn-right">
edit
</span>
</a>
</label>
</hgroup>
</div>
<div id="powers">
<h1>Habilidades</h1>
<ul></ul>
<hgroup>
<input
type="text"
placeholder="nome da habilidade"
name="habilidade"
id="habl"
/>
<textarea
id="desc"
name="desc"
placeholder="descreva como sua habilidade ou poder funciona"
></textarea>
<input
type="submit"
id="btn"
class="powerAdd"
value="add"
/>
</hgroup>
</div>
</div>
<div id="box_2">
<h1>Texto do Player</h1>
<div id="text_lore">
<ul>
<a id="btn" class="lore">
<span class="material-symbols-outlined btn-right">
edit
</span>
</a>
<p id="lore"></p>
<textarea id="lore_edit" style="display: none"></textarea>
<input
type="submit"
id="btn"
class="lore_edit"
style="display: none"
value="atualizar"
/>
</ul>
</div>
</div>
<label id="statusPlayer"></label>
<!-- scripts -->
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/load_ficha.js"></script>
</body>
</html>