roll20-character-sheets/Knight/pug/html/tab/art.html

<div class="tabArt tab">
    <div class="col">
        <div class="domaineArtistique">
            <input class="bonusCarac" type="hidden" name="attr_bonusCarac" value="0" />

            <div class="data">
                <button type="roll" name="roll_1d6" value="@{jetGM} &{template:base} {{Nom=@{name}}} {{type=1D6}} {{jet=[[1d6]]}}" ></button>
                <button type="roll" name="roll_2d6" value="@{jetGM} &{template:base} {{Nom=@{name}}} {{type=2D6}} {{jet=[[2d6]]}}" ></button>
                <button type="roll" name="roll_3d6" value="@{jetGM} &{template:base} {{Nom=@{name}}} {{type=3D6}} {{jet=[[3d6]]}}" ></button>
                <button type="roll" name="roll_4d6" value="@{jetGM} &{template:base} {{Nom=@{name}}} {{type=4D6}} {{jet=[[4d6]]}}" ></button>
            </div>
            <div class="titre">
                <button type="action" class="fichePJ bonusCaracL1" name="act_bonusCarac_1" data-i18n-title="+1 Caractéristique" title="+1 Caractéristique" >+1</button>
                <button type="action" class="fichePJ bonusCaracL2" name="act_bonusCarac_2" data-i18n-title="+2 Caractéristique" title="+2 Caractéristique" >+2</button>

                <input type="text" name="attr_domaineArtistique" data-i18n-placeholder="domaine-artistique" placeholder="Domaine Artistique" value="" />
               
                <button class="rollDice" type="action" name="act_domaineArtistique" value="@{jetGM} &{template:simple} {{Nom=@{name}}}  {{special1=@{domaineArtistique}}} {{text1=@{effetPratique}}} {{qualiteApprenti=@{dAApprenti}}} {{qualiteInitie=@{dAInitie}}} {{qualiteMaitre=@{dAMaître}}} {{button=true}} {{1d6=[1D6](~1d6)}} {{2d6=[2D6](~2d6)}} {{3d6=[3D6](~3d6)}} {{4d6=[4D6](~4d6)}}"></button>
            </div>
            <div class="rollPJ">
                <select name="attr_caracteristique1Art">
                    <option value="0" selected></option>
                    <option value="@{deplacement}" data-i18n="deplacement">Déplacement</option>
                    <option value="@{force}" data-i18n="force">Force</option>
                    <option value="@{endurance}" data-i18n="endurance">Endurance</option>
                    <option value="@{hargne}" data-i18n="hargne">Hargne</option>
                    <option value="@{combat}" data-i18n="combat">Combat</option>
                    <option value="@{instinct}" data-i18n="instinct">Instinct</option>
                    <option value="@{tir}" data-i18n="tir">Tir</option>
                    <option value="@{savoir}" data-i18n="savoir">Savoir</option>
                    <option value="@{technique}" data-i18n="technique">Technique</option>
                    <option value="@{aura}" data-i18n="aura">Aura</option>
                    <option value="@{parole}" data-i18n="parole">Parole</option>
                    <option value="@{sf}" data-i18n="sang-froid">Sang-Froid</option>
                    <option value="@{discretion}" data-i18n="discretion">Discrétion</option>
                    <option value="@{dexterite}" data-i18n="dexterite">Dextérité</option>
                    <option value="@{perception}" data-i18n="perception">Perception</option>
                </select>
                <select name="attr_caracteristique2Art">
                    <option value="0" selected></option>
                    <option value="@{deplacement}" data-i18n="deplacement">Déplacement</option>
                    <option value="@{force}" data-i18n="force">Force</option>
                    <option value="@{endurance}" data-i18n="endurance">Endurance</option>
                    <option value="@{hargne}" data-i18n="hargne">Hargne</option>
                    <option value="@{combat}" data-i18n="combat">Combat</option>
                    <option value="@{instinct}" data-i18n="instinct">Instinct</option>
                    <option value="@{tir}" data-i18n="tir">Tir</option>
                    <option value="@{savoir}" data-i18n="savoir">Savoir</option>
                    <option value="@{technique}" data-i18n="technique">Technique</option>
                    <option value="@{aura}" data-i18n="aura">Aura</option>
                    <option value="@{parole}" data-i18n="parole">Parole</option>
                    <option value="@{sf}" data-i18n="sang-froid">Sang-Froid</option>
                    <option value="@{discretion}" data-i18n="discretion">Discrétion</option>
                    <option value="@{dexterite}" data-i18n="dexterite">Dextérité</option>
                    <option value="@{perception}" data-i18n="perception">Perception</option>
                </select>
            </div>
            <div class="bonusCarac">
                <select name="attr_caracteristique3Art">
                    <option value="0" selected></option>
                    <option value="@{deplacement}" data-i18n="deplacement">Déplacement</option>
                    <option value="@{force}" data-i18n="force">Force</option>
                    <option value="@{endurance}" data-i18n="endurance">Endurance</option>
                    <option value="@{hargne}" data-i18n="hargne">Hargne</option>
                    <option value="@{combat}" data-i18n="combat">Combat</option>
                    <option value="@{instinct}" data-i18n="instinct">Instinct</option>
                    <option value="@{tir}" data-i18n="tir">Tir</option>
                    <option value="@{savoir}" data-i18n="savoir">Savoir</option>
                    <option value="@{technique}" data-i18n="technique">Technique</option>
                    <option value="@{aura}" data-i18n="aura">Aura</option>
                    <option value="@{parole}" data-i18n="parole">Parole</option>
                    <option value="@{sf}" data-i18n="sang-froid">Sang-Froid</option>
                    <option value="@{discretion}" data-i18n="discretion">Discrétion</option>
                    <option value="@{dexterite}" data-i18n="dexterite">Dextérité</option>
                    <option value="@{perception}" data-i18n="perception">Perception</option>
                </select>
                <select name="attr_caracteristique4Art">
                    <option value="0" selected></option>
                    <option value="@{deplacement}" data-i18n="deplacement">Déplacement</option>
                    <option value="@{force}" data-i18n="force">Force</option>
                    <option value="@{endurance}" data-i18n="endurance">Endurance</option>
                    <option value="@{hargne}" data-i18n="hargne">Hargne</option>
                    <option value="@{combat}" data-i18n="combat">Combat</option>
                    <option value="@{instinct}" data-i18n="instinct">Instinct</option>
                    <option value="@{tir}" data-i18n="tir">Tir</option>
                    <option value="@{savoir}" data-i18n="savoir">Savoir</option>
                    <option value="@{technique}" data-i18n="technique">Technique</option>
                    <option value="@{aura}" data-i18n="aura">Aura</option>
                    <option value="@{parole}" data-i18n="parole">Parole</option>
                    <option value="@{sf}" data-i18n="sang-froid">Sang-Froid</option>
                    <option value="@{discretion}" data-i18n="discretion">Discrétion</option>
                    <option value="@{dexterite}" data-i18n="dexterite">Dextérité</option>
                    <option value="@{perception}" data-i18n="perception">Perception</option>
                </select>
            </div>
            <label class="rollBonus">
                <span data-i18n="bonus/malus-jets">Bonus/Malus aux Jets</span>
                <input type="number" name="attr_jetModifDes" value="0" />
            </label>
            <h2 class="titreBis" data-i18n="art-effet-pratique">Effet de pratique</h2>
            <div class="autoex autoex28">
                <span name="attr_effetPratique"></span>
                <textarea name="attr_effetPratique"></textarea>
            </div>
            <div class="ligneTitre">
                <span class="firstCol" data-i18n="art-qualite">Qualité</span>
                <span class="lastCol" data-i18n="art-bonus">Bonus</span>
            </div>
            <label class="ligne">
                <div class="firstCol">
                    <span data-i18n="art-qualite-apprenti">Apprenti</span>
                    <span data-i18n="art-qualite-apprenti-score">(3 à 5)</span>
                </div>
                
                <div class="lastCol autoex autoex28">
                    <span name="attr_dAApprenti"></span>
                    <textarea name="attr_dAApprenti"></textarea>
                </div>
            </label>
            <label class="ligne">
                <div class="firstCol">
                    <span data-i18n="art-qualite-initie">Initié</span>
                    <span data-i18n="art-qualite-initie-score">(6 à 8)</span>
                </div>
            
                <div class="lastCol autoex autoex28">
                    <span name="attr_dAInitie"></span>
                    <textarea name="attr_dAInitie"></textarea>
                </div>
            </label>
            <label class="ligne">
                <div class="firstCol">
                    <span data-i18n="art-qualite-maitre">Maître</span>
                    <span data-i18n="art-qualite-maitre-score">(9+)</span>
                </div>
            
                <div class="lastCol autoex autoex28">
                    <span name="attr_dAMaître"></span>
                    <textarea name="attr_dAMaître"></textarea>
                </div>
            </label>
            <h2 class="titreBis" data-i18n="art-effet-d'oeuvre">Effet d'Oeuvre</h2>
            <div class="autoex autoex28">
                <span name="attr_effetOeuvre"></span>
                <textarea name="attr_effetOeuvre"></textarea>
            </div>
        </div>
    </div>
    <div class="col">
        <div class="oeuvreArt">
            <h1 class="titre" data-i18n="oeuvres-arts-en-creation">Oeuvres d'arts en créations</h1>
            <div class="ligneTitre">
                <span class="firstCol" data-i18n="art-duree">Durée</span>
                <span class="lastCol" data-i18n="art-oeuvre">Oeuvre</span>
            </div>
            <fieldset class="repeating_oeuvreArtCreation">
                <div class="firstCol">
                    <input type="text" name="attr_OADuree" value="" />
                </div>
                <div class="lastCol">
                    <input type="text" name="attr_OAType" value="" />
                </div>
            </fieldset>
        </div>

        <div class="oeuvreArtCree">
            <h1 class="titre" data-i18n="oeuvres-d'arts-crees">Oeuvres d'arts créées</h1>
            <fieldset class="repeating_oeuvreArtCree">
                <label class="portee">
                    <span data-i18n="portee">Portée</span>
                    <input type="text" name="attr_OACPortee" value=""/>
                </label>
                <div class="autoex autoex28">
                    <span name="attr_OACree"></span>
                    <textarea name="attr_OACree"></textarea>
                </div>
            </fieldset>
        </div>
    </div>
</div>