From c6b3f8a8dff2768add2a6c42fb303bbb1d604988 Mon Sep 17 00:00:00 2001
From: RodrigoBigg <rodrigobigcampos@gmail.com>
Date: Mon, 6 Feb 2023 01:26:43 -0300
Subject: [PATCH] Changes made:

- Added tags to make translation possible;
- Added translation.json.
---
 YellowKing/YellowKing.html  | 319 ++++++++++++++++++------------------
 YellowKing/translation.json |  51 ++++++
 2 files changed, 210 insertions(+), 160 deletions(-)
 create mode 100644 YellowKing/translation.json

diff --git a/YellowKing/YellowKing.html b/YellowKing/YellowKing.html
index c414ba308f..c527fd0418 100644
--- a/YellowKing/YellowKing.html
+++ b/YellowKing/YellowKing.html
@@ -1,26 +1,25 @@
 <!-- This element selects which of the four sequence subsheets will be displayed. -->
-
 <div class="sequencepicker">
     <div class="sequencelabel">
         <span class="sequenceicon"></span>
-        <span class="sequencetext">Choose Sequence</span>
+        <span data-i18n="sequencetext" class="sequencetext">Choose Sequence</span>
     </div>
     <div class="sequenceselect">
         <label class="sequencebutton paris" for="parisradio">
             <input class="blankit" type="radio" name="attr_sequence" id="parisradio" value="paris">
-            <span>PARIS</span>
+            <span data-i18n="paris">PARIS</span>
         </label>
         <label class="sequencebutton wars" for="warsradio">
             <input class="blankit" type="radio" name="attr_sequence" id="warsradio" value="wars">
-            <span>THE WARS</span>
+            <span data-i18n="thewars">THE WARS</span>
         </label>
         <label class="sequencebutton aftermath" for="aftermathradio">
             <input class="blankit" type="radio" name="attr_sequence" id="aftermathradio" value="aftermath">
-            <span>AFTERMATH</span>
+            <span data-i18n="aftermath">AFTERMATH</span>
         </label>
         <label class="sequencebutton tinn" for="tinnradio">
             <input class="blankit" type="radio" name="attr_sequence" id="tinnradio" value="tinn">
-            <span>THIS IS <br> NORMAL NOW</span>
+            <span data-i18n="normalnow">THIS IS <br> NORMAL NOW</span>
         </label>
     </div>
 </div>
@@ -32,29 +31,29 @@ Note that order of the hidden input and subsheets following it must be preserved
 
 <div class="paris subsheet">
     <header>
-        <h1>PARIS</h1>
+        <h1><span data-i18n="paris">PARIS</span> </h1>
         <hr class="bar">
         <h2>
             <span class="fleuron">☙</span>
-            <span>CHARACTER SHEET</span>
+            <span data-i18n="character-sheet">CHARACTER SHEET</span>
             <span class="fleuron">❧</span>
         </h2>
         <br>
         <section class="topgrid">
             <div class="fullbar">
-                <label class="stylebox" for="nameparis">Name</label>
+                <label class="stylebox" for="nameparis"><span data-i18n="name">Name</span></label>
                 <input class="stylebox" id="nameparis"type="text" name="attr_character_name">
             </div>
             <div class="fullbar">
-                <label class="stylebox" for="playerparis">Player</label>
+                <label class="stylebox" for="playerparis"><span data-i18n="player">Player</span></label>
                 <input class="stylebox" id="playerparis" type="text" name="attr_player">
             </div>
             <div class="fullbar">
-                <label class="stylebox" for="occupationparis">Field</label>
+                <label class="stylebox" for="occupationparis"><span data-i18n="field">Field</span></label>
                 <input class="stylebox" id="occupationparis" type="text" name="attr_occupation">
             </div>
             <div class="fullbar">
-                <label class="stylebox" for="driveparis">Drive</label>
+                <label class="stylebox" for="driveparis"><span data-i18n="drive">Drive</span></label>
                 <input class="stylebox" id="driveparis" type="text" name="attr_drive">
             </div>
         </section>    
@@ -63,7 +62,7 @@ Note that order of the hidden input and subsheets following it must be preserved
     <main class="columnframe">
         <div class="col">
             <section class="list">
-                <h3 class="capsheader">INVESTIGATIVE ABILITIES</h3>
+                <h3 class="capsheader"><span data-i18n="invest-hab">INVESTIGATIVE ABILITIES</span></h3>
                 <input class="stylebox full" type="text" name="attr_inv1">
                 <input class="stylebox full" type="text" name="attr_inv2">
                 <input class="stylebox full" type="text" name="attr_inv3">
@@ -74,7 +73,7 @@ Note that order of the hidden input and subsheets following it must be preserved
             </section>
             <section>
                 <h3 class="capsheader pushbar">
-                    <span class="pushtitle">PUSHES (2):</span>
+                    <span class="pushtitle"><span data-i18n="pushes">PUSHES (2):</span></span>
                     <input class="blankit pushbox" id="push1paris" type="checkbox" name="attr_push1">
                     <label class="pushcircle" for="push1paris"></label>
                     <input class="blankit pushbox" id="push2paris" type="checkbox" name="attr_push2">
@@ -83,77 +82,77 @@ Note that order of the hidden input and subsheets following it must be preserved
             </section>
             <section>
                 <div class="abilitygrid">
-                    <h3 class="capsheader gridtitle">GENERAL ABILITIES</h3>
-                    <span>pool</span>
-                    <span>max</span>
+                    <h3 class="capsheader gridtitle"><span data-i18n="gen-hab">GENERAL ABILITIES</span></h3>
+                    <span data-i18n="pool">pool</span>
+                    <span data-i18n="max">max</span>
                 
                     <button class="abilitybutton" type="roll" name="roll_athleticsparis" value="&{template:parisroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=an}} {{ability=Athletics}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="athleticsparis">Athletics</label>
+                        <label for="athleticsparis"><span data-i18n="athletics">Athletics</span></label>
                     </button>
