Dragon-Knight/templates/rightside.html

56 lines
1.5 KiB
HTML

<section>
<div class="title"><img src="/assets/images/button_character.gif" alt="Character" title="Character"></div>
<ul class="unstyled">
<li><b>{user.Username}</b></li>
<li>Level: {user.Level}</li>
<li>Exp: {user.Exp}</li>
<li>Gold: {user.Gold}</li>
<li>HP: {user.HP}/{user.MaxHP}</li>
<li>MP: {user.MP}/{user.MaxMP}</li>
<li>TP: {user.TP}/{user.MaxTP}</li>
</ul>
<div id="statbars">
<div class="stat">
<div id="hp" class="container {hpcolor}"><div class="bar" style="height: {hppct}%;"></div></div>
<label>HP</label>
</div>
<div class="stat">
<div id="mp" class="container"><div class="bar" style="height: {mppct}%;"></div></div>
<label>MP</label>
</div>
<div class="stat">
<div id="tp" class="container"><div class="bar" style="height: {tppct}%;"></div></div>
<label>TP</label>
</div>
</div>
<a href="javascript:open_char_popup()">Extended Stats</a>
</section>
<section>
<div class="title"><img src="/assets/images/button_inventory.gif" alt="Inventory" title="Inventory"></div>
<div>
<img src="/assets/images/icon_weapon.gif" alt="Weapon" title="Weapon">
{weaponname}
</div>
<div>
<img src="/assets/images/icon_armor.gif" alt="Armor" title="Armor">
{armorname}
</div>
<div>
<img src="/assets/images/icon_shield.gif" alt="Shield" title="Shield">
{shieldname}
</div>
{slot1name}
{slot2name}
{slot3name}
</section>
<section>
<div class="title"><img src="/assets/images/button_fastspells.gif" alt="Fast Spells" title="Fast Spells"></div>
{magiclist}
</section>