back_end e front_end, motoes de editar, tela de login e os caralho a4 '-'
This commit is contained in:
219
rpg/index.html
219
rpg/index.html
@@ -16,39 +16,54 @@
|
||||
<ul>
|
||||
<li>
|
||||
<label>vida:</label>
|
||||
<p>0/0</p>
|
||||
<a id="btn">
|
||||
<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">
|
||||
<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 player_life">
|
||||
<a id="btn" class="editbtn vida">
|
||||
<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">
|
||||
<p id="nmp">you user name</p>
|
||||
<a id="btn" class="editbtn nome">
|
||||
<span class="material-symbols-outlined"> edit </span>
|
||||
edit
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<label>level:</label>
|
||||
<p>0</p>
|
||||
<a id="btn">
|
||||
<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">
|
||||
<a
|
||||
id="btn"
|
||||
class="updown"
|
||||
data-atb="level"
|
||||
data-updown="down"
|
||||
>
|
||||
<span class="material-symbols-outlined">
|
||||
arrow_downward
|
||||
</span>
|
||||
@@ -56,13 +71,23 @@
|
||||
</li>
|
||||
<li>
|
||||
<label>idade:</label>
|
||||
<p>0</p>
|
||||
<a id="btn">
|
||||
<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">
|
||||
<a
|
||||
id="btn"
|
||||
class="updown"
|
||||
data-atb="idade"
|
||||
data-updown="down"
|
||||
>
|
||||
<span class="material-symbols-outlined">
|
||||
arrow_downward
|
||||
</span>
|
||||
@@ -70,8 +95,8 @@
|
||||
</li>
|
||||
<li>
|
||||
<label>altura:</label>
|
||||
<p>0,0</p>
|
||||
<a id="btn" class="editbtn">
|
||||
<p id="alp">0,0</p>
|
||||
<a id="btn" class="editbtn altura">
|
||||
<span class="material-symbols-outlined"> edit </span>
|
||||
edit
|
||||
</a>
|
||||
@@ -82,7 +107,7 @@
|
||||
<div id="dados">
|
||||
<h1>Dados</h1>
|
||||
<ul id="list">
|
||||
<li>
|
||||
<li onclick="roll(6)">
|
||||
<a>
|
||||
<span class="material-symbols-outlined">
|
||||
casino
|
||||
@@ -90,7 +115,7 @@
|
||||
1d6
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<li onclick="roll(10)">
|
||||
<a>
|
||||
<span class="material-symbols-outlined">
|
||||
casino
|
||||
@@ -98,7 +123,7 @@
|
||||
1d10
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<li onclick="roll(20)">
|
||||
<a>
|
||||
<span class="material-symbols-outlined">
|
||||
casino
|
||||
@@ -106,7 +131,7 @@
|
||||
1d20
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<li onclick="roll(40)">
|
||||
<a>
|
||||
<span class="material-symbols-outlined">
|
||||
casino
|
||||
@@ -114,7 +139,7 @@
|
||||
1d40
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<li onclick="roll(50)">
|
||||
<a>
|
||||
<span class="material-symbols-outlined">
|
||||
casino
|
||||
@@ -122,7 +147,7 @@
|
||||
1d50
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<li onclick="roll(100)">
|
||||
<a>
|
||||
<span class="material-symbols-outlined">
|
||||
casino
|
||||
@@ -139,151 +164,169 @@
|
||||
<li>
|
||||
<label>
|
||||
conh:
|
||||
<p id="life" class="status_player">0</p>
|
||||
<a id="btn">
|
||||
<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">
|
||||
<a
|
||||
id="btn"
|
||||
class="updown"
|
||||
data-atb="conhecimento"
|
||||
data-updown="down"
|
||||
>
|
||||
<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">
|
||||
<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">
|
||||
<a
|
||||
id="btn"
|
||||
class="updown"
|
||||
data-atb="força"
|
||||
data-updown="down"
|
||||
>
|
||||
<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">
|
||||
<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">
|
||||
<a
|
||||
id="btn"
|
||||
class="updown"
|
||||
data-atb="destresa"
|
||||
data-updown="down"
|
||||
>
|
||||
<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">
|
||||
<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">
|
||||
<a
|
||||
id="btn"
|
||||
class="updown"
|
||||
data-atb="constituição"
|
||||
data-updown="down"
|
||||
>
|
||||
<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">
|
||||
<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">
|
||||
<a
|
||||
id="btn"
|
||||
class="updown"
|
||||
data-atb="inteligencia"
|
||||
data-updown="down"
|
||||
>
|
||||
<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">
|
||||
<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">
|
||||
<a
|
||||
id="btn"
|
||||
class="updown"
|
||||
data-atb="cárisma"
|
||||
data-updown="down"
|
||||
>
|
||||
<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>
|
||||
@@ -314,8 +357,8 @@
|
||||
<label>
|
||||
<p>0</p>
|
||||
/
|
||||
<p>0</p>
|
||||
<a id="btn">
|
||||
<p id="mip">0</p>
|
||||
<a id="btn" class="editbtn inventario">
|
||||
<span class="material-symbols-outlined btn-right">
|
||||
edit
|
||||
</span>
|
||||
@@ -330,7 +373,19 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="box_2"></div>
|
||||
<div id="box_2">
|
||||
<h1>Texto do Player</h1>
|
||||
<div id="text_lore">
|
||||
<ul>
|
||||
<a id="btn">
|
||||
<span class="material-symbols-outlined btn-right">
|
||||
edit
|
||||
</span>
|
||||
</a>
|
||||
<p id="lore"></p>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- scripts -->
|
||||
<script type="text/javascript" src="javascript/script.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user