diff --git a/Dragon Warriors/DW CS Banner.png b/Dragon Warriors/DW CS Banner.png
new file mode 100644
index 0000000000..ec9f76aaa2
Binary files /dev/null and b/Dragon Warriors/DW CS Banner.png differ
diff --git a/Dragon Warriors/Dragon Warriors Revised.css b/Dragon Warriors/Dragon Warriors Revised.css
new file mode 100644
index 0000000000..91a9b16b36
--- /dev/null
+++ b/Dragon Warriors/Dragon Warriors Revised.css	
@@ -0,0 +1,355 @@
+@import url("https://fonts.googleapis.com/css?family=Almendra&display=swap");
+
+.sheet-reasonabletextarea {
+  width: 95%;
+  height: 95px;
+}
+Input[type=text] {
+    width: 9em;
+}
+
+input.sheet-fourshorttextinput {
+    width: 4em;
+}
+
+input.sheet-eightmidtextinput {
+    width: 8em;
+}
+
+input.sheet-sixteenlongtextinput {
+    width: 16em;
+}
+
+input.sheet-twelvemidlongtextinput {
+    width: 16em;
+}
+
+/*Configure the tab buttons*/
+.sheet-character,
+.sheet-skills,
+.sheet-inventory,
+.sheet-magic,
+.sheet-languages,
+.sheet-biographical,
+.sheet-release,
+.sheet-documentation {
+	display: none;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+}
+
+/* show the selected tab */
+.sheet-tabstoggle[value="character"] ~ div.sheet-character,
+.sheet-tabstoggle[value="skills"] ~ div.sheet-skills,
+.sheet-tabstoggle[value="inventory"] ~ div.sheet-inventory,
+.sheet-tabstoggle[value="magic"] ~ div.sheet-magic,
+.sheet-tabstoggle[value="languages"] ~ div.sheet-languages,
+.sheet-tabstoggle[value="biographical"] ~ div.sheet-biographical,
+.sheet-tabstoggle[value="release"] ~ div.sheet-release,
+.sheet-tabstoggle[value="documentation"] ~ div.sheet-documentation {
+	display: grid;
+	font-family: 'Almendra', serif;
+    text-align: justify;
+}
+
+/*define tab pages*/
+
+.sheet-character {
+    width: 800px;
+    height: 740px;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    grid-gap: 5px;
+	grid-template-columns: 170px 160px 160px 160px 150px;
+    grid-template-rows: 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px;
+    grid-template-areas:
+        "common common common common common"
+        "attributes atkdefattributes weaponattributes weaponattributes weaponattributes"
+        "attributes atkdefattributes weaponattributes weaponattributes weaponattributes"
+        "attributes evaattribute weaponattributes weaponattributes weaponattributes"
+        "attributes steperattributes weaponattributes weaponattributes weaponattributes"
+        "attributes steperattributes weaponattributes weaponattributes weaponattributes"
+        "hpattributes AFattributes weaponattributes weaponattributes weaponattributes"
+        "hpattributes AFattributes weaponattributes weaponattributes weaponattributes"
+        "hpattributes AFattributes weaponattributes weaponattributes weaponattributes"
+        "professionskillsattributes AFattributes posessionsattributes posessionsattributes posessionsattributes"
+        "professionskillsattributes mamdattributes posessionsattributes posessionsattributes posessionsattributes"
+        "professionskillsattributes mamdattributes posessionsattributes posessionsattributes posessionsattributes"
+        "professionskillsattributes mamdattributes posessionsattributes posessionsattributes posessionsattributes"
+        "professionskillsattributes moneyattributes posessionsattributes posessionsattributes posessionsattributes"
+        "expattributes moneyattributes posessionsattributes posessionsattributes posessionsattributes"
+        "expattributes moneyattributes posessionsattributes posessionsattributes posessionsattributes";
+}
+
+.sheet-skills {
+    width: 800px;
+    height: 950px;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    grid-gap: 5px;
+	grid-template-columns: 800px;
+    grid-template-rows: 600px 300px;
+    grid-template-areas:
+        "professionskills"
+        "secondaryskills";
+}
+
+.sheet-inventory {
+    width: 800px;
+    height: 950px;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    grid-gap: 5px;
+	grid-template-columns: 400px 400px;
+    grid-template-rows: 100px 100px 100px 100px 100px 100px 20px 100px 150px;
+    grid-template-areas:
+        "posessions posessions"
+        "posessions posessions"
+        "posessions posessions"
+        "posessions posessions"
+        "money armour"
+        "money armour"
+        "money armour"
+        "weapons weapons"
+        "weapons weapons";
+}
+
+.sheet-magic {
+    width: 800px;
+    height: 1300px;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    grid-gap: 5px;
+	grid-template-columns: 400px 400px;
+    grid-template-rows: 100px 100px 1000px;
+    grid-template-areas:
+        "sorcerermana elementalistmana"
+        "mysticmana elementalistmana"
+        "spells spells"
+        "spells spells"
+        "spells spells"
+        "spells spells"
+        "spells spells"
+        "spells spells"
+        "spells spells";
+}
+
+.sheet-languages {
+    width: 800px;
+    height: 2000px;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    grid-gap: 5px;
+	grid-template-columns: 600px;
+    grid-template-rows: 775px 330px;
+    grid-template-areas:
+    "modlang"
+    "anclang";
+}
+
+.sheet-biographical {
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+
+.sheet-common {
+    grid-area: common;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-attributes {
+    grid-area: attributes;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-atkdefattributes {
+    grid-area: atkdefattributes;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-evaattribute {
+    grid-area: evaattribute;
+    font-family: 'Almendra', serif;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-steperattributes {
+    grid-area: steperattributes;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-mamdattributes {
+    grid-area: mamdattributes;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-hpattributes {
+    grid-area: hpattributes;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-AFattributes {
+    grid-area: AFattributes;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-expattributes {
+    grid-area: expattributes;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-weaponattributes {
+    grid-area: weaponattributes;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-professionskillsattributes {
+    grid-area: professionskillsattributes;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-posessionsattributes {
+    grid-area: posessionsattributes;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-moneyattributes {
+    grid-area: moneyattributes;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-professionskills {
+    grid-area: professionskills;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-secondaryskillssec {
+    grid-area: secondaryskills;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-posessions {
+    grid-area: posessions;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-money {
+    grid-area: money;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-armour {
+    grid-area: armour;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-weapons {
+    grid-area: weapons;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-sorcerermana {
+    grid-area: sorcerermana;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-elementalistmana {
+    grid-area: elementalistmana;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-mysticmana {
+    grid-area: mysticmana;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-spells {
+    grid-area: spells;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-modlang {
+    grid-area: modlang;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
+
+.sheet-anclang {
+    grid-area: anclang;
+    font-family: 'Almendra', serif;
+    text-align: justify;
+    border-style: solid;
+    border-width: 2px;
+}
\ No newline at end of file
diff --git a/Dragon Warriors/Dragon Warriors Revised.html b/Dragon Warriors/Dragon Warriors Revised.html
new file mode 100644
index 0000000000..c22d535a51
--- /dev/null
+++ b/Dragon Warriors/Dragon Warriors Revised.html	
@@ -0,0 +1,732 @@
+<div>
+    <button type="action" name="act_character" >Character</button>
+    <button type="action" name="act_skills" >Skills</button>
+    <button type="action" name="act_inventory" >Inventory</button>
+    <button type="action" name="act_magic" >Magic</button>
+    <button type="action" name="act_languages" >Languages</button>
+    <button type="action" name="act_biographical" >Biography</button>
+    <button type="action" name="act_release" >Release Notes</button>
+    <button type="action" name="act_documentation" >Documentation</button>
+</div>
+
+<input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab'  value='character'  />
+
+ 
+    <div class="sheet-character">
+        <div class="sheet-common">
+            Name <input class="sixteenlongtextinput" name="attr_character_name" type="text" />
+            Profession <select name="attr_profession"> 
+                <option value="None"></option>
+                <option value="Knight">Knight</option>
+                <option value="Barbarian">Barbarian</option>
+                <option value="Sorcerer">Sorcerer</option>
+                <option value="Mystic">Mystic</option>
+                <option value="Sorcerer">Sorcerer</option>
+                <option value="Elementalist">Elementalist</option>
+                <option value="Warlock">Warlock</option>
+                <option value="Assassin">Assassin</option>
+                <option value="Knave">Knave</option>
+                <option value="Hunter">Hunter</option>
+                <option value="Priest">Priest</option>
+            </select>
+            Rank <input name="attr_rank" type="number" min="1" />
+        </div>
+        
+        <div class="sheet-attributes">
+            <label>Strength <input type="number" name="attr_Strength" value="" /></label><p></p>
+            <label>Reflexes <input type="number" name="attr_Reflexes" value="" /></label><p></p>
+            <label>Intelligence<input type="number" name="attr_Intelligence" value="" /></label><p></p>
+            <label>Psychic Talent <input type="number" name="attr_PsychicTalent" value="" /></label><p></p>
+            <label>Looks <input type="number" name="attr_Looks" value="" /></label>
+        </div>
+        
+            <div class="sheet-atkdefattributes">
+                <label>Attack <input type="number" name="attr_Attack" value=""/></label><p></p>
+                <label>Defence <input type="number" name="attr_Defence" value=""/></label>
+            </div>
+            
+            <div class="sheet-evaattribute">
+                <label>Evasion <input type="number" name="attr_Evasion" value=""/></label>
+            </div>
+            
+            <div class="sheet-steperattributes">
+                <label>Stealth <input type="number" name="attr_Stealth" value=""/></label><p></p>
+                <label>Perception <input type="number" name="attr_Perception" value=""/></label>
+            </div>
+            
+            <div class="mamdattributes">
+                <label>Magical Attack <input type="number" name="attr_MagicalAttack" value=""/></label><p></p>
+                <label>Magical Defence <input type="number" name="attr_MagicalDefence" value=""/></label>
+            </div>
+            
+            <div class="hpattributes">
+                <label>Health Points <input type="number" name="attr_maxhp" value=" " /></label>
+                <input type="checkbox" name="attr_currenthp1" value="1"/> <input type="checkbox" name="attr_currenthp2" value="1"/> <input type="checkbox" name="attr_currenthp3" value="1"/> <input type="checkbox" name="attr_currenthp4" value="1"/> <input type="checkbox" name="attr_currenthp5" value="1"/> <input type="checkbox" name="attr_currenthp6" value="1"/> <input type="checkbox" name="attr_currenthp7" value="1"/> <input type="checkbox" name="attr_currenthp8" value="1"/> <p></p>
+                <input type="checkbox" name="attr_currenthp9" value="1"/>  <input type="checkbox" name="attr_currenthp10" value="1"/>  <input type="checkbox" name="attr_currenthp11" value="1"/>  <input type="checkbox" name="attr_currenthp12" value="1"/>  <input type="checkbox" name="attr_currenthp13" value="1"/>  <input type="checkbox" name="attr_currenthp14" value="1"/>  <input type="checkbox" name="attr_currenthp15" value="1"/>  <input type="checkbox" name="attr_currenthp16" value="1"/> <p></p>
+                <input type="checkbox" name="attr_currenthp17" value="1"/>  <input type="checkbox" name="attr_currenthp18" value="1"/>  <input type="checkbox" name="attr_currenthp19" value="1"/>  <input type="checkbox" name="attr_currenthp20" value="1"/>  <input type="checkbox" name="attr_currenthp21" value="1"/>  <input type="checkbox" name="attr_currenthp22" value="1"/>  <input type="checkbox" name="attr_currenthp23" value="1"/>  <input type="checkbox" name="attr_currenthp24" value="1"/> <p></p>
+            </div>
+            
+            <div class="AFattributes">
+                <label>Armour Factor <input type="number" name="attr_AF" value="" /></label><p></p>
+                <label>Type <input type="text" name="attr_Armour" value="" /></label><p></p>
+                <label>Shield? <input type="checkbox" name="attr_shield" value="ShieldEquipped" /></label>
+            </div>
+            
+            <div class="expattributes">
+                <label>Experience Points <input name="attr_XP" type="number" /></label>
+            </div>
+            
+            <div class="weaponattributes">
+                <h3>Weapons</h3>
+                <fieldset class="repeating_Weapons"> 
+                    Type <input readonly class="eightmidtextinput" type="text" name="attr_Weapon" value=""/>
+                    Armour Bypass Roll <input readonly class="fourshorttextinput" type="text" name="attr_ABR" value=""/>
+                    Damage <input readonly class="fourshorttextinput" type="text" name="attr_Damage" value=""/><p></p>
+                </fieldset>
+            </div>
+            
+            <div class="professionskillsattributes">
+                <h3>Profession Skills</h3> 
+                <fieldset class="repeating_professionskills"> 
+                    <input readonly type="text" name="attr_professionskill" />
+                </fieldset>            
+            </div>
+            
+            <div class="sheet-posessionsattributes">
+                <h3>Other Equipment</h3>
+                <fieldset class="repeating_InventoryItems"> 
+                    <input readonly class="twelvemidlongtextinput"type="text" name="attr_InventoryItem" />
+                </fieldset>
+            </div>
+            
+            <div class="sheet-moneyattributes">
+                <label>Crowns <input readonly type="number" name="attr_GC" value="" /></label> <p></p> 
+                <label>Florins <input readonly type="number" name="attr_SF" value="" /></label> <p></p>
+                <label>Pennies <input readonly type="number" name="attr_CP" value="" /></label> <p></p>
+            </div>
+        </div>    
+        
+        <div class="sheet-skills">
+            <div class="professionskills">
+                <H2>Profession Skills</H2>
+                <fieldset class="repeating_professionskills"> 
+                        Skill <input type="text" name="attr_professionskill" /> <p></p>
+                        Description <p></p> <textarea class="reasonabletextarea" name="attr_professionskilldescription"></textarea>
+                    </fieldset>
+            </div>
+                
+            <div class="secondaryskillssec">
+                    <H2>Secondary Skills</H2>
+                    <fieldset class="repeating_secondaryskills">
+                        Skill <input type="text" name="attr_secondaryskill" />
+                        Level <select name="attr_secondaryskilllevel">
+                            <option value="None"></option>
+                            <option value="Basic">Basic</option>
+                            <option value="Intermediate">Intermediate</option>
+                            <option value="Advanced">Advanced</option>
+                        </select><p></p>
+                        Description <p></p> <textarea class="reasonabletextarea" name="attr_csecondaryskilldescription"> </textarea>
+                </fieldset>
+            </div>
+            
+        </div>
+        
+        <div class="sheet-inventory">
+            
+            <div class="sheet-posessions">
+                <H3>Posessions</H3>
+                <fieldset class="repeating_InventoryItems"> 
+                    Item <input class="sixteenlongtextinput" type="text" name="attr_InventoryItem" />
+                    Location <input class="twelvemidlongtextinput" type="text" name="attr_ItemLocation" />
+                    Encumberance <input type="number" name="attr_EncumberanceValue" />
+                </fieldset>
+                
+                <label>Total Encumberance <input type="number" name="attr_TotalEncumberance" value=""/></label>
+    
+            </div>
+            
+            <div class="sheet-money">
+                <H3>Cash on hand</H3>
+                <label>Crowns <input type="number" name="attr_GC" value="" />
+                Florins <input type="number" name="attr_SF" value="" />
+                Pennies <input type="number" name="attr_CP" value="" /> </label>
+                <H3>Other wealth</H3>
+                <textarea class="reasonabletextarea" name="attr_OtherWealth"></textarea>
+            </div>
+            
+            
+            <div class="sheet-armour">
+                <H3>Armour</H3>
+                <label>Type <input type="text" name="attr_Armour" value="" /> </label>
+                <label>Armour Factor <input type="number" name="attr_AF" value="" /></label>
+               <label> Attack Penalty<input type="number" name="attr_ArmourAttackPenalty" value="" /> Defence Penalty<input type="number" name="attr_ArmourDefencePenalty" value="" /></label>
+               <label> Stealth Penalty<input type="number" name="attr_ArmourStealthPenalty" value="" /></label>
+               <label> Shield? <input type="checkbox" name="attr_shield" value="ShieldEquipped" /></label>
+            </div>
+    
+            <div class="sheet-weapons">
+                <H3>Weapons</H3>
+                <fieldset class="repeating_Weapons"> 
+                    Type <input class=eightmidtextinput type="text" name="attr_Weapon" value="" />
+                    Armour Bypass Roll <input class=fourshorttextinput type="text" name="attr_ABR" value="" />
+                    Damage<input class=fourshorttextinput type="text" name="attr_Damage" value="" size="4" />
+                    Short Range<input type="number" name="attr_WeaponShortRange" value="" />
+                    Medium Range<input type="number" name="attr_WeaponMediumRange" value="" />
+                    Long Range<input type="number" name="attr_WeaponLongRange" value="" />
+                </fieldset>
+            </div>
+            
+        </div>
+        
+        <div class="sheet-magic">
+            <div class="sheet-sorcerermana">
+                <H3>Sorcer/Warlock Magic Points</H3>
+                <label>Current <input type="number" name="attr_mp" value="" /> Max <input type="number" name="attr_maxmp" value="" /></label>
+            </div>
+            <div class="sheet-elementalistmana">
+                <H3>Elementalist Magic Points</H3>
+                <label>Main Category Current <input type="number" name="attr_mainmp" value="" /> Max <input type="number" name="attr_mainmaxmp" value="" /></label>
+                <label>Secondary Category Current <input type="number" name="attr_secondmp" value="" /> Max <input type="number" name="attr_secondmaxmp" value="" /></label>
+                <label>Tertiary Category Current <input type="number" name="attr_thirdmp" value="" /> Max <input type="number" name="attr_thirdmaxmp" value="" /></label>
+            </div>
+            <div class="sheet-mysticmana">
+                <H3>Psychic Fatigue Check</H3>
+            </div>
+            
+            <div class="sheet-spells">
+                <H3>Spells of Rank 1</H3>
+                <fieldset class="repeating_SpellsRankOne"> 
+                    Name <input type="text" name="attr_SpellName" value="" />
+                    Range <input type="text" name="attr_SpellRange" value="" />
+                    Duration <input type="text" name="attr_SpellDuration" value="" /><p></p>
+                    Description<p></p> <textarea class="reasonabletextarea" name="attr_SpellDescription"></textarea>
+                </fieldset>
+                <H3>Spells of Rank 2</H3>
+                <fieldset class="repeating_SpellsRankTwo"> 
+                    Name <input type="text" name="attr_SpellName" value="" />
+                    Range <input type="text" name="attr_SpellRange" value="" />
+                    Duration <input type="text" name="attr_SpellDuration" value="" /><p></p>
+                    Description<p></p> <textarea class="reasonabletextarea" name="attr_SpellDescription"></textarea>
+                </fieldset>
+                <H3>Spells of Rank 3</H3>
+                <fieldset class="repeating_SpellsRankThree"> 
+                    Name <input type="text" name="attr_SpellName" value="" />
+                    Range <input type="text" name="attr_SpellRange" value="" />
+                    Duration <input type="text" name="attr_SpellDuration" value="" /><p></p>
+                    Description<p></p> <textarea class="reasonabletextarea" name="attr_SpellDescription"></textarea>
+                </fieldset>
+                <H3>Spells of Rank 4</H3>
+                <fieldset class="repeating_SpellsRankFour"> 
+                    Name <input type="text" name="attr_SpellName" value="" />
+                    Range <input type="text" name="attr_SpellRange" value="" />
+                    Duration <input type="text" name="attr_SpellDuration" value="" /><p></p>
+                    Description<p></p> <textarea class="reasonabletextarea" name="attr_SpellDescription"></textarea>
+                </fieldset>
+                <H3>Spells of Rank 5</H3>
+                <fieldset class="repeating_SpellsRankFive"> 
+                    Name <input type="text" name="attr_SpellName" value="" />
+                    Range <input type="text" name="attr_SpellRange" value="" />
+                    Duration <input type="text" name="attr_SpellDuration" value="" /><p></p>
+                    Description<p></p> <textarea class="reasonabletextarea" name="attr_SpellDescription"></textarea>
+                </fieldset>
+                <H3>Spells of Rank 6</H3>
+                <fieldset class="repeating_SpellsRankSix"> 
+                    Name <input type="text" name="attr_SpellName" value="" />
+                    Range <input type="text" name="attr_SpellRange" value="" />
+                    Duration <input type="text" name="attr_SpellDuration" value="" /><p></p>
+                    Description<p></p> <textarea class="reasonabletextarea" name="attr_SpellDescription"></textarea>
+                </fieldset>
+                <H3>Spells of Rank 7</H3>
+                <fieldset class="repeating_SpellsRankSeven"> 
+                    Name <input type="text" name="attr_SpellName" value="" />
+                    Range <input type="text" name="attr_SpellRange" value="" />
+                    Duration <input type="text" name="attr_SpellDuration" value="" /><p></p>
+                    Description<p></p> <textarea class="reasonabletextarea" name="attr_SpellDescription"></textarea>
+                </fieldset>
+                <H3>Spells of Rank 8</H3>
+                <fieldset class="repeating_SpellsRankEight"> 
+                    Name <input type="text" name="attr_SpellName" value="" />
+                    Range <input type="text" name="attr_SpellRange" value="" />
+                    Duration <input type="text" name="attr_SpellDuration" value="" /><p></p>
+                    Description<p></p> <textarea class="reasonabletextarea" name="attr_SpellDescription"></textarea>
+                </fieldset>
+                <H3>Spells of Rank 9</H3>
+                <fieldset class="repeating_SpellsRankNine"> 
+                    Name <input type="text" name="attr_SpellName" value="" />
+                    Range <input type="text" name="attr_SpellRange" value="" />
+                    Duration <input type="text" name="attr_SpellDuration" value="" /><p></p>
+                    Description<p></p> <textarea class="reasonabletextarea" name="attr_SpellDescription"></textarea>
+                </fieldset>
+                <H3>Spells of Rank 10</H3>
+                <fieldset class="repeating_SpellsRankTen"> 
+                    Name <input type="text" name="attr_SpellName" value="" />
+                    Range <input type="text" name="attr_SpellRange" value="" />
+                    Duration <input type="text" name="attr_SpellDuration" value="" /><p></p>
+                    Description<p></p> <textarea class="reasonabletextarea" name="attr_SpellDescription"></textarea>
+                </fieldset>
+            </div>
+        </div>
+      
+        
+        <div class="sheet-biographical">
+            <label>Gender <input name="attr_gender" type="text" /></label>
+            <label>Age <input name="attr_age" type="number" /></label>
+            <label>Height <input name="attr_height" type="text" /></label>
+            <label>Build <input name="attr_build" type="text" /></label>
+            <label>Eye Colour <input name="attr_eyes" type="text" /></label>
+            <label>Hair colour / Style <input name="attr_hair" type="text" /></label>
+            <label>Origin Country <input name="attr_origin" type="text" /></label>
+            <label>Family Background <input name="attr_familybackground" type="text"/></label>
+            Description <textarea class="reasonabletextarea" name="attr_description"></textarea><p></p>
+            Biography <textarea class="reasonabletextarea" name="attr_biography"></textarea><p></p>
+        </div>
+        
+        
+        <div class="sheet-languages">
+            <div class="sheet-modlang">
+                <H3>Modern Languages</H3>
+                <table>
+                    <tbody>
+                        <tr>
+                            <th>Language</th>
+                            <th>Fluency</th>
+                            <th>Literate?</th>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language1" value="Elleslandic"/> Elleslandic
+                            </td>
+                            <td>
+                                <select name="attr_fluency1">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>
+                            <td>
+                                <input type="checkbox" name="attr_literate10" value="Classic"/> Classic
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language2" value="Visic" /> Visic
+                            </td>
+                            <td>
+                                <select name="attr_fluency2">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                <input type="checkbox" name="attr_literate3" value="NikkarRunik" /> Nikkar Runik
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language3" value="LatterMercanian" /> Latter Mercanian</td>
+                            <td>
+                                <select name="attr_fluency3">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                <input type="checkbox" name="attr_literate3" value="NikkarRunik" /> Nikkar Runik
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language4" value="Cabbandari" /> Cabbandari</td>
+                            <td>
+                                <select name="attr_fluency4">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                <input type="checkbox" name="attr_literate5" value="Majestic" /> Majestic
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language5" value="Dakkandi" /> Dakkandi</td>
+                            <td>
+                                <select name="attr_fluency5"> 
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                <input type="checkbox" name="attr_literate5" value="Majestic" /> Majestic
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language6" value="Algandarve" /> Algandarve</td>
+                            <td>
+                                <select name="attr_fluency6">
+                                    <option value="None"></option>   
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                <input type="checkbox" name="attr_literate10" value="Classic" /> Classic
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language7" value="Beaulangue" /> Beaulangue</td>
+                            <td>
+                                <select name="attr_fluency7">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                <input type="checkbox" name="attr_literate10" value="Classic" /> Classic
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language8" value="Kurlish" /> Kurlish</td>
+                            <td>
+                                <select name="attr_fluency8">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                <input type="checkbox" name="attr_literate10" value="Classic" /> Classic
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language9" value="Emphidian" /> Emphidian</td>
+                            <td>
+                                <select name="attr_fluency9">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                <input type="checkbox" name="attr_literate9" value="Emphidian" /> Emphidian
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language10" value="Angate" /> Angate</td>
+                            <td>
+                                <select name="attr_fluency10">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                <input type="checkbox" name="attr_literate10" value="Classic" /> Classic
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language11" value="Opalarian" /> Opalarian</td>
+                            <td>
+                                <select name="attr_fluency11">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                <input type="checkbox" name="attr_literate16" value="Jezant" /> Jezant
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language12" value="Nascerine" /> Nascerine</td>
+                            <td>
+                                <select name="attr_fluency12">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                <input type="checkbox" name="attr_literate16" value="Jezant" /> Jezant
+                            </td>
+                        </tr>
+                            <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language13" value="Etyabeyely" /> Etya'be'yely</td>
+                            <td>
+                                <select name="attr_fluency13">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                Not written
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language14" value="Klav" /> Klav</td>
+                            <td>
+                                <select name="attr_fluency14">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                <input type="checkbox" name="attr_literate16" value="Jezant" /> Jezant
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language15" value="Unno" /> Unno</td>
+                            <td>
+                                <select name="attr_fluency15">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                <input type="checkbox" name="attr_literate16" value="Jezant" /> Jezant
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language16" value="Raukil" /> Raukil</td>
+                            <td>
+                                <select name="attr_fluency16">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                <input type="checkbox" name="attr_literate16" value="Jezant" /> Jezant
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language17" value="Tsutsuneng" /> Tsutsuneng</td>
+                            <td>
+                                <select name="attr_fluency17">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                <input type="checkbox" name="attr_literate17" value="KhitaiPictograms" /> Khitai Pictograms
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language18" value="CoradianTradersArgot" /> Coradian Trader's Argot</td>
+                            <td>
+                                <select name="attr_fluency18">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>                
+                            <td>
+                                Not written
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_language19" value="Arcane" /> Arcane</td>
+                            <td>
+                                <select name="attr_fluency19">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                </select>
+                            </td>                
+                            <td>
+                                Arcane Symbols
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        
+            <div class="sheet-anclang">
+                <label>Ancient Languages</label>
+                <table>
+                    <thead>
+                        <th>Language</th>
+                        <th>Fluency</th>
+                        <th>Literate?</th>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_alanguage1" value="AncientEmphidian"/> Ancient Emphidian
+                            </td>
+                            <td>
+                                <select name="attr_afluency1">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>
+                            <td>
+                                <input type="checkbox" name="attr_literate9" value="Emphidian"/> Emphidian
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_alanguage2" value="AncientKaikuhran"/> Ancient Kaikuhran
+                            </td>
+                            <td>
+                                <select name="attr_afluency2">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>
+                            <td>
+                                <input type="checkbox" name="attr_aliterate2" value="QemorHeiroglyphs"/> Qemor Heiroglyphs
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_alanguage3" value="Bacchile"/> Bacchile
+                            </td>
+                            <td>
+                                <select name="attr_afluency3">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>
+                            <td>
+                                <input type="checkbox" name="attr_literate10" value="Classic"/> Classic
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_alanguage4" value="OldMercanian"/> Old Mercanian
+                            </td>
+                            <td>
+                                <select name="attr_afluency4">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>
+                            <td>
+                                <input type="checkbox" name="attr_literate3" value="NikkarRunik"/> Nikkar Runik
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_alanguage5" value="OldKurlish"/> Old Kurlish
+                            </td>
+                            <td>
+                                <select name="attr_afluency5">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>
+                            <td>
+                                <input type="checkbox" name="attr_literate10" value="Classic"/> Classic
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <input type="checkbox" name="attr_alanguage6" value="Lughwyd"/> Lughwyd (not spoken)
+                            </td>
+                            <td>
+                                <select name="attr_afluency6">   
+                                    <option value="None"></option>
+                                    <option value="Fluent">Fluent</option>
+                                    <option value="Intermediate">Intermediate</option>
+                                    <option value="Basic">Basic</option>
+                                </select>
+                            </td>
+                            <td>
+                                <input type="checkbox" name="attr_aliterate6" value="Kell"/> Kell
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+        
+
+        
+        <div class="sheet-release">
+            BETA TEST
+            Ver 0.1
+            All attr. categories are now fixed and character details now save.
+            Page buttons function correctly
+            Grids are now displaying content in correct place
+            Images have been removed from code until they are hosted on GitHub
+        </div>
+        
+        <div class="sheet-documentation">
+            <p>At Serpent King Games, we’re fans of Dragon Warriors as well as the current publishers of the game. We recognise the essential contribution that fans have made in keeping interest in the game alive over the past three decades or so. We are very happy to see additions to the Dragon Warriors setting, in the form of free fan-made websites or other internet-based content such as free e-books or e-zines. However, it is essential that all Dragon Warriors fan sites adhere to the following Fan Policy:</p>
+            
+            <p>1. Fan websites (or e-books, e-zines, etc.) must not be commercial enterprises. We have no objection to a fan site covering its costs through the use of adverts or similar, but you must not charge people to download or access fan-made material based on the Dragon Warriors setting.</p>
+            
+            <p>2. Fan websites(or e-books, e-zines, etc.) are explicitly NOT permitted to reprint copyright material, including such items as art, character professions, monsters, or adventures that have been printed by Serpent King Games or other official Dragon Warriors publishers.</p>
+            
+            <p>3. You may reference names, places, etc. from the Dragon Warriors setting.</p>
+            
+            <p>4. All fan websites (or e-books, e-zines, etc.) must include the following text, in legible form, on the front page or on the first page that refers to Dragon Warriors or Legend:</p>
+            
+            <p>“This website includes material based on the Dragon Warriors setting, as created by and copyright (c) Dave Morris and Oliver Johnson, and used according to the terms of the Serpent King Games Fan Policy. We are not permitted to charge you to use or access this content. This website is not published, endorsed, or officially approved by Serpent King Games. For more information about Dragon Warriors products and Serpent King Games, please visit www.serpentking.com”</p>
+            
+            <p>5. We expect fan websites (or e-books, e-zines, etc.) to use the Dragon Warriors setting responsibly and legally. That means avoiding associating the setting with extreme graphic violence, explicit sexual content, hate speech against any particular real-world segment of society, or anything else that does not present Dragon Warriors in a positive light.</p>
+            
+            <p>If you have any questions about the Fan Policy, please email info@serpentking.com</p>
+        </div>
+
+<script type="text/worker">
+    const buttonlist = ["character","skills","inventory","magic","languages","biographical","release","documentation"];
+    buttonlist.forEach(button => {
+        on(`clicked:${button}`, function() {
+            setAttrs({
+                sheetTab: button
+            });
+        });
+    });
+</script>
\ No newline at end of file