mirror of
https://bitbucket.org/grumdrig/pq-web.git
synced 2026-09-29 16:54:04 -06:00
187 lines
4.7 KiB
HTML
187 lines
4.7 KiB
HTML
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="pq.css" type="text/css">
|
|
<title>Progress Quest</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="vbox window">
|
|
|
|
<div id="titlebar">
|
|
<img src="swords.gif">
|
|
<span>Progress Quest/web v8.0</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">Crobab</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Race</td>
|
|
<td key="Race">Half Man</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Class</td>
|
|
<td key="Class">Slow Poisoner</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">18</td></tr>
|
|
<tr><td>CON</td><td key="CON">14</td></tr>
|
|
<tr><td>DEX</td><td key="DEX">9</td></tr>
|
|
<tr><td>INT</td><td key="INT">12</td></tr>
|
|
<tr><td>WIS</td><td key="WIS">44</td></tr>
|
|
<tr><td>CHA</td><td key="CHA">12</td></tr>
|
|
<tr><td>HP Max</td><td key="HP Max">343</td></tr>
|
|
<tr><td>MP Max</td><td key="MP Max">6564</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<span class="label" >Experience</span>
|
|
<div class="progress-container" id="ExpBar">
|
|
<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">
|
|
<tr><td>Black Idaho<td>LXI</tr>
|
|
</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>Sharpened Stick</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>
|
|
<tr><td>Cruzle brass<td>15</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<span class="label">Encumbrance</span>
|
|
<div class="progress-container" id="EncumBar">
|
|
<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="bar" style="width: 50%"></div>
|
|
</div>
|
|
|
|
<span class="label head" >Quests</span>
|
|
<div class="scroll listbox">
|
|
<table>
|
|
<tbody id="Quests">
|
|
<tr>
|
|
<td><input type=checkbox checked="true"> Kill all the Bads
|
|
</tr>
|
|
<tr><td> ☑ Kill all the Bads</tr>
|
|
<tr><td> ☒ Kill all the Bads</tr>
|
|
<tr><td> ☐ Kill all the Bads</tr>
|
|
<tr><td> ✓ Kill all the Bads</tr>
|
|
<tr><td> ✔ Kill all the Bads</tr>
|
|
<tr><td> <s>Kill all the Bads</s></tr>
|
|
<tr><td> </tr>
|
|
<tr><td> </tr>
|
|
<tr><td> </tr>
|
|
<tr><td> </tr>
|
|
<tr><td> </tr>
|
|
<tr><td> </tr>
|
|
<tr><td> </tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="progress-container" id="QuestBar">
|
|
<div class="bar" style="width: 50%"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="Kill" class="label">Executing a Greater Wolog</div>
|
|
|
|
<div class="progress-container" id="TaskBar">
|
|
<div class="bar" style="width: 50%"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|