meli-website/templates/index.html

125 lines
22 KiB
HTML
Raw Permalink Normal View History

2020-07-30 11:25:40 +03:00
<article style="width: 100%;">
<h1 style="display: none;">experimental terminal mail client <code><abbr title="The GNU General Public License v3.0">GPLv3</abbr></code></h1>
<section class="index-intro">
<figure class="xterm">
<figcaption class="xterm_title">
<span class="xterm-symbol"></span> <span class="xterm-title">experimental terminal mail client <code><abbr title="The GNU General Public License v3.0">GPLv3</abbr></code></span>
</figcaption>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" baseProfile="full" viewBox="0 0 920 444" width="920" version="1.1" id="main_svg">
<defs>
<termtosvg:template_settings xmlns:termtosvg="https://twigbug.com/nbedos/termtosvg">
<termtosvg:screen_geometry columns="115" rows="26"/>
<termtosvg:animation type="css"/>
</termtosvg:template_settings>
<style type="text/css" id="generated-style"><![CDATA[#screen {
font-family: 'DejaVu Sans Mono', monospace;
font-style: normal;
font-size: 14px;
}
text {
dominant-baseline: text-before-edge;
white-space: pre;
}
]]></style>
<style type="text/css" id="user-style">
/* The colors defined below are the default 16 colors used for rendering text of the terminal. Adjust
them as needed.
xterm colors based on https://en.wikipedia.org/wiki/ANSI_escape_code#Colors */
.foreground {fill: #e5e5e5;}
.background {fill: #000000;}
.color0 {fill: #000000;}
.color1 {fill: #cd0000;}
.color2 {fill: #00cd00;}
.color3 {fill: #cdcd00;}
.color4 {fill: #0000ee;}
.color5 {fill: #cd00cd;}
.color6 {fill: #00cdcd;}
.color7 {fill: #e5e5e5;}
.color8 {fill: #7f7f7f;}
.color9 {fill: #ff0000;}
.color10 {fill: #00ff00;}
.color11 {fill: #ffff00;}
.color12 {fill: #5c5cff;}
.color13 {fill: #ff00ff;}
.color14 {fill: #00ffff;}
.color15 {fill: #ffffff;}
</style>
</defs>
<svg id="screen" width="920" height="442" viewBox="0 0 920 442" preserveAspectRatio="xMidYMin slice">
<rect class="background" height="100%" width="100%" x="0" y="0"/><defs><g id="g1"><text x="0" textLength="56" class="foreground"> mail </text><text x="56" textLength="112" class="color15"> contact list </text><text x="168" textLength="8" class="foreground"> </text><text x="176" textLength="64" class="color15"> status </text><text x="240" textLength="680" class="foreground"> </text></g><g id="g2"><text x="0" textLength="96" font-weight="bold" class="foreground">personal acc</text><text x="96" textLength="8" class="foreground"> </text><text x="104" textLength="816" class="color0">(Common) Lisp on bare metal (7) </text></g><g id="g3"><text x="0" textLength="8" fill="#767676">0</text><text x="8" textLength="48" fill="#121212"> INBOX</text><text x="56" textLength="32" font-weight="bold" fill="#121212"> 314</text><text x="88" textLength="8" fill="#121212"> </text><text x="96" textLength="8" class="foreground"> </text><text x="104" textLength="816" class="color0">2020-02-04 01:47:12&#9601;&#9601;&#9601;&#9601;pfm@wp.eu, xilxnx &lt;xilxnx@upheave.org&gt;, abgepf &lt;dof@abgepof.eu&gt;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;</text></g><g id="g4"><text x="0" textLength="8" fill="#767676">1</text><text x="8" textLength="88" class="color15"> Sent </text><text x="96" textLength="8" class="foreground"> </text><text x="104" textLength="816" fill="#262626">&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;</text></g><g id="g5"><text x="0" textLength="104" class="foreground"> </text><text x="104" textLength="504" font-weight="bold" class="color8">[TwigBug] A personal access token has been added to your account</text><text x="608" textLength="312" class="color0"> </text></g><g id="g6"><text x="0" textLength="96" font-weight="bold" class="foreground">personal acc</text><text x="96" textLength="8" class="foreground"> </text><text x="104" textLength="816" class="color0">2020-02-04 01:23:23&#9601;&#9601;&#9601;&#9601;TwigBug &lt;noreply@twigbug.com&gt;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;&#9601;</text></g><g id="g7"><text x="0" textLength="56" fill="#767676">offline</text><text x="56" textLength="48" class="foreground"> </text><text x="104" textLength="816" fill="#262626">&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&
</svg>
</figure>
</section>
<section class="index-install">
<h2 style="margin-top: 0;">install</h2>
<ol>
<li>
<a href="/wasm.html">Try a 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">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 style="margin-top: 0;">build from source</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 style="margin-top: 0;">why use meli</h2>
<div style="min-width: 100%; width: min-content;">
<p>meli 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>
</div>
</section>
<section class="index-features">
<h2 style="margin-top: 0;">features</h2>
<ul>
<li>email threads</li>
<li>multithreaded</li>
<li>embed your own editor</li>
<li>plain text configuration</li>
<li>multi-tasking with UI tabs</li>
<li>IMAP, Maildir, notmuch, JMAP, 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 style="margin-top: 0;">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></h2>
<dl class="index-announcement-list">
$for(posts)$
<dt><a href="$url$">$title$</a></dt>
<dd>$date$</dd>
$endfor$
<dt style="font-size: .6rem; margin: .5rem auto auto .5rem; border-top: 1px solid #D0D0D0; padding-top: .5rem;">» see <a href="/archive.html">complete archive</a></dt>
</dl>
</section>
<section class="index-screenshots">
$for(screenshots)$
<figure>
<a href="#$url$">
<img src="$url$" class="fit" alt="screenshot: $desc$">
</a>
<figcaption $if(class)$class="$class$"$endif$><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>
$endfor$
</section>
</article>