{% extends "base.html" %}
{% block content %} 
<div class="container">
  <h1>Lemmy Apps</h1>
  <p>Choose from any of the apps below.</p>

  <div class="row">

    <div class="card col-6">
      <header class="is-center">
        <img class="app-icon" src="/images/lemmur.svg" />
        <h4>
          <a href="https://github.com/krawieck/lemmur">lemmur</a>
        </h4>

        </header>
      </header>
      <div class="is-center">
        <img class="app-banner" src="/images/lemmur_screen.webp" />
      </div>
      <br />
      <p class="is-center">A Lemmy client for Android, Linux, and Windows.</p>
      <footer class="is-center">
        <a class="button primary" href="https://f-droid.org/packages/com.krawieck.lemmur"><svg class="icon icon-f-droid"><use xlink:href="#icon-f-droid"></use></svg></a>
        <a class="button primary" href="https://play.google.com/store/apps/details?id=com.krawieck.lemmur"><svg class="icon icon-googleplay"><use xlink:href="#icon-googleplay"></use></svg></a>
        <a class="button primary" href="https://github.com/krawieck/lemmur"><svg class="icon icon-github"><use xlink:href="#icon-github"></use></svg></a>
      </footer>
    </div>

    <div class="card col-6">
      <header class="is-center">
        <img class="app-icon" src="/images/remmel.webp" />
        <h4>
          <a href="https://github.com/uuttff8/Lemmy-iOS">remmel</a>
        </h4>

        </header>
      </header>
      <div class="is-center">
        <img class="app-banner" src="/images/remmel_screen.webp" />
      </div>
      <br />
      <p class="is-center">An iOS client for lemmy.</p>
      <footer class="is-center">
        <a class="button primary" href="https://apps.apple.com/us/app/remmel-for-lemmy/id1547988171"><svg class="icon icon-appleinc"><use xlink:href="#icon-appleinc"></use></svg></a>
        <a class="button primary" href="https://github.com/uuttff8/Lemmy-iOS"><svg class="icon icon-github"><use xlink:href="#icon-github"></use></svg></a>
      </footer>
    </div>

  </div>

  <h1>Web Apps</h1>

  <div class="row">

    <div class="card col-6">
      <header class="is-center">
        <img class="app-icon" src="/images/lemmy.svg" />
        <h4>
          <a href="https://github.com/LemmyNet/lemmy-ui">lemmy-ui</a>
        </h4>

        </header>
      </header>
      <div class="is-center">
        <img class="app-banner" src="/images/mobile_pic.webp" />
      </div>
      <br />
      <p class="is-center">The official web app for lemmy.</p>
      <footer class="is-center">
        <a class="button primary" href="https://github.com/LemmyNet/lemmy-ui"><svg class="icon icon-github"><use xlink:href="#icon-github"></use></svg></a>
      </footer>
    </div>

    <div class="card col-6">
      <header class="is-center">
        <img class="app-icon" src="/images/lemmy.svg" />
        <h4>
          <a href="https://github.com/IronOxidizer/lemmy-lite">lemmy-lite</a>
        </h4>

        </header>
      </header>
      <div class="is-center">
        <img class="app-banner" src="/images/lemmy_lite_screen.webp" />
      </div>
      <br />
      <p class="is-center">A static, JSless, touch-friendly Lemmy frontend built for legacy web clients and maximum performance</p>
      <footer class="is-center">
        <a class="button primary" href="https://github.com/IronOxidizer/lemmy-lite"><svg class="icon icon-github"><use xlink:href="#icon-github"></use></svg></a>
      </footer>
    </div>

  </div>

  <h1>Lemmy API Libraries</h1>
  <ul>
    <li>
      <a href="https://github.com/LemmyNet/lemmy-js-client">lemmy-js-client</a> - a javascript / typescript client.
    </li>
    <li>
      <a href="https://github.com/krawieck/lemmy_api_client">lemmy-dart client</a> - a dart / flutter client.
    </li>
  </ul>

</div>
{% endblock content %}