-                    <span>(Physical)</span>
+                    <span data-i18n="physical">(Physical)</span>
                     <input class="stylebox" id="athleticsparis" type="number" name="attr_athletics">
                     <input class="stylebox" type="number" name="attr_athletics_max">
 
                     <button class="abilitybutton" type="roll" name="roll_composureparis" value="&{template:parisroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Composure}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="composureparis">Composure</label>
+                        <label for="composureparis"><span data-i18n="composure">Composure</span></label>
                     </button>
-                    <span>(Presence)</span>
+                    <span data-i18n="presence">(Presence)</span>
                     <input class="stylebox" id="composureparis" type="number" name="attr_composure">
                     <input class="stylebox" type="number" name="attr_composure_max">
 
                     <button class="abilitybutton" type="roll" name="roll_fightingparis" value="&{template:parisroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Fighting}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="fightingparis">Fighting</label>
+                        <label for="fightingparis"><span data-i18n="fighting">Fighting</span></label>
                     </button>
-                    <span>(Physical)</span>
+                    <span data-i18n="physical">(Physical)</span>
                     <input class="stylebox" id="fightingparis" type="number" name="attr_fighting">
                     <input class="stylebox" type="number" name="attr_fighting_max">
 
                     <button class="abilitybutton" type="roll" name="roll_first-aidparis" value="&{template:parisroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=First Aid}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="first-aidparis">First Aid</label>
+                        <label for="first-aid"><span data-i18n="first-aid">First Aid</span></label>
                     </button>
-                    <span>(Focus)</span>
+                    <span data-i18n="focus">(Focus)</span>
                     <input class="stylebox" id="first-aidparis" type="number" name="attr_first-aid">
                     <input class="stylebox" type="number" name="attr_first-aid_max">
 
                     <button class="abilitybutton" type="roll" name="roll_healthparis" value="&{template:parisroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Health}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="healthparis">Health</label>
+                        <label for="healthparis"><span data-i18n="health">Health</span></label>
                     </button>
-                    <span>(Physical)</span>
+                    <span data-i18n="physical">(Physical)</span>
                     <input class="stylebox" id="healthparis" type="number" name="attr_health">
                     <input class="stylebox" type="number" name="attr_health_max">
 
                     <button class="abilitybutton" type="roll" name="roll_mechanicsparis" value="&{template:parisroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Mechanics}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="mechanicsparis">Mechanics</label>
+                        <label for="mechanicsparis"><span data-i18n="mechanics">Mechanics></span></label>
                     </button>
-                    <span>(Focus)</span>
+                    <span data-i18n="focus">(Focus)</span>
                     <input class="stylebox" id="mechanicsparis" type="number" name="attr_mechanics">
                     <input class="stylebox" type="number" name="attr_mechanics_max">
 
                     <button class="abilitybutton" type="roll" name="roll_preparednessparis" value="&{template:parisroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Preparedness}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="preparednessparis">Preparedness</label>
+                        <label for="preparednessparis"><span data-i18n="preparedness">Preparedness</span></label>
                     </button>
-                    <span>(Presence)</span>
+                    <span data-i18n="presence">(Presence)</span>
                     <input class="stylebox" id="preparednessparis" type="number" name="attr_preparedness">
                     <input class="stylebox" type="number" name="attr_preparedness_max">
 
                     <button class="abilitybutton" type="roll" name="roll_ridingparis" value="&{template:parisroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Riding}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="ridingparis">Riding</label>
+                        <label for="ridingparis"><span data-i18n="riding">Riding</span></label>
                     </button>
-                    <span>(Physical)</span>
+                    <span data-i18n="physical">(Physical)</span>
                     <input class="stylebox" id="ridingparis" type="number" name="attr_riding">
                     <input class="stylebox" type="number" name="attr_riding_max">
 
                     <button class="abilitybutton" type="roll" name="roll_sense-troubleparis" value="&{template:parisroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Sense Trouble}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="sense-troubleparis">Sense Trouble</label>
+                        <label for="sense-troubleparis"><span data-i18n="sense-trouble">Sense Trouble</span></label>
                     </button>
-                    <span>(Presence)</span>
+                    <span data-i18n="presence">(Presence)</span>
                     <input class="stylebox" id="sense-troubleparis" type="number" name="attr_sense-trouble">
                     <input class="stylebox" type="number" name="attr_sense-trouble_max">
 
                     <button class="abilitybutton" type="roll" name="roll_sneakingparis" value="&{template:parisroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Sneaking}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="sneakingparis">Sneaking</label>
+                        <label for="sneakingparis"><span data-i18n="sneaking">Sneaking</span></label>
                     </button>
-                    <span>(Focus)</span>
+                    <span data-i18n="focus">(Focus)</span>
                     <input class="stylebox" id="sneakingparis" type="number" name="attr_sneaking">
                     <input class="stylebox" type="number" name="attr_sneaking_max">
                 
@@ -163,15 +162,15 @@ Note that order of the hidden input and subsheets following it must be preserved
         <div class="col">
             <section>
                 <h3 class="capsheader"><br></h3>
-                <label class="sectionlabel stylebox full" for="rely-on"><h4>I Rely On</h4></label>
+                <label class="sectionlabel stylebox full" for="rely-on" data-i18n="rely-on"><h4>I Rely On</h4></label>
                 <input class="stylebox full" id="rely-on" type="text" name="attr_rely-on">
             </section>
             <section class="spacedsection">
-                <label class="sectionlabel stylebox full" for="protect"><h4>I Seek To Protect</h4></label>
+                <label class="sectionlabel stylebox full" for="protect"><h4><span data-i18n="protect">I Seek To Protect</span></h4></label>
                 <input class="stylebox full" id="protect" type="text" name="attr_protect">
             </section>            
             <section class="spacedsection">
-                <label class="sectionlabel stylebox full" for"peculiarparis"><h4>That Deuced Peculiar Business</h4></label>
+                <label class="sectionlabel stylebox full" for="peculiarparis" data-i18n="deuced-peculiar"><h4>That Deuced Peculiar Business</h4></label>
                 <textarea class="stylebox textbox" id="peculiarparis" name="attr_peculiar"></textarea>
             </section>
         </div>
