mirror of
https://bitbucket.org/grumdrig/pq-web.git
synced 2026-09-29 08:44:00 -06:00
210 lines
4.9 KiB
HTML
210 lines
4.9 KiB
HTML
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="pq.css" type="text/css">
|
|
<title>Progress Quest</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<img src="logo.png" alt="Progress Quest">
|
|
<br>
|
|
|
|
<div class="vbox window" id="main">
|
|
|
|
<div id="titlebar">
|
|
<img src="swords.gif">
|
|
<span>Progress Quest</span>
|
|
<button style="float:right;color:red" id="quit">X</button>
|
|
</div>
|
|
|
|
<script src="jquery.js"></script>
|
|
<script src="config.js"></script>
|
|
<script src="main.js"></script>
|
|
|
|
<div class="hbox">
|
|
<div class="vbox">
|
|
|
|
<span class="label head" >Character Sheet</span>
|
|
|
|
<table class="listbox">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:25%">Trait</th>
|
|
<th >Value</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="Traits">
|
|
<tr>
|
|
<td>Name</td>
|
|
<td key="Name"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Race</td>
|
|
<td key="Race"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Class</td>
|
|
<td key="Class"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Level</td>
|
|
<td key="Level">1</td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
<thead class="mid">
|
|
<tr>
|
|
<th>Stat</th>
|
|
<th>Value</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="Stats">
|
|
<tr><td>STR</td><td key="STR"></td></tr>
|
|
<tr><td>CON</td><td key="CON"></td></tr>
|
|
<tr><td>DEX</td><td key="DEX"></td></tr>
|
|
<tr><td>INT</td><td key="INT"></td></tr>
|
|
<tr><td>WIS</td><td key="WIS"></td></tr>
|
|
<tr><td>CHA</td><td key="CHA"></td></tr>
|
|
<tr><td>HP Max</td><td key="HP Max"></td></tr>
|
|
<tr><td>MP Max</td><td key="MP Max"></td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="label">Experience</div>
|
|
|
|
<div class="progress-container" id="ExpBar">
|
|
<div class="hint" template="$remaining XP needed for next level"></div>
|
|
<div class="bar" style="width: 50%"></div>
|
|
</div>
|
|
|
|
<span class="label head" >Spell Book</span>
|
|
<div class="scroll listbox">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Spell</th>
|
|
<th style="width:10ex">Level</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="Spells">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="vbox">
|
|
<span class="label head">Equipment</span>
|
|
|
|
<table class="listbox">
|
|
<tbody id="Equips">
|
|
<tr><td style="width:12ex">Weapon</td><td></td></tr>
|
|
<tr><td>Shield</td><td></tr>
|
|
<tr><td>Helm<td></tr>
|
|
<tr><td>Hauberk<td></tr>
|
|
<tr><td>Brassairts<td></tr>
|
|
<tr><td>Vambraces<td></td></tr>
|
|
<tr><td>Gauntlets<td></tr>
|
|
<tr><td>Gambeson<td></tr>
|
|
<tr><td>Cuisses<td></tr>
|
|
<tr><td>Greaves<td></tr>
|
|
<tr><td>Sollerets<td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<span class="label head" >Inventory</span>
|
|
<div class="scroll listbox">
|
|
<table >
|
|
<thead>
|
|
<tr>
|
|
<th >Item</th>
|
|
<th style="width:6ex">Qty</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="Inventory">
|
|
<tr><td>Gold<td>0</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="label">Encumbrance</div>
|
|
<div class="progress-container" id="EncumBar">
|
|
<div class="hint" template="$Position/$Max cubits"></div>
|
|
<div class="bar" style="width: 50%"></div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="vbox">
|
|
|
|
<span class="label head">Plot Development</span>
|
|
<div class="scroll listbox">
|
|
<table>
|
|
<tbody id="Plots">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="progress-container" id="PlotBar">
|
|
<div class="hint" template="$time remaining"></div>
|
|
<div class="bar" style="width: 50%"></div>
|
|
</div>
|
|
|
|
<span class="label head" >Quests</span>
|
|
<div class="scroll listbox">
|
|
<table>
|
|
<tbody id="Quests">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="progress-container" id="QuestBar">
|
|
<div class="hint" template="$percent% complete"></div>
|
|
<div class="bar" style="width: 50%"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="Kill" class="label"></div>
|
|
|
|
<div class="progress-container" id="TaskBar">
|
|
<div class="hint" template="$percent%"></div>
|
|
<div class="bar" style="width: 50%"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<br>
|
|
Cheat
|
|
</body>
|
|
|
|
|
|
<script type="text/charsheet" id="sheet">
|
|
$Traits.Name the $Traits.Race [$hostname]
|
|
"$motto"
|
|
|
|
Level $Traits.Level $Traits.Class (exp. $ExpBar.position/$ExpBar.max)
|
|
|
|
Plot stage: $Plots.last ($PlotBar.hint)
|
|
Quest: $Quests.last ($QuestBar.hint)
|
|
|
|
Stats:
|
|
STR $Stats.STR
|
|
CON $Stats.CON
|
|
DEX $Stats.DEX
|
|
INT $Stats.INT
|
|
WIS $Stats.WIS HP Max $Stats.HP_Max
|
|
CHA $Stats.CHA MP Max $Stats.MP_Max
|
|
|
|
Equipment:
|
|
$Equips.___
|
|
Spell Book:
|
|
$Spells.___
|
|
Inventory ($EncumBar.hint):
|
|
$Inventory.___
|
|
-- $date
|
|
-- Progress Quest 6.3.web - http://progressquest.com/
|
|
</script>
|
|
|
|
</html>
|