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

{% set title = "Holllo" %}

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

{% block body %}
<header class="page-header">
  <img alt="Holllo" src="/assets/holllo-mark.png">
  <p class="byline">Creating free and open-source software.</p>
</header>

<div class="sections">
  <h2 class="webextensions-header span-grid">WebExtensions</h2>

  <section>
    <h3>
      <img src="/assets/fangs.png" alt="Fangs Logo">
      {{ macros.link(link='Holllo/fangs/releases', text='Fangs', type='github') }}
    </h3>

    <p>
      Create your own
      {{ macros.link(link='https://duckduckgo.com/bang', text='DuckDuckGo Bangs') }}.
    </p>

    <p class="icons">
      {{ macros.iconLink(link='Holllo/fangs', icon='github') }}
      {{ macros.iconLink(link='fangs', icon='mozilla-firefox') }}
      {{ macros.iconLink(link='dlllfannplfkhbiidhihagjkbmcolclf', icon='google-chrome') }}
      {{ macros.iconLink(link='fgfkpbflhnljpfniippaagjjlncobhjd', icon='microsoft-edge') }}
    </p>
  </section>

  <section>
    <h3>
      <img src="/assets/queue.png" alt="Queue Logo">
      {{ macros.link(link='Holllo/queue/releases', text='Queue', type='github') }}
    </h3>

    <p>Easily save links so you can go through them later.</p>

    <p class="icons">
      {{ macros.iconLink(link='Holllo/queue', icon='github') }}
      {{ macros.iconLink(link='holllo-queue', icon='mozilla-firefox') }}
      {{ macros.iconLink(link='epnbikemcmienphlfmidkimpjnmohcbl', icon='google-chrome') }}
      {{ macros.iconLink(link='aanjampfdpcnhoeglmfefmmegdbifaak', icon='microsoft-edge') }}
    </p>
  </section>

  <h2 class="libraries-header span-grid">Libraries</h2>

  <section>
    <h3>
      {{ macros.link(link='opml', type='crates-io', linkAsText=true) }}
      &
      {{ macros.link(link='opyml', type='pypi', linkAsText=true) }}
    </h3>

    <p>
      {{ macros.link(link='https://www.rust-lang.org', text='Rust') }}
      &
      {{ macros.link(link='https://www.python.org', text='Python') }}
      libraries for the
      {{ macros.link(link='http://opml.org', text='OPML') }}
      file format.
    </p>

    <p class="icons">
      {{ macros.iconLink(link='Holllo/opml', icon='github') }}
      {{ macros.iconLink(link='opml', icon='crates-io') }}
      {{ macros.iconLink(link='Holllo/opyml', icon='github') }}
      {{ macros.iconLink(link='opyml', icon='pypi') }}
    </p>
  </section>

  <section>
    <h3>
      {{ macros.link(link='web-ext-native-messaging', type='crates-io', linkAsText=true) }}
    </h3>

    <p>
      {{
        macros.link(
          link='https://developer.mozilla.org/docs/Mozilla/Add-ons/WebExtensions/Native_messaging',
          text='WebExtension Native Messaging'
        )
      }}
      library for
      {{ macros.link(link='https://www.rust-lang.org', text='Rust') }}.
    </p>

    <p class="icons">
      {{ macros.iconLink(link='Holllo/web-ext-native-messaging', icon='github') }}
      {{ macros.iconLink(link='web-ext-native-messaging', icon='crates-io') }}
    </p>
  </section>

  <section>
    <h3>
      {{ macros.link(link='migration-helper', type='npm', linkAsText=true) }}
    </h3>

    <p>
      A tiny
      {{ macros.link(link='https://www.typescriptlang.org', text='TypeScript') }}
      helper library for migrating data.
    </p>

    <p class="icons">
      {{ macros.iconLink(link='Holllo/migration-helper', icon='github') }}
      {{ macros.iconLink(link='migration-helper', icon='npm') }}
    </p>
  </section>
</div>

<footer class="page-footer">
  <p>
    &copy; Holllo 💖
    <a href="mailto:helllo@holllo.org">helllo@holllo.org</a>
  </p>
</footer>
{% endblock %}