diff --git a/24XX/24xx.css b/24XX/24xx.css
index 349c39d7d8..b8f620f19e 100644
--- a/24XX/24xx.css
+++ b/24XX/24xx.css
@@ -48,21 +48,32 @@ input:focus {
 
 .contain {
     background-color: #ffe69d;
-    min-width: 768px;
     border-radius: 12px;
     border: #393f5f double 4px;
     max-width: 768px;
+    min-width: 768px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 10px;
+}
+.wrapper {
+    margin-top: 10px;
+    background-color: #eeeeee;
+
 }
 
-.content {
-    margin-top: 10px;
+.content_2, .content_3 {
     border: #393f5f double 2px;
     opacity: 1;
     background-image: linear-gradient(0deg, #e96d5e 50%, #666666 50%);
     background-size: 2px 2px;
 }
 
-.content h1 {
+.content_3 {
+    width: 100%
+}
+
+.content_2 h1, .content_3 h1 {
     color: #ffffff;
     text-shadow: 0 0 3px #e96d5e, 0 0 5px #ffe69b;
     font-size: 18px;
@@ -176,7 +187,7 @@ input:focus {
 .radio-toolbar label {
     margin-top: 5px;
     float: left;
-    width: 30px;
+    width: 20px;
 
 }
 
@@ -189,8 +200,8 @@ input:focus {
 }
 
 .radio-toolbar input[type="radio"] + label {
-    padding: 2px;
-    font-size: 28px;
+    padding: 0px;
+    font-size: 20px;
 }
 
 .radio-toolbar input[type="radio"]:checked + label {
@@ -324,11 +335,13 @@ textarea {
     background: rgba(233, 109, 94, 0.5);
     border-radius: 10px;
 }
-.genButtonResources label{
+
+.genButtonResources label {
     color: #e96d5e;
     cursor: pointer;
 
 }
+
 .genButtonResources, .genButtonResources:hover {
     background: transparent;
     border-width: 0;
@@ -418,4 +431,100 @@ textarea {
     background-color: transparent;
     border: none;
     font-size: 24px;
+}
+
+
+
+.item-sp {
+    display: inline-block;
+    text-align: center;
+    align-content: center;
+    background-color: #ffe69d !important;
+    padding: 8px 6px 6px;
+    width: 45%;
+    margin: 5px;
+    border: 1px solid #e96d5e;
+
+    min-height: 28px;
+    border-radius: 12px;
+
+}
+
+
+.radio-toolbar-sp {
+    border-radius: 12px;
+    display: inline-block;
+    text-align: center;
+    align-content: center;
+    /*background-color: #ffe69d !important;*/
+    background: #ffe69d repeating-linear-gradient(45deg, rgba(233, 109, 94, 0.2), rgba(233, 109, 94, 0.2) 14px, #ffe69d 14px, #ffe69d 70px);
+    background-image: fade: 50%;
+    padding: 8px 6px 6px;
+    width: 75%;
+    margin: 5px 5px 8px;
+    border: 1px solid #e96d5e;
+
+}
+
+.radio-toolbar-sp input[type="radio"] {
+    opacity: 0;
+    display: inline-block;
+    float: left;
+    width: 0;
+}
+
+.radio-toolbar-sp input[type="checkbox"] {
+    opacity: 0;
+    display: inline-block;
+    float: left;
+    width: 0;
+}
+
+.radio-toolbar-sp label {
+    margin-top: 5px;
+    float: left;
+    width: 20px;
+
+}
+
+.radio-toolbar-sp ::after {
+    box-sizing: content-box;
+}
+
+.radio-toolbar-sp label:hover {
+    color: #6a7e6a;
+}
+
+.radio-toolbar-sp input[type="radio"] + label {
+    padding: 0px;
+    font-size: 20px;
+    margin: 14px;
+}
+
+.radio-toolbar-sp input[type="radio"]:checked + label {
+    color: #ff9760;
+    padding: 2px;
+    text-shadow: 0 0 3px #000000, 0 0 5px red;
+}
+
+.radio-toolbar-sp input[type="checkbox"] + label {
+    padding: 2px;
+    font-size: 28px;
+}
+
+.fl_dx input-sp[type="checkbox"]:checked + label {
+    color: #e96d5e;
+    padding: 2px;
+}
+
+.r {
+    content: "L";
+    font-family: "Pictos", sans-serif;
+    font-size: 30px;
+    margin-top: 8px !important;
+
+}
+
+input[type="text"]{
+   background-color: transparent;
 }
\ No newline at end of file
diff --git a/24XX/24xx.html b/24XX/24xx.html
index d5f4104519..36cebd77ea 100644
--- a/24XX/24xx.html
+++ b/24XX/24xx.html
@@ -1,279 +1,374 @@
-<div class="contain">
-    <div class="logo"><b>24XX</b></div>
-    <div class="sublogo"><b>LO-FI SCI-FI RPG</b></div>
+<div class="wrapper">
+    <div class="contain">
+        <div class="logo"><b>24XX</b></div>
+        <div class="sublogo"><b data-i18n="sublogo"></b></div>
 
-    <div class="content">
+        <div class="content_2">
 
-        <div class="flexcontainer">
-            <!------------------------------------------------------------------------------------------------>
+            <div class="flexcontainer">
+                <!------------------------------------------------------------------------------------------------>
 
-            <div class="item">
-                <div class="btbg">
+                <div class="item">
+                    <div class="btbg">
+                        <div class="bioTagElement">
+                            <b data-i18n="name"></b> <input type="text" name="attr_character_name">
+                        </div>
+                    </div>
+
+                </div>
+
+
+                <div class="item">
                     <div class="bioTagElement">
-                        <b>Name:</b> <input type="text" name="attr_character_name">
+                        <b data-i18n="specialty"></b> <input type="text" name="attr_character_spec">
                     </div>
                 </div>
 
-            </div>
+
+                <div class="item">
+                    <div class="bioTagElement">
+                        <b data-i18n="origin"></b> <input type="text" name="attr_character_origin">
+                    </div>
+                </div>
+                <div class="content_2" style="width: 100%">
+                    <div class="flexcontainer">
+
+                        <div class="item-sp">
+
+                            <div class="bioTagElement">
+                                <b data-i18n="stress"></b>
+                            </div>
+                            <div class=radio-toolbar-sp">
+
+                                <input id="attr_stress_1" type="radio" name="attr_stress" value="1" checked>
+                                <label for="attr_stress_1" class=r>L</label>
+
+                                <input id="attr_stress_2" type="radio" name="attr_stress" value="2">
+                                <label for="attr_stress_2" class=r>L</label>
+
+                                <input id="attr_stress_3" type="radio" name="attr_stress" value="3">
+                                <label for="attr_stress_3" class=r>L</label>
+
+                                <input id="attr_stress_4" type="radio" name="attr_stress" value="4">
+                                <label for="attr_stress_4" class=r>L</label>
+
+                                <input id="attr_stress_5" type="radio" name="attr_stress" value="5">
+                                <label for="attr_stress_5" class=r>L</label>
 
 
-            <div class="item">
-                <div class="bioTagElement">
-                    <b>Specialty:</b> <input type="text" name="attr_character_spec">
+                            </div>
+
+                        </div>
+                        <div class="item-sp">
+
+                            <div class="bioTagElement">
+                                <b data-i18n="special"></b>
+                            </div>
+                            <div class=radio-toolbar-sp">
+
+                                <input id="attr_stressx_1" type="radio" name="attr_Special" value="1" checked>
+                                <label for="attr_stressx_1" class=r>L</label>
+
+                                <input id="attr_stressx_2" type="radio" name="attr_Special" value="2">
+                                <label for="attr_stressx_2" class=r>L</label>
+
+                                <input id="attr_stressx_3" type="radio" name="attr_Special" value="3">
+                                <label for="attr_stressx_3" class=r>L</label>
+
+                                <input id="attr_stressx_4" type="radio" name="attr_Special" value="4">
+                                <label for="attr_stressx_4" class=r>L</label>
+
+                                <input id="attr_stressx_5" type="radio" name="attr_Special" value="5">
+                                <label for="attr_stressx_5" class=r>L</label>
+
+
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+                <div class="content_2">
+                    <div class="flexcontainer">
+                        <!------------------------------------------------------------------------------------------------>
+
+                        <h1 data-i18n="skills"></h1>
+                        <div class="radio-toolbar">
+                            <input id="skill_1_d12" type="radio" name="attr_skill_1_Dice" value="d12" checked>
+                            <label for="skill_1_d12" class=d12 value="12">l</label>
+                            <input id="skill_1_d10" type="radio" name="attr_skill_1_Dice" value="d10">
+                            <label for="skill_1_d10" class=d10 value="10">k</label>
+
+                            <input id="skill_1_d8" type="radio" name="attr_skill_1_Dice" value="d8">
+                            <label for="skill_1_d8" class=d8 value="8">h</label>
+
+                            <input id="skill_1_d6" type="radio" name="attr_skill_1_Dice" value="d6" checked>
+                            <label for="skill_1_d6" class=d6 value="6">f</label>
+
+                            <input id="skill_1_d4" type="radio" name="attr_skill_1_Dice" value="d4" checked>
+                            <label for="skill_1_d4" class=d4 value="4">d</label>
+
+
+                            <button type='roll' class="genButtonResources"
+                                    value="&{template:resources} {{rollname=FL}} {{D1=[[@{skill_1_Dice}]]}} {{D2=@{skill_1_Dice}}} {{D3=3}} {{D4=@{skill_1}}}">
+                                <label>9</label>
+                            </button>
+
+                            <div class="skillTagElement">
+                                <input type="text" name="attr_skill_1">
+                            </div>
+
+
+                        </div>
+
+                        <!------------------------------------------------------------------------------------------------>
+                        <div class="radio-toolbar">
+                            <input id="skill_2_d12" type="radio" name="attr_skill_2_Dice" value="d12" checked>
+                            <label for="skill_2_d12" class=d12 value="12">l</label>
+                            <input id="skill_2_d10" type="radio" name="attr_skill_2_Dice" value="d10">
+                            <label for="skill_2_d10" class=d10 value="10">k</label>
+                            <input id="skill_2_d8" type="radio" name="attr_skill_2_Dice" value="d8">
+                            <label for="skill_2_d8" class=d8 value="8">h</label>
+
+                            <input id="skill_2_d6" type="radio" name="attr_skill_1_Dice" value="d6" checked>
+                            <label for="skill_2_d6" class=d6 value="6">f</label>
+
+                            <input id="skill_2_d4" type="radio" name="attr_skill_1_Dice" value="d4" checked>
+                            <label for="skill_2_d4" class=d4 value="4">d</label>
+                            <button type='roll' class="genButtonResources"
+                                    value="&{template:resources} {{rollname=FL}} {{D1=[[@{skill_2_Dice}]]}} {{D2=@{skill_2_Dice}}} {{D3=skill_2_Dice}} {{D4=@{skill_2}}}">
+                                <label>9</label>
+                            </button>
+
+
+                            <div class="skillTagElement">
+                                <input type="text" name="attr_skill_2">
+                            </div>
+
+
+                        </div>
+                        <!------------------------------------------------------------------------------------------------>
+                        <div class="radio-toolbar">
+                            <input id="skill_3_d12" type="radio" name="attr_skill_3_Dice" value="d12" checked>
+                            <label for="skill_3_d12" class=d12 value="12">l</label>
+                            <input id="skill_3_d10" type="radio" name="attr_skill_3_Dice" value="d10">
+                            <label for="skill_3_d10" class=d10 value="10">k</label>
+                            <input id="skill_3_d8" type="radio" name="attr_skill_3_Dice" value="d8">
+                            <label for="skill_3_d8" class=d8 value="8">h</label>
+                            <input id="skill_3_d6" type="radio" name="attr_skill_1_Dice" value="d6" checked>
+                            <label for="skill_3_d6" class=d6 value="6">f</label>
+
+                            <input id="skill_3_d4" type="radio" name="attr_skill_1_Dice" value="d4" checked>
+                            <label for="skill_3_d4" class=d4 value="4">d</label>
+                            <button type='roll' class="genButtonResources"
+                                    value="&{template:resources} {{rollname=FL}} {{D1=[[@{skill_3_Dice}]]}} {{D2=@{skill_3_Dice}}} {{D3=skill_3_Dice}} {{D4=@{skill_3}}}">
+                                <label>9</label>
+                            </button>
+                            <div class="skillTagElement">
+                                <input type="text" name="attr_skill_3">
+                            </div>
+
+
+                        </div>
+                        <!------------------------------------------------------------------------------------------------>
+                        <div class="radio-toolbar">
+                            <input id="skill_4_d12" type="radio" name="attr_skill_4_Dice" value="d12" checked>
+                            <label for="skill_4_d12" class=d12 value="12">l</label>
+                            <input id="skill_4_d10" type="radio" name="attr_skill_4_Dice" value="d10">
+                            <label for="skill_4_d10" class=d10 value="10">k</label>
+                            <input id="skill_4_d8" type="radio" name="attr_skill_4_Dice" value="d8">
+                            <label for="skill_4_d8" class=d8 value="8">h</label>
+                            <input id="skill_4_d6" type="radio" name="attr_skill_1_Dice" value="d6" checked>
+                            <label for="skill_4_d6" class=d6 value="6">f</label>
+
+                            <input id="skill_4_d4" type="radio" name="attr_skill_1_Dice" value="d4" checked>
+                            <label for="skill_4_d4" class=d4 value="4">d</label>
+
+                            <button type='roll' class="genButtonResources"
+                                    value="&{template:resources} {{rollname=FL}} {{D1=[[@{skill_4_Dice}]]}} {{D2=@{skill_4_Dice}}} {{D3=skill_4_Dice}} {{D4=@{skill_4}}}">
+                                <label>9</label>
+                            </button>
+                            <div class="skillTagElement">
+                                <input type="text" name="attr_skill_4">
+                            </div>
+
+
+                        </div>
+                        <!------------------------------------------------------------------------------------------------>
+                        <div class="radio-toolbar">
+                            <input id="skill_5_d12" type="radio" name="attr_skill_5_Dice" value="d12" checked>
+                            <label for="skill_5_d12" class=d12 value="12">l</label>
+                            <input id="skill_5_d10" type="radio" name="attr_skill_5_Dice" value="d10">
+                            <label for="skill_5_d10" class=d10 value="10">k</label>
+                            <input id="skill_5_d8" type="radio" name="attr_skill_5_Dice" value="d8">
+                            <label for="skill_5_d8" class=d8 value="8">h</label>
+                            <input id="skill_5_d6" type="radio" name="attr_skill_1_Dice" value="d6" checked>
+                            <label for="skill_5_d6" class=d6 value="6">f</label>
+
+                            <input id="skill_5_d4" type="radio" name="attr_skill_1_Dice" value="d4" checked>
+                            <label for="skill_5_d4" class=d4 value="4">d</label>
+
+                            <button type='roll' class="genButtonResources"
+                                    value="&{template:resources} {{rollname=FL}} {{D1=[[@{skill_5_Dice}]]}} {{D2=@{skill_5_Dice}}} {{D3=skill_5_Dice}} {{D4=@{skill_5}}}">
+                                <label>9</label>
+                            </button>
+                            <div class="skillTagElement">
+                                <input type="text" name="attr_skill_5">
+                            </div>
+
+
+                        </div>
+                        <!------------------------------------------------------------------------------------------------>
+                        <div class="radio-toolbar">
+                            <div>
+
+                                <input id="skill_6_d12" type="radio" name="attr_skill_6_Dice" value="d12" checked>
+                                <label for="skill_6_d12" class=d12 value="12">l</label>
+
+                                <input id="skill_6_d10" type="radio" name="attr_skill_6_Dice" value="d10">
+                                <label for="skill_6_d10" class=d10 value="10">k</label>
+
+                                <input id="skill_6_d8" type="radio" name="attr_skill_6_Dice" value="d8">
+                                <label for="skill_6_d8" class=d8 value="8">h</label>
+
+                                <input id="skill_6_d6" type="radio" name="attr_skill_6_Dice" value="d6" checked>
+                                <label for="skill_6_d6" class=d6 value="6">f</label>
+
+                                <input id="skill_6_d4" type="radio" name="attr_skill_6_Dice" value="d4" checked>
+                                <label for="skill_6_d4" class=d4 value="4">d</label>
+
+                                <button type='roll' class="genButtonResources"
+                                        value="&{template:resources} {{rollname=FL}} {{D1=[[@{skill_6_Dice}]]}} {{D2=@{skill_6_Dice}}} {{D3=skill_6_Dice}} {{D4=@{skill_6}}}">
+                                    <label>9</label>
+                                </button>
+                            </div>
+                            <div class="skillTagElement" style="width: 20%;">
+                                <input type="text" name="attr_skill_6">
+
+                            </div>
+                        </div>
+
+
+                    </div>
+                </div>
+                <div class="content_2">
+                    <div class="flexcontainer">
+                        <!------------------------------------------------------------------------------------------------>
+                        <h1 data-i18n="gear"></h1>
+
+
+                        <div class="radio-toolbar">
+                            <b class="fl_dx">
+                                <input id="g1_dx" type="checkbox" name="attr_g1_cb">
+                                <label for="g1_dx" class=dx>D</label>
+                            </b>
+                            <div class="geerTagElement">
+                                <input type="text" name="attr_g1">
+                            </div>
+
+                        </div>
+                        <div class="radio-toolbar">
+                            <b class="fl_dx">
+                                <input id="g2_dx" type="checkbox" name="attr_g2_cb">
+                                <label for="g2_dx" class=dx>D</label>
+                            </b>
+                            <div class="geerTagElement">
+                                <input type="text" name="attr_g2">
+                            </div>
+
+                        </div>
+
+                        <div class="radio-toolbar">
+                            <b class="fl_dx">
+                                <input id="g3_dx" type="checkbox" name="attr_g3_cb">
+                                <label for="g3_dx" class=dx>D</label>
+                            </b>
+                            <div class="geerTagElement">
+                                <input type="text" name="attr_g3">
+                            </div>
+
+                        </div>
+
+                        <div class="radio-toolbar">
+                            <b class="fl_dx">
+                                <input id="g4_dx" type="checkbox" name="attr_g4_cb">
+                                <label for="g4_dx" class=dx>D</label>
+                            </b>
+                            <div class="geerTagElement">
+                                <input type="text" name="attr_g4">
+                            </div>
+
+                        </div>
+
+                        <div class="radio-toolbar">
+                            <b class="fl_dx">
+                                <input id="g5_dx" type="checkbox" name="attr_g5_cb">
+                                <label for="g5_dx" class=dx>D</label>
+                            </b>
+                            <div class="geerTagElement">
+                                <input type="text" name="attr_g5">
+                            </div>
+
+                        </div>
+
+                        <div class="radio-toolbar">
+                            <b class="fl_dx">
+                                <input id="g6_dx" type="checkbox" name="attr_g6_cb">
+                                <label for="g6_dx" class=dx>D</label>
+                            </b>
+                            <div class="geerTagElement">
+                                <input type="text" name="attr_g6">
+                            </div>
+
+                        </div>
+
+
+                    </div>
+                </div>
+
+
+                <div class="content_3">
+                    <div class="flexcontainer">
+                        <!------------------------------------------------------------------------------------------------>
+                        <h1 data-i18n="notes"></h1>
+                    </div>
+                    <textarea name="attr_notes"></textarea>
                 </div>
             </div>
-
-
-            <div class="item">
-                <div class="bioTagElement">
-                    <b>Origin:</b> <input type="text" name="attr_character_origin">
-                </div>
+            <br>
+            <div class="pallet" style="color: white; font-weight: bolder; font-size: large">
+                <div style="background-color: #e96d5e">#e96d5e</div>
+                <div style="background-color: #ff9760">#ff9760</div>
+                <div style="background-color: #ffe69d">#ffe69d</div>
+                <div style="background-color: #6a7e6a">#6a7e6a</div>
+                <div style="background-color: #393f5f">#393f5f</div>
             </div>
-
-
         </div>
-    </div>
 
-    <div class="content">
-        <div class="flexcontainer">
-            <!------------------------------------------------------------------------------------------------>
+        <rolltemplate class="sheet-rolltemplate-resources">
+            <h1>{{D4}}</h1>
+            <p></p>
 
-            <h1>Skills</h1>
-            <div class="radio-toolbar">
-                <input id="skill_1_d12" type="radio" name="attr_skill_1_Dice" value="d12" checked>
-                <label for="skill_1_d12" class=d12 value="12">l</label>
-                <input id="skill_1_d10" type="radio" name="attr_skill_1_Dice" value="d10">
-                <label for="skill_1_d10" class=d10 value="10">k</label>
-                <input id="skill_1_d8" type="radio" name="attr_skill_1_Dice" value="d8">
-                <label for="skill_1_d8" class=d8 value="8">h</label>
-                <button type='roll' class="genButtonResources"
-                        value="&{template:resources} {{rollname=FL}} {{D1=[[@{skill_1_Dice}]]}} {{D2=@{skill_1_Dice}}} {{D3=3}} {{D4=@{skill_1}}}">
-                    <label>9</label>
-                </button>
+            {{#D1}}
+            <div class="sheet-template-row">Roll: <b> {{D1}} /{{D2}} </b></div>
+            {{/D1}}
 
-                <div class="skillTagElement">
-                    <input type="text" name="attr_skill_1">
-                </div>
+            {{#^rollLess() D1 5 }}
+            <div class="sheet-pass" data-i18n="success"></div>
+            {{/^rollLess() D1 5 }}
 
 
-            </div>
+            {{#rollTotal() D1 4}}
+            <div class="sheet-warn" data-i18n="setback"></div>
+            {{/rollTotal() D1 4}}
 
-            <!------------------------------------------------------------------------------------------------>
-            <div class="radio-toolbar">
-                <input id="skill_2_d12" type="radio" name="attr_skill_2_Dice" value="d12" checked>
-                <label for="skill_2_d12" class=d12 value="12">l</label>
-                <input id="skill_2_d10" type="radio" name="attr_skill_2_Dice" value="d10">
-                <label for="skill_2_d10" class=d10 value="10">k</label>
-                <input id="skill_2_d8" type="radio" name="attr_skill_2_Dice" value="d8">
-                <label for="skill_2_d8" class=d8 value="8">h</label>
-                <button type='roll' class="genButtonResources"
-                        value="&{template:resources} {{rollname=FL}} {{D1=[[@{skill_2_Dice}]]}} {{D2=@{skill_2_Dice}}} {{D3=skill_2_Dice}} {{D4=@{skill_2}}}">
-                    <label>9</label>
-                </button>
+            {{#rollTotal() D1 3}}
+            <div class="sheet-warn" data-i18n="setback"></div>
+            {{/rollTotal() D1 3}}
+
+            {{#rollLess() D1 3}}
+            <div class="sheet-fail" data-i18n="disaster"></div>
+            {{/rollLess() D1 3}}
 
 
-                <div class="skillTagElement">
-                    <input type="text" name="attr_skill_2">
-                </div>
-
-
-            </div>
-            <!------------------------------------------------------------------------------------------------>
-            <div class="radio-toolbar">
-                <input id="skill_3_d12" type="radio" name="attr_skill_3_Dice" value="d12" checked>
-                <label for="skill_3_d12" class=d12 value="12">l</label>
-                <input id="skill_3_d10" type="radio" name="attr_skill_3_Dice" value="d10">
-                <label for="skill_3_d10" class=d10 value="10">k</label>
-                <input id="skill_3_d8" type="radio" name="attr_skill_3_Dice" value="d8">
-                <label for="skill_3_d8" class=d8 value="8">h</label>
-
-                <button type='roll' class="genButtonResources"
-                        value="&{template:resources} {{rollname=FL}} {{D1=[[@{skill_3_Dice}]]}} {{D2=@{skill_3_Dice}}} {{D3=skill_3_Dice}} {{D4=@{skill_3}}}">
-                    <label>9</label>
-                </button>
-                <div class="skillTagElement">
-                    <input type="text" name="attr_skill_3">
-                </div>
-
-
-            </div>
-            <!------------------------------------------------------------------------------------------------>
-            <div class="radio-toolbar">
-                <input id="skill_4_d12" type="radio" name="attr_skill_4_Dice" value="d12" checked>
-                <label for="skill_4_d12" class=d12 value="12">l</label>
-                <input id="skill_4_d10" type="radio" name="attr_skill_4_Dice" value="d10">
-                <label for="skill_4_d10" class=d10 value="10">k</label>
-                <input id="skill_4_d8" type="radio" name="attr_skill_4_Dice" value="d8">
-                <label for="skill_4_d8" class=d8 value="8">h</label>
-                <button type='roll' class="genButtonResources"
-                        value="&{template:resources} {{rollname=FL}} {{D1=[[@{skill_4_Dice}]]}} {{D2=@{skill_4_Dice}}} {{D3=skill_4_Dice}} {{D4=@{skill_4}}}">
-                    <label>9</label>
-                </button>
-                <div class="skillTagElement">
-                    <input type="text" name="attr_skill_4">
-                </div>
-
-
-            </div>
-            <!------------------------------------------------------------------------------------------------>
-            <div class="radio-toolbar">
-                <input id="skill_5_d12" type="radio" name="attr_skill_5_Dice" value="d12" checked>
-                <label for="skill_5_d12" class=d12 value="12">l</label>
-                <input id="skill_5_d10" type="radio" name="attr_skill_5_Dice" value="d10">
-                <label for="skill_5_d10" class=d10 value="10">k</label>
-                <input id="skill_5_d8" type="radio" name="attr_skill_5_Dice" value="d8">
-                <label for="skill_5_d8" class=d8 value="8">h</label>
-                <button type='roll' class="genButtonResources"
-                        value="&{template:resources} {{rollname=FL}} {{D1=[[@{skill_5_Dice}]]}} {{D2=@{skill_5_Dice}}} {{D3=skill_5_Dice}} {{D4=@{skill_5}}}">
-                    <label>9</label>
-                </button>
-                <div class="skillTagElement">
-                    <input type="text" name="attr_skill_5">
-                </div>
-
-
-            </div>
-            <!------------------------------------------------------------------------------------------------>
-            <div class="radio-toolbar">
-                <input id="skill_6_d12" type="radio" name="attr_skill_6_Dice" value="d12" checked>
-                <label for="skill_6_d12" class=d12 value="12">l</label>
-                <input id="skill_6_d10" type="radio" name="attr_skill_6_Dice" value="d10">
-                <label for="skill_6_d10" class=d10 value="10">k</label>
-                <input id="skill_6_d8" type="radio" name="attr_skill_6_Dice" value="d8">
-                <label for="skill_6_d8" class=d8 value="8">h</label>
-                <button type='roll' class="genButtonResources"
-                        value="&{template:resources} {{rollname=FL}} {{D1=[[@{skill_6_Dice}]]}} {{D2=@{skill_6_Dice}}} {{D3=skill_6_Dice}} {{D4=@{skill_6}}}">
-                    <label>9</label>
-                </button>
-                <div class="skillTagElement">
-                    <input type="text" name="attr_skill_6">
-                </div>
-
-
-            </div>
-
-
-        </div>
-    </div>
-    <div class="content">
-        <div class="flexcontainer">
-            <!------------------------------------------------------------------------------------------------>
-            <h1>Gear & Upgrades</h1>
-
-
-            <div class="radio-toolbar">
-                <b class="fl_dx">
-                    <input id="g1_dx" type="checkbox" name="attr_g1_cb">
-                    <label for="g1_dx" class=dx>D</label>
-                </b>
-                <div class="geerTagElement">
-                    <input type="text" name="attr_g1">
-                </div>
-
-            </div>
-            <div class="radio-toolbar">
-                <b class="fl_dx">
-                    <input id="g2_dx" type="checkbox" name="attr_g2_cb">
-                    <label for="g2_dx" class=dx>D</label>
-                </b>
-                <div class="geerTagElement">
-                    <input type="text" name="attr_g2">
-                </div>
-
-            </div>
-
-            <div class="radio-toolbar">
-                <b class="fl_dx">
-                    <input id="g3_dx" type="checkbox" name="attr_g3_cb">
-                    <label for="g3_dx" class=dx>D</label>
-                </b>
-                <div class="geerTagElement">
-                    <input type="text" name="attr_g3">
-                </div>
-
-            </div>
-
-            <div class="radio-toolbar">
-                <b class="fl_dx">
-                    <input id="g4_dx" type="checkbox" name="attr_g4_cb">
-                    <label for="g4_dx" class=dx>D</label>
-                </b>
-                <div class="geerTagElement">
-                    <input type="text" name="attr_g4">
-                </div>
-
-            </div>
-
-            <div class="radio-toolbar">
-                <b class="fl_dx">
-                    <input id="g5_dx" type="checkbox" name="attr_g5_cb">
-                    <label for="g5_dx" class=dx>D</label>
-                </b>
-                <div class="geerTagElement">
-                    <input type="text" name="attr_g5">
-                </div>
-
-            </div>
-
-            <div class="radio-toolbar">
-                <b class="fl_dx">
-                    <input id="g6_dx" type="checkbox" name="attr_g6_cb">
-                    <label for="g6_dx" class=dx>D</label>
-                </b>
-                <div class="geerTagElement">
-                    <input type="text" name="attr_g6">
-                </div>
-
-            </div>
-
-
-        </div>
-    </div>
-
-
-    <div class="content">
-        <div class="flexcontainer">
-            <!------------------------------------------------------------------------------------------------>
-            <h1>Notes</h1>
-        </div>
-        <textarea name="attr_notes"></textarea>
-    </div>
-</div>
-<br>
-<div class="pallet" style="color: white; font-weight: bolder; font-size: large">
-    <div style="background-color: #e96d5e">#e96d5e</div>
-    <div style="background-color: #ff9760">#ff9760</div>
-    <div style="background-color: #ffe69d">#ffe69d</div>
-    <div style="background-color: #6a7e6a">#6a7e6a</div>
-    <div style="background-color: #393f5f">#393f5f</div>
-</div>
-
-
-<rolltemplate class="sheet-rolltemplate-resources">
-    <h1>{{D4}}</h1>
-    <p></p>
-
-    {{#D1}}
-    <div class="sheet-template-row">Roll: <b> {{D1}} /{{D2}} </b></div>
-    {{/D1}}
-
-    {{#^rollLess() D1 5 }}
-    <div class="sheet-pass">Success</div>
-    {{/^rollLess() D1 5 }}
-
-
-    {{#rollTotal() D1 4}}
-    <div class="sheet-warn">Setback</div>
-    {{/rollTotal() D1 4}}
-
-    {{#rollTotal() D1 3}}
-    <div class="sheet-warn">Setback</div>
-    {{/rollTotal() D1 3}}
-
-    {{#rollLess() D1 3}}
-    <div class="sheet-fail">Disaster</div>
-    {{/rollLess() D1 3}}
-
-
-</rolltemplate>
+        </rolltemplate>
 
diff --git a/24XX/translation.json b/24XX/translation.json
new file mode 100644
index 0000000000..ac1c948ffc
--- /dev/null
+++ b/24XX/translation.json
@@ -0,0 +1,16 @@
+{
+  "disaster": "Disaster",
+  "gear": "Gear & Upgrades",
+  "hindrances": "Hindrances",
+  "luck": "Luck",
+  "name": "Name:",
+  "notes": "Notes",
+  "origin": "Origin:",
+  "setback": "Setback",
+  "skills": "Skills",
+  "specialty": "Specialty:",
+  "stress": "Stress",
+  "sublogo": "LO-FI SCI-FI RPG",
+  "success": "Success",
+  "special": "Special"
+}
\ No newline at end of file
diff --git a/24XX/translations/fr.json b/24XX/translations/fr.json
new file mode 100644
index 0000000000..192b8f7958
--- /dev/null
+++ b/24XX/translations/fr.json
@@ -0,0 +1,16 @@
+{
+  "disaster": "Désastre",
+  "gear": "Équipement & Modifications",
+  "hindrances": "Contraintes",
+  "luck": "Chance",
+  "name": "Nom:",
+  "notes": "Notes",
+  "origin": "Origine:",
+  "setback": "Revers",
+  "skills": "Compétences",
+  "specialty": "Spécialité:",
+  "stress": "Stress",
+  "sublogo": "Un jeu de rôle de science-fiction lo-fi",
+  "success": "Succès",
+  "special": "spécial"
+}
\ No newline at end of file