DNDTools/src/app/journal/journal-stats/info-row/movement/movement-details/movement-details.component.html

<div class="details-title">Bewegung</div>

<h4>Laufen</h4>
<div class="details-content">
  Die Bewegungsrate gibt an, wie weit ein Charakter pro Runde laufen kann. Die
  Bewegungsrate wird in Fuß angegeben, wobei 5 Fuß 1,5 Metern und somit einem
  Feld entsprechen. Die Bewegung kann an einem Stück verwendet werden, oder in
  mehrere Teile aufgeteilt werden. In schwierigem Gelände halbiert sich die
  Bewegungsrate.
</div>

<div class="details-value-container">
  <div>
    <div class="details-value" style="margin-top: 1.5rem">
      {{ movement }}
    </div>
    <div class="details-label">Fuß</div>
  </div>
  <div>
    <div class="details-value" style="margin-top: 1.5rem">
      {{ movement / 5 }}
    </div>
    <div class="details-label">Felder</div>
  </div>
</div>

<h4>Springen</h4>
Ein Charakter kann basierend auf seiner Stärke springen. Wenn man sich vor dem
Sprung 10 Fuß (3 Meter) bewegt hat, kann man die doppelte Distanz springen.

<div class="details-value-container">
  <div>
    <div class="details-value" style="margin-top: 1.5rem">
      {{ strength / 2 }}
    </div>
    <div class="details-label">Fuß</div>
  </div>
  <div>
    <div class="details-value" style="margin-top: 1.5rem">
      {{ strength / 2 / 5 }}
    </div>
    <div class="details-label">Felder</div>
  </div>
</div>

<h4>Umrechnungstabelle</h4>

<div class="distance-table">
  <table class="table table-striped">
    <thead>
      <tr>
        <th scope="col">Fuß</th>
        <th scope="col">Meter</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>5</td>
        <td>1,5</td>
      </tr>
      <tr>
        <td>10</td>
        <td>3</td>
      </tr>
      <tr>
        <td>15</td>
        <td>4,5</td>
      </tr>
      <tr>
        <td>20</td>
        <td>6</td>
      </tr>
      <tr>
        <td>25</td>
        <td>7,5</td>
      </tr>
      <tr>
        <td>30</td>
        <td>9</td>
      </tr>
      <tr>
        <td>35</td>
        <td>10,5</td>
      </tr>
      <tr>
        <td>40</td>
        <td>12</td>
      </tr>
      <tr>
        <td>45</td>
        <td>13,5</td>
      </tr>
      <tr>
        <td>50</td>
        <td>15</td>
      </tr>
      <tr>
        <td>55</td>
        <td>16,5</td>
      </tr>
      <tr>
        <td>60</td>
        <td>18</td>
      </tr>
    </tbody>
  </table>
</div>