<!DOCTYPE HTML>
<html>

<head>
  <title>Turbolizer</title>
  <link rel="stylesheet" href="turbo-visualizer.css" />
  <link rel="stylesheet" href="tabs.css" />
  <link rel="stylesheet" href="prettify.css" />
  <link rel="icon" type="image/png" href="turbolizer.png">
</head>

<body>
  <div id="left" class="content"></div>
  <div id="resizer-left" class="resizer"></div>
  <div id="middle">
    <div id="graph-toolbox-anchor">
      <div id="graph-toolbox">
        <input id="layout" type="image" title="layout graph" src="layout-icon.png" alt="layout graph" class="button-input">
        <input id="show-all" type="image" title="show all nodes" src="expand-all.jpg" alt="show all nodes" class="button-input">
        <input id="toggle-hide-dead" type="image" title="show only live nodes" src="live.png" alt="only live nodes"
          class="button-input">
        <input id="hide-unselected" type="image" title="hide unselected nodes" src="hide-unselected.png" alt="hide unselected nodes"
          class="button-input">
        <input id="hide-selected" type="image" title="hide selected nodes" src="hide-selected.png" alt="hide selected nodes"
          class="button-input">
        <input id="zoom-selection" type="image" title="zoom to selection" src="search.png" alt="zoom to selection"
          class="button-input">
        <input id="toggle-types" type="image" title="show/hide types" src="types.png" alt="show/hide types" class="button-input">
        <input id="search-input" type="text" title="search nodes for regex" alt="search node for regex" class="search-input"
          placeholder="find with regexp&hellip;">
        <select id="display-selector">
          <option disabled selected>(please open a file)</option>
        </select>
      </div>
    </div>
    <div id="load-file">
      <input id="upload-helper" type="file">
      <input id="upload" type="image" title="load graph" class="button-input" src="upload-icon.png" alt="upload graph">
    </div>
  </div>
  <div id="resizer-right" class="resizer"></div>
  <div id="right" class="content"></div>
  <div id="source-collapse" class="collapse-pane">
    <input id="source-expand" type="image" title="show source" src="right-arrow.png" class="button-input invisible">
    <input id="source-shrink" type="image" title="hide source" src="left-arrow.png" class="button-input">
  </div>
  <div id="disassembly-collapse" class="collapse-pane">
    <input id="disassembly-expand" type="image" title="show disassembly" src="left-arrow.png" class="button-input invisible">
    <input id="disassembly-shrink" type="image" title="hide disassembly" src="right-arrow.png" class="button-input">
  </div>
  <div id='text-placeholder' width="0px" height="0px" style="position: absolute; top:100000px;">
    <svg>
      <text text-anchor="right">
        <tspan white-space="inherit" id="text-measure" />
      </text>
    </svg>
  </div>
  <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
  <script src="build/turbolizer.js"></script>
</body>

</html>