<!DOCTYPE html>
<html>
  <head>
    <style>
      html {
        padding: 20px;
      }
      body {
        font-family: "Helvetica Neue";
        font-size:  14pt;
        max-width: 40em;
        margin: 0 auto;
      }
      h1 {
        border-bottom: 1px solid #ccc;
      }
      .passed a {
        color: green;
      }
      .failed a {
        color: red;
      }
      .elapsed {
        color: #888;
      }
      ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }
    </style>
    <title>Healthchecks</title>
  </head>
  <body>
    {{#if failed}}
      <section class="failed">
        <h1>Failed</h1>
        <ul>
          {{#each failed}}
            <li><a href="{{url}}">{{this}}</a> <span class="elapsed">{{elapsed}}</span></li>
          {{/each}}
        </ul>
      </section>
    {{/if}}

    <section class="passed">
      {{#if passed}}
        <h1>Passed</h1>
        <ul>
          {{#each passed}}
            <li><a href="{{url}}">{{this}}</a> <span class="elapsed">{{elapsed}}</span></li>
          {{/each}}
        </ul>
      {{else}}
        <h1>No tests passed</h1>
      {{/if}}
    </section>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
      html {
        padding: 20px;
      }
      body {
        font-family: "Helvetica Neue";
        font-size:  14pt;
        max-width: 40em;
        margin: 0 auto;
      }
      h1 {
        border-bottom: 1px solid #ccc;
      }
      .passed a {
        color: green;
      }
      .failed a {
        color: red;
      }
      .elapsed {
        color: #888;
      }
      ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }
    </style>
    <title>Healthchecks</title>
  </head>
  <body>
    {{#if failed}}
      <section class="failed">
        <h1>Failed</h1>
        <ul>
          {{#each failed}}
            <li><a href="{{url}}">{{this}}</a> <span class="elapsed">{{elapsed}}</span></li>
          {{/each}}
        </ul>
      </section>
    {{/if}}

    <section class="passed">
      {{#if passed}}
        <h1>Passed</h1>
        <ul>
          {{#each passed}}
            <li><a href="{{url}}">{{this}}</a> <span class="elapsed">{{elapsed}}</span></li>
          {{/each}}
        </ul>
      {{else}}
        <h1>No tests passed</h1>
      {{/if}}
    </section>
  </body>
</html>

Mark template as UTF-8. Elapsed time can use μs.
Mark template as UTF-8. Elapsed time can use μs.
