Adding translation support

This commit is contained in:
LilLiteralist
2024-01-24 22:32:42 +02:00
committed by GitHub
parent b53048e509
commit 42a4571898
+112 -112
View File
@@ -1,91 +1,91 @@
<!-- Set up the Tabs -->
<div class="tab-section">
<input type="radio" class="tab tab1" name="attr_core-tab" value="1" title="Angel" checked="checked"/>
<span class="tab tab1" style='line-height: 40px;'>Angel</span>
<input type="radio" class="tab tab2" name="attr_core-tab" value="2" title="Demon" />
<span class="tab tab2" style='line-height: 40px;'>Demon</span>
<input type="radio" class="tab tab1" name="attr_core-tab" value="1" title="Angel" checked="checked">
<span class="tab tab1" style="line-height: 40px;" data-i18n="Angel">Angel</span>
<input type="radio" class="tab tab2" name="attr_core-tab" value="2" title="Demon">
<span class="tab tab2" style="line-height: 40px;" data-i18n="Demon">Demon</span>
</div>
<div class="main-grid">
<div class="header-grid">
<!-- In Nomine logo text -->
<div class="logo vertical-container" style="grid-column-start:1; grid-row-start:span 2">
<span class="serif-font vertical-center">In Nomine</span>
<span class="serif-font vertical-center" data-i18n="In Nomine">In Nomine</span>
</div>
<div class="header-entry" style="grid-column-start:2; grid-row-start:1">
<span class="vertical-center">Name</span>
<input class="vertical-center" name="attr_name" type="text" title="@{name}"/>
<span class="vertical-center" data-i18n="Name">Name</span>
<input class="vertical-center" name="attr_name" type="text" title="@{name}">
</div>
<div class="header-entry" style="grid-column-start:2; grid-row-start:2;">
<!-- These hidden checkboxes will hide/show the angel/demon content. -->
<input type="checkbox" class="tab1 hidden" name="attr_core-tab" value="1" title="Angel" checked="checked"/>
<input type="checkbox" class="tab2 hidden" name="attr_core-tab" value="2" title="Demon" />
<span class="angel-section vertical-center">Archangel</span>
<input type="checkbox" class="tab1 hidden" name="attr_core-tab" value="1" title="Angel" checked="checked" data-i18n-title="Angel">
<input type="checkbox" class="tab2 hidden" name="attr_core-tab" value="2" title="Demon" data-i18n-title="Demon">
<span class="angel-section vertical-center" data-i18n="Archangel">Archangel</span>
<select class="angel-section vertical-center" name="attr_archangel" title="@{archangel}">
<option value="Blandine">Blandine</option>
<option value="David">David</option>
<option value="Dominic">Dominic</option>
<option value="Eli">Eli</option>
<option value="Gabriel">Gabriel</option>
<option value="Janus">Janus</option>
<option value="Jean">Jean</option>
<option value="Jordi">Jordi</option>
<option value="Laurence">Laurence</option>
<option value="Marc">Marc</option>
<option value="Michael">Michael</option>
<option value="Novalis">Novalis</option>
<option value="Yves">Yves</option>
<option value="Blandine" data-i18n="Blandine">Blandine</option>
<option value="David" data-i18n="David">David</option>
<option value="Dominic" data-i18n="Dominic">Dominic</option>
<option value="Eli" data-i18n="Eli">Eli</option>
<option value="Gabriel" data-i18n="Gabriel">Gabriel</option>
<option value="Janus" data-i18n="Janus">Janus</option>
<option value="Jean" data-i18n="Jean">Jean</option>
<option value="Jordi" data-i18n="Jordi">Jordi</option>
<option value="Laurence" data-i18n="Laurence">Laurence</option>
<option value="Marc" data-i18n="Marc">Marc</option>
<option value="Michael" data-i18n="Michael">Michael</option>
<option value="Novalis" data-i18n="Novalis">Novalis</option>
<option value="Yves" data-i18n="Yves">Yves</option>
</select>
<span class="demon-section vertical-center">Prince</span>
<span class="demon-section vertical-center" data-i18n="Prince">Prince</span>
<select class="demon-section vertical-center" name="attr_prince" title="@{prince}">
<option value="Andrealphus">Andrealphus</option>
<option value="Asmodeus">Asmodeus</option>
<option value="Baal">Baal</option>
<option value="Beleth">Beleth</option>
<option value="Belial">Belial</option>
<option value="Haagenti">Haagenti</option>
<option value="Kobal">Kobal</option>
<option value="Kronos">Kronos</option>
<option value="Lilith">Lilith</option>
<option value="Malphas">Malphas</option>
<option value="Nybbas">Nybbas</option>
<option value="Saminga">Saminga</option>
<option value="Valefor">Valefor</option>
<option value="Vapula">Vapula</option>
<option value="Andrealphus" data-i18n="Andrealphus">Andrealphus</option>
<option value="Asmodeus" data-i18n="Asmodeus">Asmodeus</option>
<option value="Baal" data-i18n="Baal">Baal</option>
<option value="Beleth" data-i18n="Beleth">Beleth</option>
<option value="Belial" data-i18n="Belial">Belial</option>
<option value="Haagenti" data-i18n="Haagenti">Haagenti</option>
<option value="Kobal" data-i18n="Kobal">Kobal</option>
<option value="Kronos" data-i18n="Kronos">Kronos</option>
<option value="Lilith" data-i18n="Lilith">Lilith</option>
<option value="Malphas" data-i18n="Malphas">Malphas</option>
<option value="Nybbas" data-i18n="Nybbas">Nybbas</option>
<option value="Saminga" data-i18n="Saminga">Saminga</option>
<option value="Valefor" data-i18n="Valefor">Valefor</option>
<option value="Vapula" data-i18n="Vapula">Vapula</option>
</select>
</div>
<div class="header-entry" style="grid-column-start:3; grid-row-start:1">
<!-- These hidden checkboxes will hide/show the angel/demon content. -->
<input type="checkbox" class="tab1 hidden" name="attr_core-tab" value="1" title="Angel" checked="checked"/>
<input type="checkbox" class="tab2 hidden" name="attr_core-tab" value="2" title="Demon" />
<span class="angel-section vertical-center">Choir</span>
<input type="checkbox" class="tab1 hidden" name="attr_core-tab" value="1" title="Angel" checked="checked" data-i18n-title="Angel">
<input type="checkbox" class="tab2 hidden" name="attr_core-tab" value="2" title="Demon" data-i18n-title="Demon">
<span class="angel-section vertical-center" data-i18n="Choir">Choir</span>
<select class="angel-section vertical-center" name="attr_choir" title="@{choir}">
<option value="Cherubim">Cherubim</option>
<option value="Elohim">Elohim</option>
<option value="Grigori">Grigori</option>
<option value="Kyriotates">Kyriotates</option>
<option value="Malakim">Malakim</option>
<option value="Mercurians">Mercurians</option>
<option value="Ofanim">Ofanim</option>
<option value="Seraphim">Seraphim</option>
<option value="Cherubim" data-i18n="Cherubim">Cherubim</option>
<option value="Elohim" data-i18n="Elohim">Elohim</option>
<option value="Grigori" data-i18n="Grigori">Grigori</option>
<option value="Kyriotates" data-i18n="Kyriotates">Kyriotates</option>
<option value="Malakim" data-i18n="Malakim">Malakim</option>
<option value="Mercurians" data-i18n="Mercurians">Mercurians</option>
<option value="Ofanim" data-i18n="Ofanim">Ofanim</option>
<option value="Seraphim" data-i18n="Seraphim">Seraphim</option>
</select>
<span class="demon-section vertical-center">Band</span>
<span class="demon-section vertical-center" data-i18n="Band">Band</span>
<select class="demon-section vertical-center" name="attr_band" title="@{band}">
<option value="Balseraphs">Balseraphs</option>
<option value="Djinn">Djinn</option>
<option value="Calabim">Calabim</option>
<option value="Habbalah">Habbalah</option>
<option value="Impudites">Impudites</option>
<option value="Lilim">Lilim</option>
<option value="Shedim">Shedim</option>
<option value="Balseraphs" data-i18n="Balseraphs">Balseraphs</option>
<option value="Djinn" data-i18n="Djinn">Djinn</option>
<option value="Calabim" data-i18n="Calabim">Calabim</option>
<option value="Habbalah" data-i18n="Habbalah">Habbalah</option>
<option value="Impudites" data-i18n="Impudites">Impudites</option>
<option value="Lilim" data-i18n="Lilim">Lilim</option>
<option value="Shedim" data-i18n="Shedim">Shedim</option>
</select>
</div>
<div class="header-entry" style="grid-column-start:3; grid-row-start:2">
<span class="vertical-center">Word</span>
<input class="vertical-center" name="attr_word" type="text" title="@{word}"/>
<span class="vertical-center" data-i18n="Word">Word</span>
<input class="vertical-center" name="attr_word" type="text" title="@{word}">
</div>
<div class="header-entry" style="grid-column-start:4; grid-row-start:span 2">
<span style="justify-self:center;">Essence</span>
<input class="center-input" name="attr_essence" type="text" style="width:50px;justify-self:center;" title="@{essence}"/>
<span style="justify-self:center;" data-i18n="Essence">Essence</span>
<input class="center-input" name="attr_essence" type="text" style="width:50px;justify-self:center;" title="@{essence}">
</div>
</div>
<!-- Core Stats -->
@@ -93,56 +93,56 @@
<!--============== Corporeal ==============-->
<div class="corporeal-grid attribute-padding" style="grid-column:1/6;grid-row:1/4" id="corporeal">
<div class="core-stats-header" style="grid-column:1/7;grid-row:1/2">
<span class="serif-font">Corporeal</span>
<input name="attr_corporeal" type="text" title="@{corporeal}"/>
<span class="serif-font" data-i18n="Corporeal">Corporeal</span>
<input name="attr_corporeal" type="text" title="@{corporeal}">
</div>
<!-- Strength and Agility Characteristics -->
<div style="grid-column:1/4;grid-row:2/4;">
<input class="center-input characteristic" name="attr_strength" type="text" title="@{strength}"/>
<p>Strength</p>
<input class="center-input characteristic" name="attr_strength" type="text" title="@{strength}">
<p data-i18n="Strength">Strength</p>
</div>
<div style="grid-column:4/7;grid-row:2/4">
<input class="center-input characteristic" name="attr_agility" type="text" title="@{agility}"/>
<p>Agility</p>
<input class="center-input characteristic" name="attr_agility" type="text" title="@{agility}">
<p data-i18n="Agility">Agility</p>
</div>
<!-- Vessel 1-->
<div style="grid-column:1/5;grid-row:4/5">
<input name="attr_vessel1" type="text" title="@{vessel1}"/>
<p>Vessel</p>
<input name="attr_vessel1" type="text" title="@{vessel1}">
<p data-i18n="Vessel">Vessel</p>
</div>
<div style="grid-column:5/6;grid-row:4/5">
<input name="attr_body1" type="text" title="@{body1}"/>
<p>Body</p>
<input name="attr_body1" type="text" title="@{body1}">
<p data-i18n="Body">Body</p>
</div>
<div style="grid-column:6/7;grid-row:4/5">
<input name="attr_vessel-hits1" type="text" title="@{vessel-hits1}"/>
<p>Hits</p>
<input name="attr_vessel-hits1" type="text" title="@{vessel-hits1}">
<p data-i18n="Hits">Hits</p>
</div>
<!-- Vessel 2-->
<div style="grid-column:1/5;grid-row:5/6">
<input name="attr_vessel2" type="text" title="@{vessel2}"/>
<p>Vessel</p>
<input name="attr_vessel2" type="text" title="@{vessel2}">
<p data-i18n="Vessel">Vessel</p>
</div>
<div style="grid-column:5/6;grid-row:5/6">
<input name="attr_body2" type="text" title="@{body2}"/>
<p>Body</p>
<input name="attr_body2" type="text" title="@{body2}">
<p data-i18n="Body">Body</p>
</div>
<div style="grid-column:6/7;grid-row:5/6">
<input name="attr_vessel-hits2" type="text" title="@{vessel-hits2}"/>
<p>Hits</p>
<input name="attr_vessel-hits2" type="text" title="@{vessel-hits2}">
<p data-i18n="Hits">Hits</p>
</div>
<!-- Vessel 3-->
<div style="grid-column:1/5;grid-row:6/7">
<input name="attr_vessel3" type="text" title="@{vessel3}"/>
<p>Vessel</p>
<input name="attr_vessel3" type="text" title="@{vessel3}">
<p data-i18n="Vessel">Vessel</p>
</div>
<div style="grid-column:5/6;grid-row:6/7">
<input name="attr_body3" type="text" title="@{body3}"/>
<p>Body</p>
<input name="attr_body3" type="text" title="@{body3}">
<p data-i18n="Body">Body</p>
</div>
<div style="grid-column:6/7;grid-row:6/7">
<input name="attr_vessel-hits3" type="text" title="@{vessel-hits3}"/>
<p>Hits</p>
<input name="attr_vessel-hits3" type="text" title="@{vessel-hits3}">
<p data-i18n="Hits">Hits</p>
</div>
</div>
<!-- Corporeal Textarea -->
@@ -152,26 +152,26 @@
<!--============== Ethereal ==============-->
<div class="ethereal-grid attribute-padding" style="grid-column:6/11;grid-row:1/4" id="ethereal">
<div class="core-stats-header" style="grid-column-start:span 6;grid-row:1/2">
<span class="serif-font">Ethereal</span>
<input name="attr_ethereal" type="text" title="@{ethereal}"/>
<span class="serif-font" data-i18n="Ethereal">Ethereal</span>
<input name="attr_ethereal" type="text" title="@{ethereal}">
</div>
<!-- Intelligence and Precision Characteristics -->
<div style="grid-column:1/4;grid-row:2/4;">
<input class="center-input characteristic" name="attr_intelligence" type="text" title="@{intelligence}"/>
<p>Intelligence</p>
<input class="center-input characteristic" name="attr_intelligence" type="text" title="@{intelligence}">
<p data-i18n="Intelligence">Intelligence</p>
</div>
<div style="grid-column:4/7;grid-row:2/4;">
<input class="center-input characteristic" name="attr_precision" type="text" title="@{precision}"/>
<p>Precision</p>
<input class="center-input characteristic" name="attr_precision" type="text" title="@{precision}">
<p data-i18n="Precision">Precision</p>
</div>
<!-- Mind and Hits -->
<div style="grid-column:2/3;grid-row:4/5;">
<input name="attr_mind" type="text" title="@{mind}"/>
<p>Mind</p>
<input name="attr_mind" type="text" title="@{mind}">
<p data-i18n="Mind">Mind</p>
</div>
<div style="grid-column:4/5;grid-row:4/5;">
<input name="attr_mind-hits" type="text" title="@{mind-hits}"/>
<p>Hits</p>
<input name="attr_mind-hits" type="text" title="@{mind-hits}">
<p data-i18n="Hits">Hits</p>
</div>
</div>
<!-- Ethereal Textarea -->
@@ -180,45 +180,45 @@
</div>
<!--============== Dissonance ==============-->
<div class="dissonance" style="grid-column:10/12;grid-row-start:3">
<input class="center-input" name="attr_dissonance" type="text" title="@{dissonance}"/>
<p>Dissonance</p>
<input class="center-input" name="attr_dissonance" type="text" title="@{dissonance}">
<p data-i18n="Dissonance">Dissonance</p>
</div>
<!--============== Celestial ==============-->
<div class="celestial-grid attribute-padding" style="grid-column:11/16;grid-row:1/4" id="celestial">
<div class="core-stats-header" style="grid-column-start:span 6;grid-row:1/2">
<span class="serif-font">Celestial</span>
<input name="attr_celestial" type="text" title="@{celestial}"/>
<span class="serif-font" data-i18n="Celestial">Celestial</span>
<input name="attr_celestial" type="text" title="@{celestial}">
</div>
<!-- Intelligence and Precision Characteristics -->
<div style="grid-column:1/4;grid-row:2/4;">
<input class="center-input characteristic" name="attr_will" type="text" title="@{will}"/>
<p>Will</p>
<input class="center-input characteristic" name="attr_will" type="text" title="@{will}">
<p data-i18n="Will">Will</p>
</div>
<div style="grid-column:4/7;grid-row:2/4;">
<input class="center-input characteristic" name="attr_perception" type="text" title="@{perception}"/>
<p>Perception</p>
<input class="center-input characteristic" name="attr_perception" type="text" title="@{perception}">
<p data-i18n="Perception">Perception</p>
</div>
<!-- Mind and Hits -->
<div style="grid-column:3/4;grid-row:4/5;">
<input name="attr_soul" type="text" title="@{soul}"/>
<p>Soul</p>
<input name="attr_soul" type="text" title="@{soul}">
<p data-i18n="Soul">Soul</p>
</div>
<div style="grid-column:5/6;grid-row:4/5;">
<input name="attr_soul-hits" type="text" title="@{soul-hits}"/>
<p>Hits</p>
<input name="attr_soul-hits" type="text" title="@{soul-hits}">
<p data-i18n="Hits">Hits</p>
</div>
</div>
<!-- Celestial Textarea -->
<div class="attribute-padding"style="grid-column:11/16;grid-row-start:4">
<div class="attribute-padding" style="grid-column:11/16;grid-row-start:4">
<textarea name="attr_box3" class="large-textarea" title="@{box3}"></textarea>
</div>
<!-- Other boxes -->
<div class="attribute-padding" style="grid-column:16/21;grid-row-start:span 2" id="boxes">
<p>Attunements & Distinctions</p>
<textarea name="attr_attunements" class="large-textarea" title="@{attunements}" />
<p>Discord</p>
<textarea name="attr_discord" class="large-textarea" title="@{discord}" />
<p data-i18n="Attunements &amp; Distinctions">Attunements &amp; Distinctions</p>
<textarea name="attr_attunements" class="large-textarea" title="@{attunements}"></textarea>
<p data-i18n="Discord">Discord</p>
<textarea name="attr_discord" class="large-textarea" title="@{discord}"></textarea>
</div>
</div>
</div>