@@ -183,27 +182,27 @@ Note that order of the hidden input and subsheets following it must be preserved
 
 <div class="wars subsheet">
     <header>
-        <h1>THE WARS</h1>
+        <h1><span data-i18n="thewars">THE WARS</span></h1>
         <hr class="bar">
         <h2>
-            <span>Character Sheet</span>
+            <span data-i18n="character-sheet">CHARACTER SHEET</span>
         </h2>
         <br>
         <section class="topgrid">
             <div class="fullbar">
-                <label class="stylebox" for="namewars">Name</label>
+                <label class="stylebox" for="namewars" data-i18n="name">Name</label>
                 <input class="stylebox" id="namewars"type="text" name="attr_character_name">
             </div>
             <div class="fullbar">
-                <label class="stylebox" for="playerwars">Player</label>
+                <label class="stylebox" for="playerwars" data-i18n="player">Player</label>
                 <input class="stylebox" id="playerwars" type="text" name="attr_player">
             </div>
             <div class="fullbar">
-                <label class="stylebox" for="connection">Connection</label>
+                <label class="stylebox" for="connection" data-i18n="connection">Connection</label>
                 <input class="stylebox" id="connection" type="text" name="attr_connection">
             </div>
             <div class="fullbar">
-                <label class="stylebox" for="drivewars">Drive</label>
+                <label class="stylebox" for="drivewars" data-i18n="drive">Drive</label>
                 <input class="stylebox" id="drivewars" type="text" name="attr_drive">
             </div>
         </section>    
@@ -211,7 +210,7 @@ Note that order of the hidden input and subsheets following it must be preserved
     
     <main>
         <section>
-            <h3 class="capsheader">INVESTIGATIVE ABILITIES</h3>
+            <h3 class="capsheader" data-i18n="invest-hab">INVESTIGATIVE ABILITIES</h3>
             <div class="columnframe">
                 <div class="col list">
                     <input class="stylebox full" type="text" name="attr_inv1">
@@ -230,7 +229,7 @@ Note that order of the hidden input and subsheets following it must be preserved
         </section>
         <section>
             <h3 class="capsheader pushbar">
-                <span class="pushtitle">PUSHES (2):</span>
+                <span class="pushtitle" data-i18n="pushes">PUSHES (2):</span>
                 <input class="blankit pushbox" id="push1wars" type="checkbox" name="attr_push1">
                 <label class="pushcircle" for="push1wars"></label>
                 <input class="blankit pushbox" id="push2wars" type="checkbox" name="attr_push2">
@@ -240,63 +239,63 @@ Note that order of the hidden input and subsheets following it must be preserved
         <section class="columnframe">
             <div class="col">
                 <div class="abilitygrid">
-                    <h3 class="capsheader gridtitle">GENERAL ABILITIES</h3>
-                    <span>pool</span>
-                    <span>max</span>
+                    <h3 class="capsheader gridtitle" data-i18n="gen-hab">GENERAL ABILITIES</h3>
+                    <span data-i18n="pool">pool</span>
+                    <span data-i18n="max">max</span>
                 
                     <button class="abilitybutton" type="roll" name="roll_artillerywars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=an}} {{ability=Artillery}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="artillerywars">Artillery</label>
+                        <label for="artillerywars" data-i18n="artillery">Artillery</label>
                     </button>
-                    <span>(Physical)</span>
+                    <span data-i18n="physical">(Physical)</span>
                     <input class="stylebox" id="artillerywars" type="number" name="attr_artillery">
                     <input class="stylebox" type="number" name="attr_artillery_max">
 
                     <button class="abilitybutton" type="roll" name="roll_athleticswars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=an}} {{ability=Athletics}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="athleticswars">Athletics</label>
+                        <label for="athleticswars" data-i18n="athletics">Athletics</label>
                     </button>
-                    <span>(Physical)</span>
+                    <span data-i18n="physical">(Physical)</span>
                     <input class="stylebox" id="athleticswars" type="number" name="attr_athletics">
                     <input class="stylebox" type="number" name="attr_athletics_max">
 
                     <button class="abilitybutton" type="roll" name="roll_battlefieldwars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Battlefield}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="battlefieldwars">Battlefield</label>
+                        <label for="battlefieldwars" data-i18n="battlefield">Battlefield</label>
                     </button>
-                    <span>(Physical)</span>
+                    <span data-i18n="physical">(Physical)</span>
                     <input class="stylebox" id="battlefieldwars" type="number" name="attr_battlefield">
                     <input class="stylebox" type="number" name="attr_battlefield_max">
 
                     <button class="abilitybutton" type="roll" name="roll_composurewars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Composure}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="composurewars">Composure</label>
+                        <label for="composurewars" data-i18n="composure">Composure</label>
                     </button>
-                    <span>(Presence)</span>
+                    <span data-i18n="presence">(Presence)</span>
                     <input class="stylebox" id="composurewars" type="number" name="attr_composure">
                     <input class="stylebox" type="number" name="attr_composure_max">
 
                     <button class="abilitybutton" type="roll" name="roll_drivingwars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Driving}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="drivingwars">Driving</label>
+                        <label for="drivingwars" data-i18n="driving">Driving</label>
                     </button>
-                    <span>(Physical)</span>
+                    <span data-i18n="physical">(Physical)</span>
                     <input class="stylebox" id="drivingwars" type="number" name="attr_driving">
                     <input class="stylebox" type="number" name="attr_driving_max">
 
                     <button class="abilitybutton" type="roll" name="roll_fightingwars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Fighting}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="fightingwars">Fighting</label>
+                        <label for="fightingwars" data-i18n="fighting">Fighting</label>
                     </button>
-                    <span>(Physical)</span>
+                    <span data-i18n="physical">(Physical)</span>
                     <input class="stylebox" id="fightingwars" type="number" name="attr_fighting">
                     <input class="stylebox" type="number" name="attr_fighting_max">
 
                     <button class="abilitybutton" type="roll" name="roll_first-aidwars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=First Aid}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="first-aidwars">First Aid</label>
