{% extends 'base.html' %}

{% block content %}

  <div class="row">
    <div class="col-lg-12">
      <h4>Downloads</h4>
    </div>
  </div>

<div class="row">
      <div class="col-lg-6">
          <div class="btn-group">
              <a href="rgi_data/heatmap.eps" class="btn btn-default" download="heatmap.eps"> Eps File </a>
              <a href="rgi_data/heatmap.csv" class="btn btn-default" download="heatmap.csv"> Csv File </a>
          </div>
      </div>
  </div>

<br>

<div class="row">
  <div class="col-lg-6">
    <h4>CARD annotation: heatmap</h4>
    <img src="rgi_data/heatmap.png" alt="My Picture">
  </div>
</div>

<br>

<div class="row mt-4">
    <div class="col-lg-12">
        <p>Displayed is a heatmap of annotate-mags-card output. <br>
            Yellow represents a perfect hit, teal represents a <br>
            strict hit, purple represents no hit.</p>
    </div>
</div>


{% endblock %}

{% block footer %}
{% set loading_selector = '#loading' %}
{% include 'js-error-handler.html' %}

{% endblock %}