{# Displayed when certificate validation fails.
    Most browsers communicate this [fairly poorly](https://blogs.gnome.org/mcatanzaro/2016/03/12/do-you-trust-this-website/), so I get right to the point that (in nontechnical language) there might be a man-in-the-middle attack.

    Furthermore the psuedo-conversation users must engage in to bypass this warning clearly indicates the danger (adding an extra step to indicate this) and when it is appropriate to bypass this security check (that is bypass for sites you DO NOT trust, not for ones you do).

    In case users want the technical details, a link to Wikipedia is provided. #}
<!DOCTYPE html>
<html>
<head>
  <title>[channel-insecure]{% trans %}INVALID CERTIFICATE{% endtrans %}</title>
  <style>
    @import url(odysseus:butterick.css);
  </style>
</head>
<body>
  <main>
    <h1>{% trans %}This site may not be who it appears to be{% endtrans %}</h1>
    <p>{% trans %}It has failed to <a href="https://en.wikipedia.org/wiki/Public_key_certificate">assert</a> it's own identity.
      This may be due to its configuration, or it may be because someone's actively trying to <strong>spy</strong> on you.{% endtrans %}</p>

    <!-- <p>{% trans %}Details available by clicking the
      <img src="icon:16/channel-insecure-symbolic" alt="Insecure connection icon"
            onerror="this.src = 'icon:16/security-medium-symbolic'" />
      in the addressbar.{% endtrans %}</p> -->

    <p>
      <form method="POST">
        <button type="submit" title="{% trans %}Load {{ url }} despite this warning{% endtrans %}">
          <!-- NOTE: It's more appropriate to turn this button yellow, but that removes all system styling and ends up looking worse. -->
          <img src="icon:16/dialog-warning" />
          {% trans %}{# People have to click this to bypass certificate warnings #}
            I Don't Trust <code>{{ url.host }}</code> Anyways{% endtrans %}
        </button>
      </form>
      <a href="{{ url.http }}">{% trans %}Try insecure connection{% endtrans %}</a>
    </p>
  </main>
</body>
</html>