+                        <label for="first-aidwars" data-i18n="first-aid">First Aid</label>
                     </button>
-                    <span>(Focus)</span>
+                    <span data-i18n="focus">(Focus)</span>
                     <input class="stylebox" id="first-aidwars" type="number" name="attr_first-aid">
                     <input class="stylebox" type="number" name="attr_first-aid_max">
 
                     <button class="abilitybutton" type="roll" name="roll_healthwars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Health}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="healthwars">Health</label>
+                        <label for="healthwars" data-i18n="health">Health</label>
                     </button>
-                    <span>(Physical)</span>
+                    <span data-i18n="physical">(Physical)</span>
                     <input class="stylebox" id="healthwars" type="number" name="attr_health">
                     <input class="stylebox" type="number" name="attr_health_max">
                 </div>
@@ -304,62 +303,62 @@ Note that order of the hidden input and subsheets following it must be preserved
             <div class="col">
                 <div class="abilitygrid">
                     <h3 class="capsheader gridtitle">&nbsp;</h3>
-                    <span>pool</span>
-                    <span>max</span>
+                    <span data-i18n="pool">pool</span>
+                    <span data-i18n="max">max</span>
 
                     <button class="abilitybutton" type="roll" name="roll_mechanicswars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Mechanics}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="mechanicswars">Mechanics</label>
+                        <label for="mechanicswars" data-i18n="mechanics">Mechanics</label>
                     </button>
-                    <span>(Focus)</span>
+                    <span data-i18n="focus">(Focus)</span>
                     <input class="stylebox" id="mechanicswars" type="number" name="attr_mechanics">
                     <input class="stylebox" type="number" name="attr_mechanics_max">
 
                     <button class="abilitybutton" type="roll" name="roll_moralewars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Morale}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="moralewars">Morale</label>
+                        <label for="moralewars" data-i18n="morale">Morale</label>
                     </button>
-                    <span>(Presence)</span>
+                    <span data-i18n="presence">(Presence)</span>
                     <input class="stylebox" id="moralewars" type="number" name="attr_morale">
                     <input class="stylebox" type="number" name="attr_morale_max">
 
                     <button class="abilitybutton" type="roll" name="roll_preparednesswars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Preparedness}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="preparednesswars">Preparedness</label>
+                        <label for="preparednesswars" data-i18n="preparedness">Preparedness</label>
                     </button>
-                    <span>(Presence)</span>
+                    <span data-i18n="presence">(Presence)</span>
                     <input class="stylebox" id="preparednesswars" type="number" name="attr_preparedness">
                     <input class="stylebox" type="number" name="attr_preparedness_max">
 
                     <button class="abilitybutton" type="roll" name="roll_ridingwars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Riding}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="ridingwars">Riding</label>
+                        <label for="ridingwars" data-i18n="riding">Riding</label>
                     </button>
-                    <span>(Physical)</span>
+                    <span data-i18n="physical">(Physical)</span>
                     <input class="stylebox" id="ridingwars" type="number" name="attr_riding">
                     <input class="stylebox" type="number" name="attr_riding_max">
 
                     <button class="abilitybutton" type="roll" name="roll_scroungingwars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Scrounging}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="scroungingwars">Scrounging</label>
+                        <label for="scroungingwars" data-i18n="scrounging">Scrounging</label>
                     </button>
-                    <span>(Presence)</span>
+                    <span data-i18n="presence">(Presence)</span>
                     <input class="stylebox" id="scrounging" type="number" name="attr_scrounging">
                     <input class="stylebox" type="number" name="attr_scrounging">
 
                     <button class="abilitybutton" type="roll" name="roll_sense-troublewars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Sense Trouble}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="sense-troublewars">Sense Trouble</label>
+                        <label for="sense-troublewars" data-i18n="sense_trouble">Sense Trouble</label>
                     </button>
-                    <span>(Presence)</span>
+                    <span data-i18n="presence">(Presence)</span>
                     <input class="stylebox" id="sense-troublewars" type="number" name="attr_sense-trouble">
                     <input class="stylebox" type="number" name="attr_sense-trouble_max">
 
                     <button class="abilitybutton" type="roll" name="roll_sneakingwars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Sneaking}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="sneakingwars">Sneaking</label>
+                        <label for="sneakingwars" data-i18n="sneaking">Sneaking</label>
                     </button>
-                    <span>(Focus)</span>
+                    <span data-i18n="focus">(Focus)</span>
                     <input class="stylebox" id="sneakingwars" type="number" name="attr_sneaking">
                     <input class="stylebox" type="number" name="attr_sneaking_max">
                 
                     <button class="abilitybutton" type="roll" name="roll_traps-and-bombswars" value="&{template:warsroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Traps and Bombs}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="traps-and-bombswars">Traps and Bombs</label>
+                        <label for="traps-and-bombswars" data-i18n="traps-and-bombs">Traps and Bombs</label>
                     </button>
-                    <span>(Focus)</span>
+                    <span data-i18n="focus">(Focus)</span>
                     <input class="stylebox" id="traps-and-bombswars" type="number" name="attr_traps-and-bombs">
                     <input class="stylebox" type="number" name="attr_traps-and-bombs_max">
                 
@@ -370,13 +369,13 @@ Note that order of the hidden input and subsheets following it must be preserved
         <section class="columnframe">
             <div class="col">
                 <section class="spacedsection">
-                    <label class="sectionlabel stylebox full" for"occupationwars"><h4>Civilian Occupation</h4></label>
+                    <label class="sectionlabel stylebox full" for="occupationwars" data-i18n="civ-occupation"><h4>Civilian Occupation</h4></label>
                     <textarea class="stylebox textbox" id="occupationwars" name="attr_occupation"></textarea>
                 </section>
             </div>
             <div class="col">
                 <section class="spacedsection">
