beta da beta da beta 0.0.01 '-'
This commit is contained in:
326
rpg/index.html
Normal file
326
rpg/index.html
Normal file
@@ -0,0 +1,326 @@
|
||||
<!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>
|
||||
</head>
|
||||
<body>
|
||||
<div id="playerDATA">
|
||||
<img id="hero" src="images/none.png" />
|
||||
<ul>
|
||||
<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>
|
||||
1d30
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a>
|
||||
<span class="material-symbols-outlined">
|
||||
casino
|
||||
</span>
|
||||
1d40
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a>
|
||||
<span class="material-symbols-outlined">
|
||||
casino
|
||||
</span>
|
||||
1d100
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="log">
|
||||
<li>
|
||||
<label
|
||||
>{user} rolou {dado} e o resultado é {valor}</label
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="status">
|
||||
<h1>Player Status</h1>
|
||||
<ul>
|
||||
<li>
|
||||
<label>
|
||||
vida:
|
||||
<p id="life" class="status_player">0</p>
|
||||
/
|
||||
<p id="max_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 vida">
|
||||
<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>
|
||||
con:
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user