{% extends '_base.html' %}

{% set title = 'On the Subject of Who\'s on First' %}

{% block head %}
  <style>
    .key {
      font-weight: bold;
    }
    .button-position {
      font-size: 1.1em;
      font-weight: bold;
      text-align: center;
    }
  </style>
{% endblock %}

{% block content %}

  <table class="pull-left">
    <thead>
      <tr>
        <th>Display</th>
        <th>Button Position</th>
      </tr>
    </thead>
    <tbody>
      {%- for display_value, button_position in display_values_to_button_positions|dictsort %}
      <tr>
        <td class="key"><kbd>{{ display_value }}</kbd></td>
        <td class="button-position">{{ button_position }}</td>
      </tr>
      {%- endfor %}
    </tbody>
  </table>

  <table>
    <thead>
      <tr>
        <th>Seen Button</th>
        <th>Button to Press</th>
      </tr>
    </thead>
    <tbody>
      {%- for label_of_seen_button, labels_of_buttons_to_press in button_labels_forwards|dictsort %}
      <tr>
        <td class="key"><kbd>{{ label_of_seen_button }}</kbd></td>
        <td><kbd>{{ labels_of_buttons_to_press|join(', ') }}</kbd></td>
      </tr>
      {%- endfor %}
    </tbody>
  </table>

{% endblock %}

{% extends '_base.html' %}

{% set title = 'On the Subject of Who\'s on First' %}

{% block head %}
  <style>
    .key {
      font-weight: bold;
    }
    .button-position {
      font-size: 1.1em;
      font-weight: bold;
      text-align: center;
    }
  </style>
{% endblock %}

{% block content %}

  <table class="pull-left">
    <thead>
      <tr>
        <th>Display</th>
        <th>Button Position</th>
      </tr>
    </thead>
    <tbody>
      {%- for display_value, button_position in display_values_to_button_positions|dictsort %}
      <tr>
        <td class="key"><kbd>{{ display_value }}</kbd></td>
        <td class="button-position">{{ button_position }}</td>
      </tr>
      {%- endfor %}
    </tbody>
  </table>

  <table>
    <thead>
      <tr>
        <th>Seen Button</th>
        <th>Button to Push</th>
      </tr>
    </thead>
    <tbody>
      {%- for label_of_seen_button, labels_of_buttons_to_push in button_labels_forwards|dictsort %}
      <tr>
        <td class="key"><kbd>{{ label_of_seen_button }}</kbd></td>
        <td><kbd>{{ labels_of_buttons_to_push|join(', ') }}</kbd></td>
      </tr>
      {%- endfor %}
    </tbody>
  </table>

{% endblock %}

Use language from the manual.
Use language from the manual.
