ikrpg.github.io/_posts/0000-01-01-Character-Sheets.html
2015-09-20 14:15:53 +02:00

1050 lines
No EOL
47 KiB
HTML

---
layout: ikrpg
tags: [ Version 1 ]
---
<style>
form#import-export { display: none; }
form#import-export:target { display: block; }
#seed { display: block; width: 100%; max-height: 26px; overflow: none; }
.character-sheet {
margin-top: 3em;
width: 980px; }
.fmf.page1 {
height: 711px;
background: url(/static/images/sheet/FMF-1.jpeg) no-repeat;
background-size: 980px 711px; }
.fmf.page2 {
height: 688px;
background: url(/static/images/sheet/FMF-2.jpeg) no-repeat;
background-size: 980px 688px; }
.iku.page1 {
height: 713px;
background: url(/static/images/sheet/IKU-1.jpeg) no-repeat;
background-size: 980px 713px; }
.iku.page2 {
height: 689px;
background: url(/static/images/sheet/IKU-2.jpeg) no-repeat;
background-size: 980px 689px; }
input { position: absolute; font-size: 13px; padding: 2px 1px; font-family: Arial; border: 0; background-color: transparent; }
.hero-name { margin: 20px 0 0 4px; width: 236px; }
#sex { margin: 20px 0 0 250px; width: 39px; }
#definingcharacteristics { margin: 20px 0 0 300px; width: 304px; }
#weight { margin: 20px 0 0 619px; width: 82px; }
#archetype { margin: 48px 0 0 4px; width: 86px; }
#race { margin: 48px 0 0 105px; width: 78px; }
#careers { margin: 48px 0 0 198px; width: 126px; }
#faith { margin: 48px 0 0 333px; width: 86px; }
#playername { margin: 48px 0 0 433px; width: 172px; }
#height { margin: 48px 0 0 619px; width: 82px; }
#level { margin: 20px 0 0 720px; width: 79px; text-align: center; }
#xp { margin: 48px 0 0 720px; width: 79px; text-align: center; }
div#portrait {}
#phy { margin: 330px 0 0 10px; width: 42px; font-size: 30px; text-align: center; }
#phymax { margin: 352px 0 0 60px; width: 18px; text-align: center; }
#agl { margin: 443px 0 0 10px; width: 42px; font-size: 30px; text-align: center; }
#aglmax { margin: 465px 0 0 60px; width: 18px; text-align: center; }
#str { margin: 363px 0 0 92px; width: 32px; font-size: 20px; text-align: center; }
#strmax { margin: 376px 0 0 129px; width: 13px; text-align: center; }
#int { margin: 556px 0 0 10px; width: 42px; font-size: 30px; text-align: center; }
#intmax { margin: 578px 0 0 60px; width: 18px; text-align: center; }
#prw { margin: 428px 0 0 92px; width: 32px; font-size: 20px; text-align: center; }
#prwmax { margin: 441px 0 0 129px; width: 13px; text-align: center; }
#poi { margin: 476px 0 0 92px; width: 32px; font-size: 20px; text-align: center; }
#poimax { margin: 489px 0 0 129px; width: 13px; text-align: center; }
#spd { margin: 315px 0 0 92px; width: 32px; font-size: 20px; text-align: center; }
#spdmax { margin: 328px 0 0 129px; width: 13px; text-align: center; }
#arc { margin: 541px 0 0 92px; width: 32px; font-size: 20px; text-align: center; }
#arcmax { margin: 554px 0 0 129px; width: 13px; text-align: center; }
#per { margin: 589px 0 0 92px; width: 32px; font-size: 20px; text-align: center; }
#permax { margin: 602px 0 0 129px; width: 13px; text-align: center; }
#wil { margin: 648px 0 0 50px; width: 48px; font-size: 30px; text-align: center; }
#rat1 { display: block !important; }
#rat1 .name { margin: 114px 0 0 224px; width: 103px; }
#rat1 .rng { margin: 106px 0 0 341px; width: 25px; text-align: center; }
#rat1 .rat { margin: 106px 0 0 375px; width: 25px; text-align: center; }
#rat1 .aoe {}
#rat1 .pow { margin: 106px 0 0 409px; width: 25px; text-align: center; }
#rat1 .notes { margin: 138px 0 0 224px; width: 103px; }
#rat1 .ammo { margin: 138px 0 0 341px; width: 99px; }
#rat2 { display: block !important; }
#rat2 .name { margin: 182px 0 0 224px; width: 103px; }
#rat2 .rng { margin: 174px 0 0 341px; width: 25px; text-align: center; }
#rat2 .rat { margin: 174px 0 0 375px; width: 25px; text-align: center; }
#rat2 .aoe {}
#rat2 .pow { margin: 174px 0 0 409px; width: 25px; text-align: center; }
#rat2 .notes { margin: 206px 0 0 224px; width: 103px; }
#rat2 .ammo { margin: 206px 0 0 341px; width: 99px; }
#mat1 { display: block !important; }
#mat1 .name { margin: 265px 0 0 224px; width: 140px; }
#mat1 .mat { margin: 277px 0 0 375px; width: 25px; text-align: center; }
#mat1 .pow {}
#mat1 .ps { margin: 277px 0 0 409px; width: 25px; text-align: center; }
#mat1 .notes { margin: 289px 0 0 224px; width: 140px; }
#mat2 { display: block !important; }
#mat2 .name { margin: 327px 0 0 224px; width: 140px; }
#mat2 .mat { margin: 339px 0 0 375px; width: 25px; text-align: center; }
#mat2 .pow {}
#mat2 .ps { margin: 339px 0 0 409px; width: 25px; text-align: center; }
#mat2 .notes { margin: 351px 0 0 224px; width: 140px; }
#mat3 { display: block !important; }
#mat3 .name { margin: 415px 0 0 171px; width: 160px; }
#mat3 .mat { margin: 429px 0 0 375px; width: 25px; text-align: center; }
#mat3 .pow {}
#mat3 .ps { margin: 429px 0 0 409px; width: 25px; text-align: center; }
#mat3 .notes { margin: 439px 0 0 171px; width: 160px; }
#mat3 .free { margin: 429px 0 0 341px; width: 25px; text-align: center; }
#defracialmodifier { margin: 496px 0 0 289px; width: 34px; font-size: 20px; text-align: center; }
#defequipmentmodifiers { margin: 496px 0 0 344px; width: 34px; font-size: 20px; text-align: center; }
#def { margin: 496px 0 0 399px; width: 34px; font-size: 20px; text-align: center; }
#armshieldmodifier { margin: 554px 0 0 231px; width: 34px; font-size: 20px; text-align: center; }
#armarmormodifiers { margin: 554px 0 0 288px; width: 34px; font-size: 20px; text-align: center; }
#armothermodifiers { margin: 554px 0 0 344px; width: 34px; font-size: 20px; text-align: center; }
#arm { margin: 554px 0 0 399px; width: 34px; font-size: 20px; text-align: center; }
#iniequipmentmodifiers { margin: 611px 0 0 289px; width: 34px; font-size: 20px; text-align: center; }
#iniadditionalmodifiers { margin: 611px 0 0 344px; width: 34px; font-size: 20px; text-align: center; }
#ini { margin: 611px 0 0 399px; width: 34px; font-size: 20px; text-align: center; }
#cmdcommandskill { margin: 668px 0 0 289px; width: 34px; font-size: 20px; text-align: center; }
#cmdabilitymodifier { margin: 668px 0 0 344px; width: 34px; font-size: 20px; text-align: center; }
#cmd { margin: 668px 0 0 399px; width: 34px; font-size: 20px; text-align: center; }
div.stat .title { margin: 2px 0 0 460px; width: 105px; }
div.stat .base { margin: 2px 0 0 570px; width: 15px; text-align: center; }
div.stat .lvl { margin: 2px 0 0 610px; width: 15px; text-align: center; }
div.stat .sum { margin: 2px 0 0 643px; width: 15px; text-align: center; }
div.stat { position: absolute; }
div#s1 { margin-top: 120px; }
div#s2 { margin-top: 141px; }
div#s3 { margin-top: 162px; }
div#s4 { margin-top: 184px; }
div#s5 { margin-top: 205px; }
div#s6 { margin-top: 226px; }
div#s7 { margin-top: 247px; }
div#s8 { margin-top: 269px; }
div#s9 { margin-top: 290px; }
div#s10 { margin-top: 311px; }
div#s11 { margin-top: 332px; }
div#s12 { margin-top: 353px; }
div#s13 { margin-top: 374px; }
div#s14 { margin-top: 396px; }
div#s15 { margin-top: 417px; }
div#s16 { margin-top: 438px; }
div#s17 { margin-top: 459px; }
div#s18 {}
div#s19 {}
div#s20 {}
div#s21 {}
div.ability { position: absolute; }
div.ability .title { margin-left: 689px; width: 100px; }
div.ability .description { margin-left: 796px; width: 150px; }
div.ability .page { margin-left: 946px; width: 28px; text-align: right; }
div#ability1 { margin-top: 135px; }
div#ability2 { margin-top: 156px; }
div#ability3 { margin-top: 177px; }
div#ability4 { margin-top: 198px; }
div#ability5 { margin-top: 219px; }
div#ability6 { margin-top: 240px; }
div#ability7 { margin-top: 261px; }
div#ability8 { margin-top: 282px; }
div#ability9 { margin-top: 303px; }
div#ability10 { margin-top: 324px; }
div#ability11 { margin-top: 345px; }
div#ability12 { margin-top: 366px; }
div#ability13 { margin-top: 387px; }
div#ability14 { margin-top: 408px; }
div#ability15 { margin-top: 429px; }
div#ability16 { margin-top: 450px; }
div#ability17 { margin-top: 471px; }
div#ability18 { margin-top: 492px; }
div#ability19 { margin-top: 513px; }
div#ability20 { margin-top: 534px; }
#feats { font-size: 40px; margin: 606px 0 0 698px; width: 51px; text-align: center; }
.gear { position: absolute; margin-left: 5px; }
.gear .title { width: 125px; }
.gear .benefit { margin-left: 125px; width: 160px; }
#gear1 { margin-top: 38px; }
#gear2 { margin-top: 58px; }
#gear3 { margin-top: 78px; }
#gear4 { margin-top: 97px; }
#gear5 { margin-top: 117px; }
#gear6 { margin-top: 137px; }
#gear7 { margin-top: 157px; }
#gear8 { margin-top: 177px; }
#gear9 { margin-top: 197px; }
#gear10 { margin-top: 217px; }
#gear11 { margin-top: 237px; }
#gear12 { margin-top: 257px; }
#gear13 { margin-top: 276px; }
#gear14 { margin-top: 296px; }
#gear15 { margin-top: 316px; }
#gear16 { margin-top: 336px; }
#gear17 { margin-top: 356px; }
#gear18 { margin-top: 376px; }
#gear19 { margin-top: 396px; }
.wornarmor { position: absolute; margin-left: 5px; }
.wornarmor .name { width: 70px; }
.wornarmor .notes { margin-left: 75px; width: 108px; }
.wornarmor .spd { margin-left: 186px; width: 17px; text-align: center; }
.wornarmor .def { margin-left: 225px; width: 17px; text-align: center; }
.wornarmor .arm { margin-left: 260px; width: 17px; text-align: center; }
#wornarmor1 { margin-top: 468px; }
#wornarmor2 { margin-top: 488px; }
#wornarmor3 { margin-top: 508px; }
#wornarmor4 { margin-top: 528px; }
.connection { position: absolute; margin-left: 5px; }
.connection .name { width: 98px; }
.connection .notes { margin-left: 98px; width: 140px; }
.connection .page { margin-left: 238px; width: 48px; text-align: right; }
#connection1 { margin-top: 600px; }
#connection2 { margin-top: 620px; }
#connection3 { margin-top: 640px; }
#connection4 { margin-top: 660px; }
#arcanetradition { position: absolute; margin: 12px 0 0 398px; width: 256px; }
.spell { position: absolute; margin-left: 312px; }
.spell .title { width: 134px; }
.spell .cost { margin-left: 140px; width: 33px; text-align: center; }
.spell .rng { margin-left: 178px; width: 32px; text-align: center; }
.spell .aoe { margin-left: 215px; width: 32px; text-align: center; }
.spell .pow { margin-left: 252px; width: 33px; text-align: center; }
.spell .up { margin-left: 290px; width: 32px; text-align: center; }
.spell .off { margin-left: 327px; width: 28px; text-align: center; }
.spell .description { margin-top: 23px; width: 355px; }
.iku .mechanika { display: none; }
.mechanika { position: absolute; margin-left: 312px; }
.mechanika .housing { width: 84px; }
.mechanika .runeplate { margin-left: 90px; width: 84px; }
.mechanika .capacitor { margin-left: 180px; width: 84px; }
.mechanika .notes { margin-left: 270px; width: 84px; }
#mechanika1 { margin-top: 486px; }
#mechanika2 { margin-top: 506px; }
#mechanika3 { margin-top: 526px; }
#mechanika4 { margin-top: 546px; }
#mechanika5 { margin-top: 566px; }
.iku .runeplate { display: none; }
.runeplate { position: absolute; margin-left: 312px; }
.runeplate .title { width: 84px; }
.runeplate .benefit { margin-left: 90px; width: 78px; }
#runeplate1 { margin-top: 602px; }
#runeplate2 { margin-top: 622px; }
#runeplate3 { margin-top: 642px; }
#runeplate4 { margin-top: 662px; }
.iku .capacitor { display: none; }
.capacitor { position: absolute; margin-left: 498px; }
.capacitor .title { width: 78px; }
.capacitor .charges { margin-left: 84px; width: 84px; }
#capacitor1 { margin-top: 602px; }
#capacitor2 { margin-top: 622px; }
#capacitor3 { margin-top: 642px; }
#capacitor4 { margin-top: 662px; }
#spell1 { margin-top: 50px; }
#spell2 { margin-top: 100px; }
#spell3 { margin-top: 150px; }
#spell4 { margin-top: 200px; }
#spell5 { margin-top: 250px; }
#spell6 { margin-top: 299px; }
#spell7 { margin-top: 348px; }
#spell8 { margin-top: 398px; }
.note { position: absolute; margin-left: 698px; }
.note .text { width: 265px; }
#note1 { margin-top: 37px; }
#note2 { margin-top: 56px; }
#note3 { margin-top: 75px; }
#note4 { margin-top: 94px; }
#note5 { margin-top: 112px; }
#note6 { margin-top: 131px; }
#note7 { margin-top: 150px; }
#note8 { margin-top: 168px; }
#note9 { margin-top: 187px; }
#note10 { margin-top: 206px; }
#note11 { margin-top: 225px; }
#note12 { margin-top: 244px; }
#permanentinjury1 { position: absolute; margin-top: 310px; margin-left: 698px; width: 265px; }
#permanentinjury2 { position: absolute; margin-top: 330px; margin-left: 698px; width: 265px; }
#permanentinjury3 { position: absolute; margin-top: 350px; margin-left: 698px; width: 265px; }
#spokenlanguage1 { position: absolute; margin-top: 411px; margin-left: 698px; width: 265px; }
#spokenlanguage2 { position: absolute; margin-top: 431px; margin-left: 698px; width: 265px; }
#spokenlanguage3 { position: absolute; margin-top: 451px; margin-left: 698px; width: 265px; }
#religiousbelief1 { position: absolute; margin-top: 512px; margin-left: 698px; width: 265px; }
#religiousbelief2 { position: absolute; margin-top: 532px; margin-left: 698px; width: 265px; }
#religiousbelief3 { position: absolute; margin-top: 552px; margin-left: 698px; width: 265px; }
#gold { position: absolute; margin-top: 613px; margin-left: 698px; font-size: 50px; width: 100px; text-align: right; }
@media print {
html { zoom: 140%; }
form.character-sheet {
margin: 200px 0 0 -130px;
display: inline-block;
-webkit-transform: rotate(-90deg);
-moz-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
form.character-sheet.page2 {
margin-top: 228px; }
}
</style>
<p>
These are the (slightly modified) official Full Metal Fantasy and Unleashed character sheets
that can be downloaded at <a href="http://privateerpress.com/iron-kingdoms/downloads">privateerpress.com</a>.
We have modified them so you can fill, print, and save them in your browser!
After you saved them they are only visible to you.
We do not have access to your characters.
Only you can access them and only in the browser you saved them in.
</p>
<p>
<strong>Beware:</strong>
If you <strong>clear your browser cache</strong>, your character sheets <strong>will be lost</strong>!
Additionally, if you <strong>save</strong> a new character sheet <strong>under an existing hero name</strong>, the old sheet <strong>will be lost</strong>!
</p>
<p>
<em>Tip:</em>
Use your browser's print function to print your character sheet!
</p>
<p>
You can import/export character cards should you need them in a different browser, clear your browser cache or email them to a friend.
Exporting cards will give you a gibberish representation of your character that you can copy.
Pasting that gibberish into the import/export field and clicking to import the character will update your sheet.
Have fun using the character sheets!
</p>
<h2 style="font-weight:300;margin:1em 0 2em 0;">
| <a href="javascript:saveHero();">Save</a> |
<a href="#import-export">Import/Export Character</a> |
</h2>
<form id="import-export">
<textarea id="seed"></textarea>
<button id="generate-seed">Export seed for current cards</button>
<button id="update-seed">Fill out cards using current seed</button>
</form>
<div style="text-align:center;">
<table id="characters" class="hero">
<thead>
<tr>
<th>Hero Name</th>
<th>Archetype</th>
<th>Race</th>
<th>Careers</th>
<th>Load</th>
<th>Delete</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<script>
function makeUnleashed() {
$(".character-sheet.fmf").removeClass("fmf").addClass("iku");
}
function makeFullMetalFantasy() {
$(".character-sheet.iku").removeClass("iku").addClass("fmf");
}
</script>
<div style="margin-top:4em;">
<strong>Choose your character sheet design:</strong>
<ul style="list-style-type:disc;">
<li><a href="javascript:makeFullMetalFantasy();">Full Metal Fantasy</a> (slightly modified)</li>
<li><a href="javascript:makeUnleashed();">Unleashed</a></li>
</ul>
</div>
<form class="character-sheet fmf page1">
<input class="hero-name" title="Hero's Name" type="text" />
<input id="sex" title="Sex" type="text" />
<input id="definingcharacteristics" title="Defining Characteristics" type="text" />
<input id="weight" title="Weight" type="text" />
<input id="archetype" title="Archetype" type="text" />
<input id="race" title="Race" type="text" />
<input id="careers" title="Careers" type="text" />
<input id="faith" title="Faith" type="text" />
<input id="playername" title="Player Name" type="text" />
<input id="height" title="Height" type="text" />
<input id="level" title="Level" type="text" />
<input id="xp" title="XP" type="text" />
<!--div id="portrait"></div-->
<input id="phy" title="PHY" type="text" />
<input id="phymax" title="PHY max" type="text" />
<input id="spd" title="SPD" type="text" />
<input id="spdmax" title="SPD max" type="text" />
<input id="str" title="STR" type="text" />
<input id="strmax" title="STR max" type="text" />
<input id="agl" title="AGL" type="text" />
<input id="aglmax" title="AGL max" type="text" />
<input id="prw" title="PRW" type="text" />
<input id="prwmax" title="PRW max" type="text" />
<input id="poi" title="POI" type="text" />
<input id="poimax" title="POI max" type="text" />
<input id="int" title="INT" type="text" />
<input id="intmax" title="INT max" type="text" />
<input id="arc" title="ARC" type="text" />
<input id="arcmax" title="ARC max" type="text" />
<input id="per" title="PER" type="text" />
<input id="permax" title="PER max" type="text" />
<input id="wil" title="WIL" type="text" />
<div id="rat1">
<input class="name" title="Name" type="text" />
<input class="rng" title="RNG" type="text" />
<input class="rat" title="RAT" type="text" />
<input class="pow" title="POW" type="text" />
<input class="notes" title="Notes" type="text" />
<input class="ammo" title="Ammo" type="text" />
</div>
<div id="rat2">
<input class="name" title="Name" type="text" />
<input class="rng" title="RNG" type="text" />
<input class="rat" title="RAT" type="text" />
<input class="pow" title="POW" type="text" />
<input class="notes" title="Notes" type="text" />
<input class="ammo" title="Ammo" type="text" />
</div>
<div id="mat1">
<input class="name" title="Name" type="text" />
<input class="mat" title="MAT" type="text" />
<input class="ps" title="POW" type="text" />
<input class="notes" title="Notes" type="text" />
</div>
<div id="mat2">
<input class="name" title="Name" type="text" />
<input class="mat" title="MAT" type="text" />
<input class="ps" title="POW" type="text" />
<input class="notes" title="Notes" type="text" />
</div>
<div id="mat3">
<input class="name" title="Name" type="text" />
<input class="free" title="Free" type="text" />
<input class="mat" title="MAT" type="text" />
<input class="ps" title="POW" type="text" />
<input class="notes" title="Notes" type="text" />
</div>
<input id="defracialmodifier" title="DEF racial modifier" type="text" />
<input id="defequipmentmodifiers" title="DEF equipment modifiers" type="text" />
<input id="def" title="DEF" type="text" />
<input id="armshieldmodifier" title="ARM shield modifier" type="text" />
<input id="armarmormodifiers" title="ARM armor modifiers" type="text" />
<input id="armothermodifiers" title="ARM other modifiers" type="text" />
<input id="arm" title="ARM" type="text" />
<input id="iniequipmentmodifiers" title="INI equipment modifiers" type="text" />
<input id="iniadditionalmodifiers" title="INI additional modifiers" type="text" />
<input id="ini" title="INI" type="text" />
<input id="cmdcommandskill" title="CMD" type="text" />
<input id="cmdabilitymodifier" title="CMD" type="text" />
<input id="cmd" title="CMD" type="text" />
<div id="s1" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s2" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s3" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s4" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s5" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s6" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s7" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s8" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s9" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s10" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s11" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s12" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s13" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s14" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s15" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s16" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="s17" class="stat">
<input class="title" title="Title" type="text" />
<input class="base" title="Base" type="text" />
<input class="lvl" title="Level" type="text" />
<input class="sum" title="Sum" type="text" />
</div>
<div id="ability1" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability2" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability3" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability4" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability5" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability6" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability7" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability8" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability9" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability10" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability11" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability12" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability13" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability14" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability15" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability16" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability17" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability18" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability19" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="ability20" class="ability">
<input class="title" title="Title" type="text" />
<input class="description" title="Description" type="text" />
<input class="page" title="Page" type="text" />
</div>
<input id="feats" title="Feats" type="text" />
</form>
<form class="character-sheet fmf page2">
<div id="gear1" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear2" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear3" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear4" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear5" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear6" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear7" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear8" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear9" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear10" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear11" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear12" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear13" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear14" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear15" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear16" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear17" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear18" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="gear19" class="gear">
<input class="title" title="Title" type="text" />
<input class="benefit" title="Benefit" type="text" />
</div>
<div id="wornarmor1" class="wornarmor">
<input class="name" title="Name" type="text" />
<input class="notes" title="Notes" type="text" />
<input class="spd" title="SPD" type="text" />
<input class="def" title="DEF" type="text" />
<input class="arm" title="ARM" type="text" />
</div>
<div id="wornarmor2" class="wornarmor">
<input class="name" title="Name" type="text" />
<input class="notes" title="Notes" type="text" />
<input class="spd" title="SPD" type="text" />
<input class="def" title="DEF" type="text" />
<input class="arm" title="ARM" type="text" />
</div>
<div id="wornarmor3" class="wornarmor">
<input class="name" title="Name" type="text" />
<input class="notes" title="Notes" type="text" />
<input class="spd" title="SPD" type="text" />
<input class="def" title="DEF" type="text" />
<input class="arm" title="ARM" type="text" />
</div>
<div id="wornarmor4" class="wornarmor">
<input class="name" title="Name" type="text" />
<input class="notes" title="Notes" type="text" />
<input class="spd" title="SPD" type="text" />
<input class="def" title="DEF" type="text" />
<input class="arm" title="ARM" type="text" />
</div>
<div id="connection1" class="connection">
<input class="name" title="Name" type="text" />
<input class="notes" title="Notes" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="connection2" class="connection">
<input class="name" title="Name" type="text" />
<input class="notes" title="Notes" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="connection3" class="connection">
<input class="name" title="Name" type="text" />
<input class="notes" title="Notes" type="text" />
<input class="page" title="Page" type="text" />
</div>
<div id="connection4" class="connection">
<input class="name" title="Name" type="text" />
<input class="notes" title="Notes" type="text" />
<input class="page" title="Page" type="text" />
</div>
<input id="arcanetradition" title="Arcane Tradition" type="text" />
<div id="spell1" class="spell">
<input type="text" title="Spell" class="title" />
<input type="text" title="Cost" class="cost" />
<input type="text" title="RNG" class="rng" />
<input type="text" title="AOE" class="aoe" />
<input type="text" title="POW" class="pow" />
<input type="text" title="UP" class="up" />
<input type="text" title="OFF" class="off" />
<input type="text" title="Description" class="description" />
</div>
<div id="spell2" class="spell">
<input type="text" title="Spell" class="title" />
<input type="text" title="Cost" class="cost" />
<input type="text" title="RNG" class="rng" />
<input type="text" title="AOE" class="aoe" />
<input type="text" title="POW" class="pow" />
<input type="text" title="UP" class="up" />
<input type="text" title="OFF" class="off" />
<input type="text" title="Description" class="description" />
</div>
<div id="spell3" class="spell">
<input type="text" title="Spell" class="title" />
<input type="text" title="Cost" class="cost" />
<input type="text" title="RNG" class="rng" />
<input type="text" title="AOE" class="aoe" />
<input type="text" title="POW" class="pow" />
<input type="text" title="UP" class="up" />
<input type="text" title="OFF" class="off" />
<input type="text" title="Description" class="description" />
</div>
<div id="spell4" class="spell">
<input type="text" title="Spell" class="title" />
<input type="text" title="Cost" class="cost" />
<input type="text" title="RNG" class="rng" />
<input type="text" title="AOE" class="aoe" />
<input type="text" title="POW" class="pow" />
<input type="text" title="UP" class="up" />
<input type="text" title="OFF" class="off" />
<input type="text" title="Description" class="description" />
</div>
<div id="spell5" class="spell">
<input type="text" title="Spell" class="title" />
<input type="text" title="Cost" class="cost" />
<input type="text" title="RNG" class="rng" />
<input type="text" title="AOE" class="aoe" />
<input type="text" title="POW" class="pow" />
<input type="text" title="UP" class="up" />
<input type="text" title="OFF" class="off" />
<input type="text" title="Description" class="description" />
</div>
<div id="spell6" class="spell">
<input type="text" title="Spell" class="title" />
<input type="text" title="Cost" class="cost" />
<input type="text" title="RNG" class="rng" />
<input type="text" title="AOE" class="aoe" />
<input type="text" title="POW" class="pow" />
<input type="text" title="UP" class="up" />
<input type="text" title="OFF" class="off" />
<input type="text" title="Description" class="description" />
</div>
<div id="spell7" class="spell">
<input type="text" title="Spell" class="title" />
<input type="text" title="Cost" class="cost" />
<input type="text" title="RNG" class="rng" />
<input type="text" title="AOE" class="aoe" />
<input type="text" title="POW" class="pow" />
<input type="text" title="UP" class="up" />
<input type="text" title="OFF" class="off" />
<input type="text" title="Description" class="description" />
</div>
<div id="spell8" class="spell">
<input type="text" title="Spell" class="title" />
<input type="text" title="Cost" class="cost" />
<input type="text" title="RNG" class="rng" />
<input type="text" title="AOE" class="aoe" />
<input type="text" title="POW" class="pow" />
<input type="text" title="UP" class="up" />
<input type="text" title="OFF" class="off" />
<input type="text" title="Description" class="description" />
</div>
<div id="mechanika1" class="mechanika">
<input type="text" title="Housing" class="housing" />
<input type="text" title="Runeplate" class="runeplate" />
<input type="text" title="Capacitor" class="capacitor" />
<input type="text" title="Notes" class="notes" />
</div>
<div id="mechanika2" class="mechanika">
<input type="text" title="Housing" class="housing" />
<input type="text" title="Runeplate" class="runeplate" />
<input type="text" title="Capacitor" class="capacitor" />
<input type="text" title="Notes" class="notes" />
</div>
<div id="mechanika3" class="mechanika">
<input type="text" title="Housing" class="housing" />
<input type="text" title="Runeplate" class="runeplate" />
<input type="text" title="Capacitor" class="capacitor" />
<input type="text" title="Notes" class="notes" />
</div>
<div id="mechanika4" class="mechanika">
<input type="text" title="Housing" class="housing" />
<input type="text" title="Runeplate" class="runeplate" />
<input type="text" title="Capacitor" class="capacitor" />
<input type="text" title="Notes" class="notes" />
</div>
<div id="mechanika5" class="mechanika">
<input type="text" title="Housing" class="housing" />
<input type="text" title="Runeplate" class="runeplate" />
<input type="text" title="Capacitor" class="capacitor" />
<input type="text" title="Notes" class="notes" />
</div>
<div id="runeplate1" class="runeplate">
<input type="text" title="Rune Plate" class="title" />
<input type="text" title="Benefit" class="benefit" />
</div>
<div id="runeplate2" class="runeplate">
<input type="text" title="Rune Plate" class="title" />
<input type="text" title="Benefit" class="benefit" />
</div>
<div id="runeplate3" class="runeplate">
<input type="text" title="Rune Plate" class="title" />
<input type="text" title="Benefit" class="benefit" />
</div>
<div id="runeplate4" class="runeplate">
<input type="text" title="Rune Plate" class="title" />
<input type="text" title="Benefit" class="benefit" />
</div>
<div id="capacitor1" class="capacitor">
<input type="text" title="Capacitor" class="title" />
<input type="text" title="Charges" class="charges" />
</div>
<div id="capacitor2" class="capacitor">
<input type="text" title="Capacitor" class="title" />
<input type="text" title="Charges" class="charges" />
</div>
<div id="capacitor3" class="capacitor">
<input type="text" title="Capacitor" class="title" />
<input type="text" title="Charges" class="charges" />
</div>
<div id="capacitor4" class="capacitor">
<input type="text" title="Capacitor" class="title" />
<input type="text" title="Charges" class="charges" />
</div>
<div id="note1" class="note">
<input type="text" title="Text" class="text" />
</div>
<div id="note2" class="note">
<input type="text" title="Text" class="text" />
</div>
<div id="note3" class="note">
<input type="text" title="Text" class="text" />
</div>
<div id="note4" class="note">
<input type="text" title="Text" class="text" />
</div>
<div id="note5" class="note">
<input type="text" title="Text" class="text" />
</div>
<div id="note6" class="note">
<input type="text" title="Text" class="text" />
</div>
<div id="note7" class="note">
<input type="text" title="Text" class="text" />
</div>
<div id="note8" class="note">
<input type="text" title="Text" class="text" />
</div>
<div id="note9" class="note">
<input type="text" title="Text" class="text" />
</div>
<div id="note10" class="note">
<input type="text" title="Text" class="text" />
</div>
<div id="note11" class="note">
<input type="text" title="Text" class="text" />
</div>
<div id="note12" class="note">
<input type="text" title="Text" class="text" />
</div>
<input type="text" title="Permanent Injury" id="permanentinjury1" />
<input type="text" title="Permanent Injury" id="permanentinjury2" />
<input type="text" title="Permanent Injury" id="permanentinjury3" />
<input type="text" title="Spoken Language" id="spokenlanguage1" />
<input type="text" title="Spoken Language" id="spokenlanguage2" />
<input type="text" title="Spoken Language" id="spokenlanguage3" />
<input type="text" title="Religious Belief" id="religiousbelief1" />
<input type="text" title="Religious Belief" id="religiousbelief2" />
<input type="text" title="Religious Belief" id="religiousbelief3" />
<input type="text" title="Gold" id="gold" />
</form>
<script type="text/javascript" src="/static/javascripts/heroic.js"></script>
<script type="text/javascript">
ikrpg.cards.init();
</script>
<script type="text/javascript">
var db2 = new PouchDB('characters.ikrpg');
var hero = ikrpg.cards.data;
listCharacters();
function saveHero() {
ikrpg.cards.updateData();
hero = ikrpg.cards.data;
var _id = hero["hero-name"].replace(/["']/g, "");
db2.get(_id, function(error, doc) {
if(error) { // hero not in db yet
doc = hero;
doc["_id"] = _id;
db2.put(doc);
} else { // hero already in db
hero["_id"] = doc["_id"];
hero["_rev"] = doc["_rev"];
db2.put(hero);
}
listCharacters();
});
}
function listCharacters() {
$("#characters > tbody").remove();
$("#characters").append("<tbody>");
db2.allDocs({include_docs: true}, function(error, results) {
var rows = results.rows;
$.each(rows, function(index, row) {
var character = row.doc;
function appendTr() {
$("#characters > tbody").append("<tr>");
}
function appendTd() {
$("#characters > tbody > tr:last-of-type").append("<td>");
}
function lastTd() {
return $("#characters > tbody > tr:last-of-type > td:last-of-type");
}
appendTr();
appendTd();
lastTd().text(character["hero-name"]);
appendTd();
lastTd().text(character["archetype"]);
appendTd();
lastTd().text(character["race"]);
appendTd();
lastTd().text(character["careers"]);
appendTd();
lastTd().html("<a href=\"javascript:showCharacter('"+character["_id"]+"')\">Load</a>");
appendTd();
lastTd().html("<a href=\"javascript:deleteCharacter('"+character["_id"]+"', '"+character["_rev"]+"')\"><strong>Delete</strong></a>");
});
});
}
function showCharacter(characterId) {
db2.get(characterId, function(error, character) {
if(!error) {
ikrpg.cards.data = $.extend(ikrpg.cards.data, character);
ikrpg.cards.init();
ikrpg.cards.switchWeapons();
ikrpg.cards.heroNameHack();
ikrpg.cards.setPortrait();
}
});
}
function deleteCharacter(characterId, characterRev) {
db2.remove(characterId, characterRev, function(error, code) {
listCharacters();
});
}
</script>