1{% extends "base.html" %}
2
3{% block content %}
4  <div id="results">
5    <div class="thumbnail">
6      <img src="{{ thumbnail_data_uri }}">
7    </div>
8    {% for c in colours %}
9    <div class="sample" id="sample_{{ loop.index }}" style="background: {{ c }};"></div>
10    <div class="label" id="label_{{ loop.index }}">{{ c }}</div>
11    {% endfor %}
12  </div>
13
14  {#
15    Style the links based on one of the tint colours from this image.
16  #}
17  {% if colours | usable_colours | length > 0 %}
18    {% set tint_colour = colours | usable_colours | random %}
19    <style>
20      a, a:visited {
21        color: {{ tint_colour }};
22      }
23
24      a:hover {
25        background: rgba({{ tint_colour | red }}, {{ tint_colour | green }}, {{ tint_colour | blue }}, 0.3);
26      }
27    </style>
28  {% endif %}
29
30  <p><a href="/">try another image</a></p>
31{% endblock %}