<div>This is view contains hints about available keyboard shortcuts.</div>
<div class="info-topic" id="info-global">
  <div class="info-topic-header">Global shortcuts</div>
  <div class="info-topic-content">
    <table>
      <tr>
        <td>CTRL+L</td>
        <td>Open load file dialog.</td>
      </tr>
      <tr>
        <td>CTRL+R</td>
        <td>Reload turbolizer (Chrome shortcut)</td>
      </tr>
    </table>
  </div>
</div>
<div class="info-topic" id="info-graph-view">
  <div class="info-topic-header">Graph view</div>
  <div class="info-topic-content">
    <table>
      <tr>
        <td>r</td>
        <td>Relayout graph</td>
      </tr>
      <tr>
        <td>a</td>
        <td>Select all nodes</td>
      </tr>
      <tr>
        <td>/</td>
        <td>Select search box</td>
      </tr>
    </table>
  </div>
</div>
<div class="info-topic" id="info-graph-nodes">
  <div class="info-topic-header">TurboFan graph nodes</div>
  <div class="info-topic-content">
    <div>The following commands transform node selections, i.e. each operation will be applied
      to each node in the current selection and the union of the resulting nodes will become the
      new selection.</div>
    <table>
      <tr>
        <td>UP</td>
        <td>Select all input nodes</td>
      </tr>
      <tr>
        <td>DOWN</td>
        <td>Select all output nodes</td>
      </tr>
      <tr>
        <td>1-9</td>
        <td>Select input node 1-9</td>
      </tr>
      <tr>
        <td>CTRL+1-9</td>
        <td>Toggle input edge 1-9</td>
      </tr>
      <tr>
        <td>c</td>
        <td>Select control output node</td>
      </tr>
      <tr>
        <td>e</td>
        <td>Select effect output node</td>
      </tr>
      <tr>
        <td>i</td>
        <td>Reveal node's input nodes</td>
      </tr>
      <tr>
        <td>o</td>
        <td>Reveal node's output nodes</td>
      </tr>
      <tr>
        <td>s</td>
        <td>Select node's origin node</td>
      </tr>
      <tr>
        <td>/</td>
        <td>Select search box</td>
      </tr>
    </table>
  </div>
</div>
<div class="info-topic" id="info-graph-search">
  <div class="info-topic-header">Graph search</div>
  <div class="info-topic-content">
    <table>
      <tr>
        <td>ENTER</td>
        <td>Select nodes according to regular expression. Invisible nodes are included depending on the state of the
          checkbox "only visible".</td>
      </tr>
      <tr>
        <td>CTRL+ENTER</td>
        <td>Select nodes according to regular expression, always including invisible nodes regardless of checkbox.</td>
      </tr>
    </table>
    <div style="font-weight: bold">
      Useful patterns
    </div>
    <table>
      <tr>
        <td>IfTrue</td>
        <td>Select nodes which have 'IfTrue' in title or description.</td>
      </tr>
      <tr>
        <td>^42:</td>
        <td>Select exactly the node with id 14.</td>
      </tr>
      <tr>
        <td>Origin:&nbsp;#42&nbsp;</td>
        <td>Select nodes which were created while node with id 42 was reduced. This is inaccurate if the node was
          changed in-place.</td>
      </tr>
    </table>
  </div>
</div>