roll20-character-sheets/Rojo/sheet.html

<div class="sheet-rojo-ficha">
  <div class="sheet-columnas">
    <div class="sheet-col-izq">
      <div class="sheet-linea-doble">
        <label>Nombre del jugador:</label>
        <input type="text" name="attr_nombre_jugador" />
      </div>
      <div class="sheet-linea-doble">
        <label>Nombre:</label>
        <input type="text" name="attr_character_name" class="sheet-nombre-personaje" />
      </div>

      <div class="sheet-bloque-atributos-combate">
        <div class="sheet-atributos">
          <h4>ATRIBUTOS</h4>
          <label><button type="roll" name="roll_fortaleza" value="&{template:rojo} {{name=@{character_name} tira por Fortaleza}} {{Resultado=[[2d6+@{fortaleza}]]}}">Fortaleza</button> <input type="number" name="attr_fortaleza" value="0" class="sheet-tab-numerico" /></label>
          <label><button type="roll" name="roll_coordinacion" value="&{template:rojo} {{name=@{character_name} tira por Coordinación}} {{Resultado=[[2d6+@{coordinacion}]]}}">Coordinación</button> <input type="number" name="attr_coordinacion" value="0" class="sheet-tab-numerico" /></label>
          <label><button type="roll" name="roll_intuicion" value="&{template:rojo} {{name=@{character_name} tira por Intuición}} {{Resultado=[[2d6+@{intuicion}]]}}">Intuición</button> <input type="number" name="attr_intuicion" value="0" class="sheet-tab-numerico" /></label>
          <label><button type="roll" name="roll_carisma" value="&{template:rojo} {{name=@{character_name} tira por Carisma}} {{Resultado=[[2d6+@{carisma}]]}}">Carisma</button> <input type="number" name="attr_carisma" value="0" class="sheet-tab-numerico" /></label>
        </div>
        <div class="sheet-combate">
          <h4>HABILIDADES DE COMBATE</h4>
          <label><button type="roll" name="roll_reaccion" value="&{template:rojo} {{name=@{character_name} tira por Reacción}} {{Resultado=[[2d6+@{reaccion}]]}}">Reacción</button> <input type="number" name="attr_reaccion" value="0" class="sheet-tab-numerico" /></label>
          <label><button type="roll" name="roll_pelea" value="&{template:rojo} {{name=@{character_name} tira por Pelea}} {{Resultado=[[2d6+@{pelea}]]}}">Pelea</button> <input type="number" name="attr_pelea" value="0" class="sheet-tab-numerico" /></label>
          <label><button type="roll" name="roll_disparo" value="&{template:rojo} {{name=@{character_name} tira por Disparo}} {{Resultado=[[2d6+@{disparo}]]}}">Disparo</button> <input type="number" name="attr_disparo" value="0" class="sheet-tab-numerico" /></label>
          <label><button type="roll" name="roll_defensa" value="&{template:rojo} {{name=@{character_name} tira por Defensa}} {{Resultado=[[2d6+@{defensa}]]}}">Defensa</button> <input type="number" name="attr_defensa" value="0" class="sheet-tab-numerico" /></label>
        </div>
      </div>

      <div class="sheet-recuadro">
        <h4>Ocupaciones</h4>
        <fieldset class="repeating_ocupaciones">
          <div class="sheet-ocupacion-linea">
            <input type="text" name="attr_ocupacion" placeholder="Ocupación" />
            <input type="number" name="attr_nivel_ocupacion" value="0" class="sheet-tab-numerico" />
          </div>
        </fieldset>
      </div>

      <div class="sheet-recuadro">
        <h4>Idiomas</h4>
        <fieldset class="repeating_idiomas">
          <input type="text" name="attr_idioma" placeholder="Idioma" class="sheet-input-ancho-completo" />
        </fieldset>
      </div>

      <div class="sheet-recuadro">
        <h4>Ventajas</h4>
        <fieldset class="repeating_ventajas">
          <input type="text" name="attr_ventaja" placeholder="Ventaja" class="sheet-input-ancho-completo" />
        </fieldset>
      </div>

      <div class="sheet-recuadro">
        <h4>Defectos</h4>
        <fieldset class="repeating_defectos">
          <input type="text" name="attr_defecto" placeholder="Defecto" class="sheet-input-ancho-completo" />
        </fieldset>
      </div>

      <div class="sheet-recuadro">
        <h4>Heridas</h4>
        <fieldset class="repeating_heridas">
          <input type="text" name="attr_herida" placeholder="Herida" class="sheet-input-ancho-completo" />
        </fieldset>
      </div>
    </div>

    <div class="sheet-col-der">
        <div class="sheet-logo">
          <div class="sheet-logo-linea"></div>
          <img src="https://shadowlands.es/wp-content/uploads/2022/11/LOGO-ROJO.png" alt="Logo ROJO" class="sheet-logo-img">
          <div class="sheet-logo-linea"></div>
        </div>

      <div class="sheet-recuadro">
        <div class="sheet-atributo-linea">
          <button type="roll" name="roll_iniciativa" class="sheet-rollboton" value="&{template:rojo} {{name=@{character_name} tira Iniciativa}} {{Resultado=[[1d6+@{intuicion}+@{reaccion} &{tracker}]]}}">Iniciativa</button>
          <span class="sheet-mod-texto">1d6+</span>
          <input type="number" name="attr_iniciativa" class="sheet-tab-numerico" value="[[
