{% extends "source/includes/base.html" %}
{% import "source/includes/macros.html" as macros %}

{% set title = "Fangs 🧛" %}

{% block head %}
<link rel="stylesheet" href="/scss/fangs/fangs.scss">
{% endblock %}

{% block body %}
<header class="page-header">
  <h1>
    <img src="../assets/fangs-128-opaque.png" alt="Fangs Logo">
    Fangs
  </h1>
  <p class="byline">Inject custom DuckDuckGo Bangs.</p>
</header>

<main class="page-main">
  <p class="store-links">
    <a title="Get Fangs for Firefox"
      href="https://addons.mozilla.org/firefox/addon/fangs">
      <img src="../assets/mozilla-addons.png" alt="Get Fangs for Firefox">
    </a>
    <a title="Get Fangs for Chrome"
      href="https://chrome.google.com/webstore/detail/fangs/dlllfannplfkhbiidhihagjkbmcolclf">
      <img src="../assets/chrome-web-store.png" alt="Get Fangs for Chrome">
    </a>
    <a title="Get Fangs for Edge"
      href="https://microsoftedge.microsoft.com/addons/detail/fangs/fgfkpbflhnljpfniippaagjjlncobhjd">
      <img src="../assets/microsoft.png" alt="Get Fangs for Edge">
    </a>
  </p>

  <img class="screenshot" alt="Fangs Screenshot" title="Fangs Screenshot"
    src="../assets/fangs-screenshot.png">
</main>

<footer class="page-footer">
  &copy;
  <a href="https://git.bauke.xyz/Holllo/fangs">AGPL-3.0-or-later</a>
  💖
  <a href="mailto:helllo@holllo.org">helllo@holllo.org</a>
</footer>
{% endblock %}