-                    <label class="sectionlabel stylebox full" for"peculiarwars"><h4>That Damn Peculiar Thing</h4></label>
+                    <label class="sectionlabel stylebox full" for="peculiarwars" data-i18n="damn-peculiar"><h4>That Damn Peculiar Thing</h4></label>
                     <textarea class="stylebox textbox" id="peculiarwars" name="attr_peculiar"></textarea>
                 </section>
             </div>
@@ -389,27 +388,27 @@ Note that order of the hidden input and subsheets following it must be preserved
 
 <div class="aftermath subsheet">
     <header>
-        <h1>AFTERMATH</h1>
+        <h1><span data-i18n="aftermath">AFTERMATH</h1>
         <hr class="bar">
         <h2>
-            <span>CHARACTER SHEET</span>
+            <span data-i18n="character-sheet">CHARACTER SHEET</span>
         </h2>
         <br>
         <section class="topgrid">
             <div class="fullbar">
-                <label class="stylebox" for="nameaftermath">Name</label>
+                <label class="stylebox" for="nameaftermath" data-i18n="name">Name</label>
                 <input class="stylebox" id="nameaftermath"type="text" name="attr_character_name">
             </div>
             <div class="fullbar">
-                <label class="stylebox" for="playeraftermath">Player</label>
+                <label class="stylebox" for="playeraftermath" data-i18n="player">Player</label>
                 <input class="stylebox" id="playeraftermath" type="text" name="attr_player">
             </div>
             <div class="fullbar">
-                <label class="stylebox" for="driveaftermath">Drive</label>
+                <label class="stylebox" for="driveaftermath" data-i18n="drive">Drive</label>
                 <input class="stylebox" id="driveaftermath" type="text" name="attr_drive">
             </div>
             <div class="fullbar">
-                <label class="stylebox" for="occupationaftermath">Occupation</label>
+                <label class="stylebox" for="occupationaftermath" data-i18n="occupation">Occupation</label>
                 <input class="stylebox" id="occupationaftermath" type="text" name="attr_occupation">
             </div>
         </section>    
@@ -417,7 +416,7 @@ Note that order of the hidden input and subsheets following it must be preserved
     
     <main>
         <section>
-            <h3 class="capsheader">INVESTIGATIVE ABILITIES</h3>
+            <h3 class="capsheader" data-i18n="invest-hab">INVESTIGATIVE ABILITIES</h3>
             <div class="columnframe">
                 <div class="col list">
                     <input class="stylebox full" type="text" name="attr_inv1">
@@ -447,105 +446,105 @@ Note that order of the hidden input and subsheets following it must be preserved
             <div class="col">
                 <section>
                     <div class="abilitygrid">
-                        <h3 class="capsheader gridtitle">GENERAL ABILITIES</h3>
+                        <h3 class="capsheader gridtitle" data-i18n="gen-hab">GENERAL ABILITIES</h3>
                         <span>pool</span>
                         <span>max</span>
                 
                         <button class="abilitybutton" type="roll" name="roll_athleticsaftermath" value="&{template:aftermathroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=an}} {{ability=Athletics}} {{roll=[[1d6+?{points spent}]]}}">
-                            <label for="athleticsaftermath">Athletics</label>
+                            <label for="athleticsaftermath" data-i18n="athletics">Athletics</label>
                         </button>
-                        <span>(Physical)</span>
+                        <span data-i18n="physical">(Physical)</span>
                         <input class="stylebox" id="athleticsaftermath" type="number" name="attr_athletics">
                         <input class="stylebox" type="number" name="attr_athletics_max">
 
                         <button class="abilitybutton" type="roll" name="roll_composureaftermath" value="&{template:aftermathroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Composure}} {{roll=[[1d6+?{points spent}]]}}">
-                            <label for="composureaftermath">Composure</label>
+                            <label for="composureaftermath" data-i18n="composure">Composure</label>
                         </button>
-                        <span>(Presence)</span>
+                        <span data-i18n="presence">(Presence)</span>
                         <input class="stylebox" id="composureaftermath" type="number" name="attr_composure">
                         <input class="stylebox" type="number" name="attr_composure_max">
 
                         <button class="abilitybutton" type="roll" name="roll_drivingaftermath" value="&{template:aftermathroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Driving}} {{roll=[[1d6+?{points spent}]]}}">
-                            <label for="drivingaftermath">Driving</label>
+                            <label for="drivingaftermath" data-i18n="driving">Driving</label>
                         </button>
-                        <span>(Physical)</span>
+                        <span data-i18n="physical">(Physical)</span>
                         <input class="stylebox" id="drivingaftermath" type="number" name="attr_driving">
                         <input class="stylebox" type="number" name="attr_driving_max">
 
                         <button class="abilitybutton" type="roll" name="roll_fightingaftermath" value="&{template:aftermathroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Fighting}} {{roll=[[1d6+?{points spent}]]}}">
-                            <label for="fightingaftermath">Fighting</label>
+                            <label for="fightingaftermath" data-i18n="fighting">Fighting</label>
                         </button>
-                        <span>(Physical)</span>
+                        <span data-i18n="physical">(Physical)</span>
                         <input class="stylebox" id="fightingaftermath" type="number" name="attr_fighting">
                         <input class="stylebox" type="number" name="attr_fighting_max">
 
                         <button class="abilitybutton" type="roll" name="roll_first-aidaftermath" value="&{template:aftermathroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=First Aid}} {{roll=[[1d6+?{points spent}]]}}">
-                            <label for="first-aidaftermath">First Aid</label>
+                            <label for="first-aidaftermath" data-i18n="first-aid">First Aid</label>
                         </button>
-                        <span>(Focus)</span>
+                        <span data-i18n="focus">(Focus)</span>
                         <input class="stylebox" id="first-aidaftermath" type="number" name="attr_first-aid">
                         <input class="stylebox" type="number" name="attr_first-aid_max">
 
                         <button class="abilitybutton" type="roll" name="roll_healthaftermath" value="&{template:aftermathroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Health}} {{roll=[[1d6+?{points spent}]]}}">
-                            <label for="healthaftermath">Health</label>
+                            <label for="healthaftermath" data-i18n="health">Health</label>
                         </button>
