meli-website/templates/index.hbs

91 lines
4.4 KiB
Handlebars

<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>