<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <style>
      table {
        border-collapse: collapse;
      }
      table, th, td {
        border: 1px solid black;
      }
      .suspect1 {
              background-color: yellow;
      }
      .suspect2 {
              background-color: red;
      }
    </style>
      <title>[% title %]</title>
  </head>
  <body>
    <h1>[% title %]</h1>
    <p>
    [% description %]
    </p>
    <table>
      <tr>
        <th>ratio</th> <!-- distance/edits devided by length -->
        <th>distance</th> <!-- edits/changes needed to come from file1 to file2 -->
        <th>delta length</th> <!-- difference in length of file 1 to file2 -->
        <th>file1</th> <!-- path to file1 -->
        <th>file2</th> <!-- path to file2 -->
        <th>comment</th> <!-- some reasoning -->
      </tr>
[% data %]
    </table>
  </body>
</html>