-                        <span>(Physical)</span>
+                        <span data-i18n="physical">(Physical)</span>
                         <input class="stylebox" id="healthaftermath" type="number" name="attr_health">
                         <input class="stylebox" type="number" name="attr_health_max">
 
                         <button class="abilitybutton" type="roll" name="roll_insurgencyaftermath" value="&{template:aftermathroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=an}} {{ability=Insurgency}} {{roll=[[1d6+?{points spent}]]}}">
-                            <label for="insurgencyaftermath">Insurgency</label>
+                            <label for="insurgencyaftermath" data-i18n="insurgency">Insurgency</label>
                         </button>
-                        <span>(Focus)</span>
+                        <span data-i18n="focus">(Focus)</span>
                         <input class="stylebox" id="insurgencyaftermath" type="number" name="attr_insurgency">
                         <input class="stylebox" type="number" name="attr_insurgency_max">
 
                         <button class="abilitybutton" type="roll" name="roll_mechanicsaftermath" value="&{template:aftermathroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Mechanics}} {{roll=[[1d6+?{points spent}]]}}">
-                            <label for="mechanicsaftermath">Mechanics</label>
+                        <label for="mechanicsaftermath" data-i18n="mechanics">Mechanics</label>
                         </button>
-                        <span>(Focus)</span>
+                        <span data-i18n="focus">(Focus)</span>
                         <input class="stylebox" id="mechanicsaftermath" type="number" name="attr_mechanics">
                         <input class="stylebox" type="number" name="attr_mechanics_max">
 
                         <button class="abilitybutton" type="roll" name="roll_moraleaftermath" value="&{template:aftermathroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Morale}} {{roll=[[1d6+?{points spent}]]}}">
-                            <label for="moraleaftermath">Morale</label>
+                            <label for="moraleaftermath" data-i18n="morale">Morale</label>
                         </button>
-                        <span>(Presence)</span>
+                        <span data-i18n="presence">(Presence)</span>
                         <input class="stylebox" id="moraleaftermath" type="number" name="attr_morale">
                         <input class="stylebox" type="number" name="attr_morale_max">
 
                         <button class="abilitybutton" type="roll" name="roll_networkaftermath" value="&{template:aftermathroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Network}} {{roll=[[1d6+?{points spent}]]}}">
-                            <label for="networkaftermath">Network</label>
+                        <label for="networkaftermath" data-i18n="network">Network</label>
                         </button>
-                        <span>(Focus)</span>
+                        <span data-i18n="focus">(Focus)</span>
                         <input class="stylebox" id="networkaftermath" type="number" name="attr_network">
                         <input class="stylebox" type="number" name="attr_network_max">
 
                         <button class="abilitybutton" type="roll" name="roll_politicsaftermath" value="&{template:aftermathroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Politics}} {{roll=[[1d6+?{points spent}]]}}">
-                            <label for="politicsaftermath">Politics</label>
+                            <label for="politicsaftermath" data-i18n="politics">Politics</label>
                         </button>
-                        <span>(Presence)</span>
+                        <span data-i18n="presence">(Presence)</span>
                         <input class="stylebox" id="politicsaftermath" type="number" name="attr_politics">
                         <input class="stylebox" type="number" name="attr_politics_max">
 
                         <button class="abilitybutton" type="roll" name="roll_preparednessaftermath" value="&{template:aftermathroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Preparedness}} {{roll=[[1d6+?{points spent}]]}}">
-                            <label for="preparednessaftermath">Preparedness</label>
+                            <label for="preparednessaftermath" data-i18n="preparedness">Preparedness</label>
                         </button>
-                        <span>(Presence)</span>
+                        <span data-i18n="presence">(Presence)</span>
                         <input class="stylebox" id="preparednessaftermath" type="number" name="attr_preparedness">
                         <input class="stylebox" type="number" name="attr_preparedness_max">
 
                         <button class="abilitybutton" type="roll" name="roll_sense-troubleaftermath" value="&{template:aftermathroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Sense Trouble}} {{roll=[[1d6+?{points spent}]]}}">
-                            <label for="sense-troubleaftermath">Sense Trouble</label>
+                            <label for="sense-troubleaftermath" data-i18n="sense-trouble">Sense Trouble</label>
                         </button>
-                        <span>(Presence)</span>
+                        <span data-i18n="presence">(Presence)</span>
                         <input class="stylebox" id="sense-troubleaftermath" type="number" name="attr_sense-trouble">
                         <input class="stylebox" type="number" name="attr_sense-trouble_max">
 
                         <button class="abilitybutton" type="roll" name="roll_sneakingaftermath" value="&{template:aftermathroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Sneaking}} {{roll=[[1d6+?{points spent}]]}}">
-                            <label for="sneakingaftermath">Sneaking</label>
+                            <label for="sneakingaftermath"data-i18n="sneaking">Sneaking</label>
                         </button>
-                        <span>(Focus)</span>
+                        <span data-i18n="focus">(Focus)</span>
                         <input class="stylebox" id="sneakingaftermath" type="number" name="attr_sneaking">
                         <input class="stylebox" type="number" name="attr_sneaking_max">
                     </div>
@@ -554,11 +553,11 @@ Note that order of the hidden input and subsheets following it must be preserved
             <div class="col">
                 <section>
                     <h3 class="capsheader"><br></h3>
-                    <label class="sectionlabel stylebox full" for="parallel"><h4>Parallel</h4></label>
+                    <label class="sectionlabel stylebox full" for="parallel" data-i18n="parallel"><h4>Parallel</h4></label>
                     <input class="stylebox full" id="parallel" type="text" name="attr_parallel">
                 </section>
                 <section class="spacedsection">
-                    <label class="sectionlabel stylebox full" for"worst-memory"><h4>Worst Memory</h4></label>
+                    <label class="sectionlabel stylebox full" for="worst-memory" data-i18n="worst-memory"><h4>Worst Memory</h4></label>
                     <textarea class="stylebox textbox" id="worst-memory" name="attr_worst-memory"></textarea>
                 </section>
             </div>
