{% extends "base.html" %}

{% block title %}{{ example.schema.name }} example: {{ example.name }}{% endblock %}

{% block extrahead %}
<style>
.diff * { font-weight: bold; color: blue !important; }
</style>
{% endblock %}

{% block content %}
<p class="breadcrumb">
    <a href="{% relative_url 'homepage' %}">{{ SITE_OPTIONS.site_name }}</a> &gt;
    <a href="{% relative_url_string example.schema.reference_url %}">{{ example.schema.name }} reference</a> &gt;
    <a href="{% relative_url_string example.schema.examples_url %}">Examples</a> &gt;
    {{ example.name }}
</p>

<h1>{{ example.name }}</h1>

{% if example.image_url %}
<p><img src="{% relative_url_string example.image_url %}"></p>
{% endif %}

{% if example.blurb %}
<p>{{ example.blurb|linebreaksbr }}</p>
{% endif %}

{% if concepts %}
<p>Concepts: {% for concept in concepts %}<a href="{% relative_url_string concept.concept.get_absolute_url %}">{{ concept.concept.name }}</a>{% endfor %}</p>
{% endif %}

{% if comparisons %}
<p>See also: {% for comparison in comparisons %}<a href="{% relative_url_string comparison.get_absolute_url %}">This same example in {{ comparison.doc_format.name }}</a> {% endfor %}</p>
{% endif %}

{{ augmented_doc|safe }}
{% endblock %}