{% 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/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">Download</a>
        <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/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 mobile client for Lemmy, written in flutter, for Android, Linux, and Windows.</p>
      <footer class="is-center">
        <a class="button primary" href="https://github.com/krawieck/lemmur/releases">Download</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">Download</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>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 %}