@@ -571,27 +570,27 @@ Note that order of the hidden input and subsheets following it must be preserved
 
 <div class="tinn subsheet">
     <header>
-        <h1>THIS IS NORMAL NOW</h1>
+        <h1><span data-i18n="normalnow">THIS IS NORMAL NOW</span></h1>
         <hr class="bar">
         <h2>
-            <span>Character Sheet</span>
+            <span data-i18n="character-sheet">Character Sheet</span>
         </h2>
         <br>
         <section class="topgrid">
             <div class="fullbar">
-                <label class="stylebox" for="nametinn">Name</label>
+                <label class="stylebox" for="nametinn" data-i18n="name">Name</label>
                 <input class="stylebox" id="nametinn"type="text" name="attr_character_name">
             </div>
             <div class="fullbar">
-                <label class="stylebox" for="playertinn">Player</label>
+                <label class="stylebox" for="playertinn" data-i18n="player">Player</label>
                 <input class="stylebox" id="playertinn" type="text" name="attr_player">
             </div>
             <div class="fullbar">
-                <label class="stylebox" for="drivetinn">Drive</label>
+                <label class="stylebox" for="drivetinn" data-i18n="drive">Drive</label>
                 <input class="stylebox" id="drivetinn" type="text" name="attr_drive">
             </div>
             <div class="fullbar">
-                <label class="stylebox" for="occupationtinn">Occupation</label>
+                <label class="stylebox" for="occupationtinn" data-i18n="occupation">Occupation</label>
                 <input class="stylebox" id="occupationtinn" type="text" name="attr_occupation">
             </div>
         </section>    
@@ -599,7 +598,7 @@ Note that order of the hidden input and subsheets following it must be preserved
     
     <main>
         <section>
-            <h3 class="capsheader">Investigative Abilities</h3>
+            <h3 class="capsheader" data-i18n="invest-hab">Investigative Abilities</h3>
             <div class="columnframe">
                 <div class="col list">
                     <input class="stylebox full" type="text" name="attr_inv1">
@@ -618,7 +617,7 @@ Note that order of the hidden input and subsheets following it must be preserved
         </section>
         <section>
             <h3 class="capsheader pushbar">
-                <span class="pushtitle">Pushes (2):</span>
+                <span class="pushtitle" data-i18n="pushes">Pushes (2):</span>
                 <div class="hexborder">
                     <input class="blankit pushbox" id="push1tinn" type="checkbox" name="attr_push1">
                     <label class="pushcircle" for="push1tinn"></label>
@@ -632,42 +631,42 @@ Note that order of the hidden input and subsheets following it must be preserved
         <section class="columnframe">
             <div class="col">
                 <div class="abilitygrid">
-                    <h3 class="capsheader gridtitle">General Abilities</h3>
-                    <span>pool</span>
-                    <span>max</span>
+                    <h3 class="capsheader gridtitle" data-i18n="gen-hab">General Abilities</h3>
+                    <span data-i18n="pool">pool</span>
+                    <span data-i18n="max">max</span>
                 
                     <button class="abilitybutton" type="roll" name="roll_athleticstinn" value="&{template:tinnroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=an}} {{ability=Athletics}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="athleticstinn">Athletics</label>
+                        <label for="athleticstinn" data-i18n="athletics">Athletics</label>
                     </button>
-                    <span>(Physical)</span>
+                    <span data-i18n="physical">(Physical)</span>
                     <input class="stylebox" id="athleticstinn" type="number" name="attr_athletics">
                     <input class="stylebox" type="number" name="attr_athletics_max">
 
                     <button class="abilitybutton" type="roll" name="roll_composuretinn" value="&{template:tinnroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Composure}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="composuretinn">Composure</label>
+                        <label for="composuretinn" data-i18n="composure">Composure</label>
                     </button>
-                    <span>(Presence)</span>
+                    <span data-i18n="presence">(Presence)</span>
                     <input class="stylebox" id="composuretinn" type="number" name="attr_composure">
                     <input class="stylebox" type="number" name="attr_composure_max">
 
                     <button class="abilitybutton" type="roll" name="roll_drivingtinn" value="&{template:tinnroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Driving}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="drivingtinn">Driving</label>
+                        <label for="drivingtinn" data-i18n="driving">Driving</label>
                     </button>
-                    <span>(Physical)</span>
+                    <span data-i18n="physical">(Physical)</span>
                     <input class="stylebox" id="drivingtinn" type="number" name="attr_driving">
                     <input class="stylebox" type="number" name="attr_driving_max">
 
                     <button class="abilitybutton" type="roll" name="roll_fightingtinn" value="&{template:tinnroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Fighting}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="fightingtinn">Fighting</label>
+                        <label for="fightingtinn" data-i18n="fighting">Fighting</label>
                     </button>
-                    <span>(Physical)</span>
+                    <span data-i18n="physical">(Physical)</span>
                     <input class="stylebox" id="fightingtinn" type="number" name="attr_fighting">
                     <input class="stylebox" type="number" name="attr_fighting_max">
 
                     <button class="abilitybutton" type="roll" name="roll_first-aidtinn" value="&{template:tinnroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=First Aid}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="first-aidtinn">First Aid</label>
+                        <label for="first-aidtinn" data-i18n="first-aid">First Aid</label>
                     </button>
-                    <span>(Focus)</span>
+                    <span data-i18n="focus">(Focus)</span>
                     <input class="stylebox" id="first-aidtinn" type="number" name="attr_first-aid">
                     <input class="stylebox" type="number" name="attr_first-aid_max">
                 </div>
@@ -675,41 +674,41 @@ Note that order of the hidden input and subsheets following it must be preserved
             <div class="col">
                 <div class="abilitygrid">
                     <h3 class="capsheader gridtitle">&nbsp;</h3>
-                    <span>pool</span>
-                    <span>max</span>
+                    <span data-i18n="pool">pool</span>
+                    <span data-i18n="max">max</span>
 
                     <button class="abilitybutton" type="roll" name="roll_healthtinn" value="&{template:tinnroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Health}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="healthtinn">Health</label>
