<article style="width: 100%;">
  <section class="index-intro">
    <h1 class="xterm">
        <p class="xterm-title">experimental terminal mail client <abbr title="The GNU General Public License v3.0">GPLv3</abbr></p>
</h1>
<div class="window">
  <div class="title-bar">
    <div class="title-bar-text"> term </div>

    <div class="title-bar-controls">
      <button aria-label="Minimize"></button>
      <button aria-label="Maximize"></button>
      <button aria-label="Close"></button>
    </div>
  </div>
  <div style="width:100%;">
  {{> svg_terminal_index.hbs}}
    </div>
    </div>
  </section>
    <section class="index-install">
      <h2><span>install</span></h2>
      <ol>
        <li>
          <a href="https://meli.delivery/wasm2.html">Try an online interactive web demo</a> powered by WebAssembly
        </li>
        <li>
        Download and install pre-built <a href="./download.html#debian">debian package</a>, <a href="./download.html#binaries">static linux binary</a>, or
        </li>
        <li>
      <details>
        <summary><code>$ cargo install <a href="https://crates.io/crates/meli" style="display: contents;">meli</a></code></summary>
<a href="https://doc.rust-lang.org/cargo/getting-started/installation.html">how to install cargo, the rust package manager</a>
			</details>
        </li>
      </ol>
    </section>
    <section class="index-build">
      <h2>build from <a title="git repository with source code" href="https://git.meli.delivery/meli/meli">source <!--?xml version="1.0" encoding="UTF-8"?-->
  {{> svg_git_index.hbs }}
  </a></h2>
      <p><a href="https://git.meli.delivery/meli/meli/src/tag/{{tag}}">tag/{{tag}}</a>: see <code>README</code> file for detailed build instructions - or just do <code>make</code></p>
      <p style="margin-top: 0;"><a href="./download.html">report bugs</a></p>
    </section>
  <section class="index-why">
    <h2><span>why use meli</span></h2>
    <div style="min-width: 100%; width: min-content;">
      <p><code class="Nm shake-little">meli</code> aims for configurability and extensibility with sane defaults.</p><p>It seeks to be a mail client for both new and power users of the terminal, but built today.</p><p>A variety of email workflows and software stacks should be usable with <code class="Nm shake-little">meli</code>. Integrate e-mail storage, sync, tagging system, <abbr title="Simple Mail Transfer Protocol">SMTP</abbr> client, contact management and editor of your choice to replace the defaults.</p><p>Although still <abbr title="Work in progress">WIP</abbr>, it is mostly functional.</p>
    </div>
  </section>
  <section class="index-features">
    <h2><span>features</span></h2>
    <ul>
      <li>email threads</li>
      <li>multithreaded</li>
      <li>embed your own editor</li>
      <li>plain text configuration</li>
      <li>multi-tasking with <abbr title="User Interface">UI</abbr> tabs</li>
      <li><abbr title="Internet Message Access Protocol">IMAP</abbr>, Maildir, notmuch, <abbr title="JSON Meta Application Protocol">JMAP</abbr>, mbox</li>
      <li>optional sqlite3 index search</li>
      <li>fast and minimal account configuration</li>
      <li>contact list (+read-only vCard support)</li>
      <li>forced UTF-8 - other encodings are read-only</li>
    </ul>
  </section>
  <section class="index-announcements">
    <h2><span>announcements <a style="font: bold 0.75em sans-serif; color: #fff; background: #f60; padding: 0.2em 0.35em; text-shadow: -1px -1px 0 #a2280c, 1px -1px 0 #a2280c, -1px 1px 0 #a2280c, 1px 1px 0 #a2280c; text-decoration: none;" href="/rss.xml" alt="RSS Feed">RSS</a></span></h2>
      <ul class="index-announcement-list">
        {{ #each posts }}
        <li><a href="{{url}}">{{title}}</a> {{date_fmt date "%Y-%m-%d"}}</li>
        {{/each}}
        <li style="list-style: none; font-size: .6rem; margin: .5rem auto auto .5rem; border-top: 1px solid #D0D0D0; padding-top: .5rem;">» see <a href="/archive.html">complete archive</a></li>
      </ul>
    </section>

<section class="index-screenshots">
  {{ #each screenshots }}
  <figure>
    <a href="#{{url}}">
      <img src="{{url}}" class="fit" alt="screenshot: {{desc}}">
    </a>
    <figcaption class="{{class}}"><a href="{{url}}">{{desc}}</a></figcaption>
  </figure>
  <figure class="lightbox-target" id="{{url}}">
    <a class="lightbox-close" href="#"> <img src="{{url}}" alt="screenshot: {{desc}}"></a>
    <figcaption>{{ desc }}</figcaption>
  </figure>
  {{/each}}
</section>
</article>
