sudoxreboot/habitica-self-host
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica-self-host.git synced 2026-07-31 19:20:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Center avatar on the page (does this look better? I'll have to AB test

Browse source 
or something)
This commit is contained in:
Tyler Renelle 2012-09-04 15:30:52 -04:00
parent 0391cee8a5
commit 1100c865f8
2 changed files with 44 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
styles/app/index.styl
View file

@ -92,7 +92,10 @@ li:hover .task-meta-controls .hover-show
.item-buy-link
background-color: #ccffcc
#character
#character
float:none
margin:0px auto
td#avatar
vertical-align: top

75
views/app/index.html
View file

@ -20,41 +20,46 @@
<input id="purl-link" type=text class=input-xlarge value="" />
</div>
</div>
<!--<% if current_user %>-->
<table id="character">
<tr>
<td id="avatar">
<div class='avatar-sprites'>
<img class='weapon weapon-{_user.items.weapon}' src="/img/BrowserQuest/habitrpg_mods/weapon{_user.items.weapon}.png" />
<img class='armor armor-{_user.items.armor}' src="/img/BrowserQuest/habitrpg_mods/armor{_user.items.armor}.png" />
</div>
<div id="lvl"><span class="badge badge-info">Lvl: {_user.stats.lvl}</span></div>
</td>
<td id="bars">
<div class="progress progress-danger">
<div class="bar" style="width: {percent(_user.stats.hp, 50)}%;"></div>
<span class="progress-text">HP: {round(_user.stats.hp)} / 50</span>
</div>
<div class="progress progress-warning">
<div class="bar" style="width: {percent(_user.stats.exp,_user._tnl)}%;"></div>
<span class="progress-text">
{#if _user.history.exp}
<a x-bind=click:toggleChart data-toggle-id="exp-chart" data-history-path="_user.history.exp"><i class=icon-signal></i></a>&nbsp;
{/}
Exp: {round(_user.stats.exp)} / {_user._tnl}
</span>
</div>
</td>
</tr>
<tr>
<td colspan=2>
<div id="exp-chart" style="display:none;"></div>
</td>
</tr>
</table>
<div class='container-fluid'>
<div class='row-fluid'>
<div id=character class='span4'>
<table>
<tr>
<td id="avatar">
<div class='avatar-sprites'>
<img class='weapon weapon-{_user.items.weapon}' src="/img/BrowserQuest/habitrpg_mods/weapon{_user.items.weapon}.png" />
<img class='armor armor-{_user.items.armor}' src="/img/BrowserQuest/habitrpg_mods/armor{_user.items.armor}.png" />
</div>
<div id="lvl"><span class="badge badge-info">Lvl: {_user.stats.lvl}</span></div>
</td>
<td id="bars">
<div class="progress progress-danger">
<div class="bar" style="width: {percent(_user.stats.hp, 50)}%;"></div>
<span class="progress-text">HP: {round(_user.stats.hp)} / 50</span>
</div>
<div class="progress progress-warning">
<div class="bar" style="width: {percent(_user.stats.exp,_user._tnl)}%;"></div>
<span class="progress-text">
{#if _user.history.exp}
<a x-bind=click:toggleChart data-toggle-id="exp-chart" data-history-path="_user.history.exp"><i class=icon-signal></i></a>&nbsp;
{/}
Exp: {round(_user.stats.exp)} / {_user._tnl}
</span>
</div>
</td>
</tr>
<tr>
<td colspan=2>
<div id="exp-chart" style="display:none;"></div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<Body:>