+                        <label for="healthtinn" data-i18n="health">Health</label>
                     </button>
-                    <span>(Physical)</span>
+                    <span data-i18n="physical">(Physical)</span>
                     <input class="stylebox" id="healthtinn" type="number" name="attr_health">
                     <input class="stylebox" type="number" name="attr_health_max">
 
                     <button class="abilitybutton" type="roll" name="roll_mechanicstinn" value="&{template:tinnroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Mechanics}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="mechanicstinn">Mechanics</label>
+                        <label for="mechanicstinn" data-i18n="mechanics">Mechanics</label>
                     </button>
-                    <span>(Focus)</span>
+                    <span data-i18n="focus">(Focus)</span>
                     <input class="stylebox" id="mechanicstinn" type="number" name="attr_mechanics">
                     <input class="stylebox" type="number" name="attr_mechanics_max">
 
                     <button class="abilitybutton" type="roll" name="roll_preparednesstinn" value="&{template:tinnroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Preparedness}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="preparednesstinn">Preparedness</label>
+                        <label for="preparednesstinn" data-i18n="preparedness">Preparedness</label>
                     </button>
-                    <span>(Presence)</span>
+                    <span data-i18n="presence">(Presence)</span>
                     <input class="stylebox" id="preparednesstinn" type="number" name="attr_preparedness">
                     <input class="stylebox" type="number" name="attr_preparedness_max">
 
                     <button class="abilitybutton" type="roll" name="roll_sense-troubletinn" value="&{template:tinnroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Sense Trouble}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="sense-troubletinn">Sense Trouble</label>
+                        <label for="sense-troubletinn" data-i18n="sense-trouble">Sense Trouble</label>
                     </button>
-                    <span>(Presence)</span>
+                    <span data-i18n="presence">(Presence)</span>
                     <input class="stylebox" id="sense-troubletinn" type="number" name="attr_sense-trouble">
                     <input class="stylebox" type="number" name="attr_sense-trouble_max">
 
                     <button class="abilitybutton" type="roll" name="roll_sneakingtinn" value="&{template:tinnroll} {{charname=@{character_name}}} {{spend=?{points spent|0}}} {{article=a}} {{ability=Sneaking}} {{roll=[[1d6+?{points spent}]]}}">
-                        <label for="sneakingtinn">Sneaking</label>
+                        <label for="sneakingtinn" data-i18n="sneaking">Sneaking</label>
                     </button>
-                    <span>(Focus)</span>
+                    <span data-i18n="focus">(Focus)</span>
                     <input class="stylebox" id="sneakingtinn" type="number" name="attr_sneaking">
                     <input class="stylebox" type="number" name="attr_sneaking_max">
                 </div>
@@ -719,13 +718,13 @@ Note that order of the hidden input and subsheets following it must be preserved
         <section class="columnframe">
             <div class="col">
                 <section class="spacedsection">
-                    <label class="sectionlabel hiddenbox stylebox full" for"familiar-face"><h4>Familiar Face</h4></label>
+                    <label class="sectionlabel hiddenbox stylebox full" for="familiar-face" data-i18n="familiar-face"><h4>Familiar Face</h4></label>
                     <textarea class="stylebox textbox" id="familiar-face" name="attr_familiar-face"></textarea>
                 </section>
             </div>
             <div class="col">
                 <section class="spacedsection">
-                    <label class="sectionlabel hiddenbox stylebox full" for"peculiartinn"><h4>Freaking Weird Moment</h4></label>
+                    <label class="sectionlabel hiddenbox stylebox full" for="peculiartinn" data-i18n="freaking"><h4>Freaking Weird Moment</h4></label>
                     <textarea class="stylebox textbox" id="peculiartinn" name="attr_peculiar"></textarea>
                 </section>
             </div>
diff --git a/YellowKing/translation.json b/YellowKing/translation.json
new file mode 100644
index 0000000000..b5c729d727
--- /dev/null
+++ b/YellowKing/translation.json
@@ -0,0 +1,51 @@
+{
+    "paris": "PARIS",
+    "thewars": "The Wars",
+    "sequencetext": "Choose Sequence",
+    "aftermath": "AFTERMATH",
+    "normalnow": "THIS IS NORMAL NOW",
+    "character-sheet": "CHARACTER SHEET",
+    "name": "Name",
+    "player": "Player",
+    "field": "Field",
+    "drive": "Drive",
+    "invest-hab": "INVESTIGATIVE ABILITIES",
+    "pushes": "PUSHES (2)",
+    "gen-hab": "GENERAL ABILITIES",
+    "pool": "pool",
+    "max": "max",
+    "athletics": "Athletics",
+    "physical": "(Physical)",
+    "composure": "Composure",
+    "presence": "(Presence)",
+    "fighting": "Fighting",
+    "first-aid": "First Aid",
+    "focus": "(Focus)",
+    "health": "Health",
+    "mechanics": "Mechanics",
+    "preparedness": "Preparedness",
+    "riding": "Riding",
+    "sense-trouble": "Sense Trouble",
+    "sneaking": "Sneaking",
+    "rely-on": "I Rely On",
+    "protect": "I Seek To Protect",
+    "deuced-peculiar": "That Deuced Peculiar Business",
+    "connection": "Connection",
+    "artillery": "Artillery",
+    "battlefield": "Battlefield",
+    "driving": "Driving",
+    "morale": "Morale",
+    "scrounging": "Scrounging",
+    "traps-and-bombs": "Traps and Bombs",
+    "civ-occupation": "Civilian Occupation",
+    "damn-peculiar": "That Damn Peculiar Thing",
+    "occupation": "Occupation",
+    "insurgency": "Insurgency",
+    "network": "Network",
+    "politics": "Politics",
+    "parallel": "Parallel",
+    "worst-memory": "Worst Memory",
+    "familiar-face": "Familiar Face",
+    "freaking": "Freaking Weird Moment"
+    
+}
\ No newline at end of file