@{intuicion}+@{reaccion}]]" disabled />
        </div>
      </div>

      <div class="sheet-recuadro">
        <div class="sheet-atributo-linea">
          <label class="sheet-etiqueta-fija">Vitalidad:</label>
          <input type="number" name="attr_vitalidad" value="10+@{fortaleza}" disabled class="sheet-tab-numerico" />
        </div>
      </div>

      <div class="sheet-casillas">
        <div class="sheet-casillas-fila">
          <!-- Vida del 1 al 18 -->
            <input type="checkbox" name="attr_vida1" />
            <input type="checkbox" name="attr_vida2" />
            <input type="checkbox" name="attr_vida3" />
            <input type="checkbox" name="attr_vida4" />
            <input type="checkbox" name="attr_vida5" />
            <input type="checkbox" name="attr_vida6" />
            <input type="checkbox" name="attr_vida7" />
            <input type="checkbox" name="attr_vida8" />
            <input type="checkbox" name="attr_vida9" />
        </div>
        <div class="sheet-casillas-fila">
            <input type="checkbox" name="attr_vida10" />
            <input type="checkbox" name="attr_vida11" />
            <input type="checkbox" name="attr_vida12" />
            <input type="checkbox" name="attr_vida13" />
            <input type="checkbox" name="attr_vida14" />
            <input type="checkbox" name="attr_vida15" />
            <input type="checkbox" name="attr_vida16" />
            <input type="checkbox" name="attr_vida17" />
            <input type="checkbox" name="attr_vida18" />
        </div>
      </div>

      <div class="sheet-recuadro">
        <div class="sheet-atributo-linea">
          <label class="sheet-etiqueta-fija">Puntos de Supervivencia:</label>
          <input type="number" name="attr_puntos_supervivencia" value="4" class="sheet-tab-numerico" />
        </div>
      </div>

      <div class="sheet-casillas">
        <div class="sheet-casillas-fila">
          <input type="checkbox" name="attr_sup1" checked />
          <input type="checkbox" name="attr_sup2" checked />
          <input type="checkbox" name="attr_sup3" checked />
          <input type="checkbox" name="attr_sup4" checked />
          <input type="checkbox" name="attr_sup5" checked />
        </div>
      </div>

      <div class="sheet-recuadro">
        <h4>Armas</h4>
      </div>
      <fieldset class="repeating_armas">
        <div class="sheet-linea-ajustada">
          <button type="roll" value="&{template:rojo} {{name=@{character_name} ataca con @{arma_nombre}}} {{Ataque=[[2d6+@{habilidad_arma}]]}} {{Daño=[[@{arma_dano}]]}}"></button>
          <input type="text" name="attr_arma_nombre" placeholder="Nombre del arma" />
          <select name="attr_habilidad_arma" class="sheet-habilidad-arma-select">
            <option value="@{pelea}">Pelea</option>
            <option value="@{disparo}">Disparo</option>
          </select>
          <input type="text" name="attr_arma_dano" placeholder="Daño" class="sheet-tab-numerico sheet-align-right" />
        </div>
      </fieldset>

      <div class="sheet-recuadro">
        <h4>Armadura</h4>
      </div>
      <fieldset class="repeating_armadura">
        <input type="text" name="attr_armadura" placeholder="Tipo o efecto" class="sheet-input-ancho-completo" />
      </fieldset>

      <div class="sheet-recuadro">
        <h4>Equipo</h4>
        <fieldset class="repeating_equipo">
          <input type="text" name="attr_equipo" class="sheet-input-ancho-completo" />
        </fieldset>
      </div>
    </div>
  </div>

  <div class="sheet-inferior">
    <div class="sheet-usos-ps">
      <h4>Usos de los puntos de supervivencia</h4>
      <ul>
        <li>Añadir un +1 a la Iniciativa por cada Punto de Supervivencia gastado, para así poder actuar primero.</li>
        <li>Añadir un +1 al resultado de los dados por cada Punto de Supervivencia gastado, para así tener éxito en una tirada que de otro modo sería un fracaso.</li>
        <li>Añadir 1 punto de daño extra por cada Punto de Supervivencia gastado, para así causar más daño a un oponente.</li>
        <li>Restar 1 punto al daño sufrido por cada Punto de Supervivencia gastado, para así sufrir una pérdida menor de Vitalidad.</li>
      </ul>
    </div>
    <div class="sheet-tabla-dificultad">
      <h4>Dificultad Objetivo</h4>
      <table>
        <tr><th>Objetivo</th><th>Dificultad</th><th>Mod</th></tr>
        <tr><td>7+</td><td>Muy fácil</td><td>+2</td></tr>
        <tr><td>8+</td><td>Fácil</td><td>+1</td></tr>
        <tr><td>9+</td><td>Normal</td><td>0</td></tr>
        <tr><td>10+</td><td>Difícil</td><td>-1</td></tr>
        <tr><td>11+</td><td>Muy difícil</td><td>-2</td></tr>
        <tr><td>13+</td><td>Imposible</td><td>-4</td></tr>
      </table>
    </div>
  </div>
</div>

<div class="sheet-credito">
  Ficha del juego <a href="https://shadowlands.es/rojo/" target="_blank">ROJO</a> de la editorial <a href="https://shadowlands.es/" target="_blank">Shadowlands</a> adaptada a Roll20 por <a href="https://app.roll20.net/users/33210/jj" target="_blank">Dantés Jr</a>
</div>

<rolltemplate class="sheet-rolltemplate-rojo">
  <div class="sheet-template-container">
    <div class="sheet-template-header">{{name}}</div>
    {{#Resultado}}<div class="sheet-template-row"><strong>Resultado:</strong> {{Resultado}}</div>{{/Resultado}}
    {{#Ataque}}<div class="sheet-template-row"><strong>Ataque:</strong> {{Ataque}}</div>{{/Ataque}}
    {{#Daño}}<div class="sheet-template-row"><strong>Daño:</strong> {{Daño}}</div>{{/Daño}}
  </div>
</rolltemplate>