Integrating character sheets (wip).

This commit is contained in:
phil 2013-07-02 23:04:00 +02:00
parent bcdc8dfab5
commit 109910e6bd
18 changed files with 600 additions and 7 deletions

View file

@ -0,0 +1,187 @@
---
layout: ikrpg
tags: [Rules, None, None]
categories: [ Character-Sheet ]
---
<div class="sheet">
<form id="skills" class="card">
<input id="name" type="text" />
<div class="content">
<div id="s1" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s2" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s3" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s4" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s5" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s6" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s7" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s8" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s9" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s10" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s11" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s12" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s13" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s14" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s15" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s16" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s17" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s18" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s19" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s20" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
<div id="s21" class="skill">
<input type="text" class="title" />
<input type="text" class="stat" />
<input type="text" class="base" />
<input type="text" class="lvl" />
<input type="text" class="sum" />
</div>
</div>
</form>
</div>
<script type="text/javascript">
var Hero = {
"name": "Hero's name",
"s1": { "title": "Skill 1 name", "stat": "", "base": "", "lvl": "", "sum": "" },
"s2": { "title": "Skill 2 name", "stat": "", "base": "", "lvl": "", "sum": "" },
"s3": { "title": "...", "stat": "", "base": "", "lvl": "", "sum": "" },
"s4": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s5": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s6": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s7": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s8": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s9": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s10": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s11": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s12": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s13": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s14": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s15": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s16": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s17": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s18": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s19": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s20": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" },
"s21": { "title": "", "stat": "", "base": "", "lvl": "", "sum": "" }
};
</script>
<script type="text/javascript" src="/static/javascripts/heroic.js"></script>

View file

@ -0,0 +1,124 @@
---
layout: ikrpg
tags: [Rules, None, None]
categories: [ Character-Sheet ]
---
<div class="sheet">
<form id="stats" class="card">
<input id="name" type="text" />
<input id="archetype" type="text" />
<input id="race" type="text" />
<input id="level" type="text" />
<input id="careers" type="text" />
<div id="battle" class="stats">
<input id="ini" type="text" />
<input id="spd" type="text" />
<input id="str" type="text" />
<input id="cmd" type="text" />
<input id="def" type="text" />
<input id="arm" type="text" />
<input id="arc" type="text" />
</div>
<div class="weapons" id="r1m1"></div>
<div class="weapons" id="r2m1"></div>
<div class="weapons" id="r1m2"></div>
<div class="weapons" id="r2"></div>
<div class="weapons" id="m2"></div>
<div id="rat1" class="ranged">
<input class="name" type="text" />
<div class="stats">
<input class="rat" type="text" />
<input class="rng" type="text" />
<input class="aoe" type="text" />
<input class="pow" type="text" />
</div>
</div>
<div id="rat2" class="ranged">
<input class="name" type="text" />
<div class="stats">
<input class="rat" type="text" />
<input class="rng" type="text" />
<input class="aoe" type="text" />
<input class="pow" type="text" />
</div>
</div>
<div id="mat1" class="melee">
<input class="name" type="text" />
<div class="stats">
<input class="mat" type="text" />
<input class="pow" type="text" />
<input class="ps" type="text" />
</div>
</div>
<div id="mat2" class="melee">
<input class="name" type="text" />
<div class="stats">
<input class="mat" type="text" />
<input class="pow" type="text" />
<input class="ps" type="text" />
</div>
</div>
<div id="mat3" class="melee">
<input class="name" type="text" />
<div class="stats">
<input class="mat" type="text" />
<input class="pow" type="text" />
<input class="ps" type="text" />
</div>
</div>
<input id="feats" type="text" />
<a id="weapons-switch" href="javascript:switchWeapons();">&nbsp;</a>
<div id="roleplay" class="stats">
<input id="phy" type="text" />
<input id="agl" type="text" />
<input id="prw" type="text" />
<input id="poi" type="text" />
<input id="int" type="text" />
<input id="per" type="text" />
</div>
<div id="mod">
<input id="ini_mod" type="text" />
<input id="def_mod" type="text" />
<input id="arm_mod" type="text" />
<input id="cmd_mod" type="text" />
</div>
<input id="wil" type="text" />
<input id="xp" type="text" />
</form>
</div>
<script type="text/javascript">
var Hero = {
"name": "Hero's name",
"archetype": "Archetype",
"race": "Race",
"level": "Level",
"careers": "Careers",
"phy": 0,
"spd": 0,
"str": 0,
"agl": 0,
"poi": 0,
"prw": 0,
"int": 0,
"arc": 0,
"per": 0,
"def": 0,
"ini": 0,
"cmd": 0,
"arm": 0,
"wil": 0,
"rat1": { "name": "Weapon name", "rat": 0, "rng": 0, "aoe": 0, "pow": 0 },
"rat2": { "name": "Weapon name", "rat": 0, "rng": 0, "aoe": 0, "pow": 0 },
"mat1": { "name": "Weapon name", "mat": 0, "pow": 0, "ps": 0 },
"mat2": { "name": "Weapon name", "mat": 0, "pow": 0, "ps": 0 },
"mat3": { "name": "Weapon name", "mat": 0, "pow": 0, "ps": 0 },
"feats": 0,
"ini_mod": 0,
"def_mod": 0,
"arm_mod": 0,
"cmd_mod": 0,
"xp": 0
};
</script>
<script type="text/javascript" src="/static/javascripts/heroic.js"></script>